npm - @primer/react-brand - Versions diffs - 0.75.0-rc.a3f7dbd6 → 0.75.0 - Mend

@primer/react-brand 0.75.0-rc.a3f7dbd6 → 0.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (940) hide show

package/esm/forms/Textarea/Textarea.module.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import './Textarea.module-C4pwTMjB.css';var e = {
-	Textarea: "Primer_Brand__Textarea-module__Textarea___mcWf5",
+import './Textarea.module-C4pwTMjB.css';//#region src/forms/Textarea/Textarea.module.css
+var e = "Primer_Brand__Textarea-module__Textarea___mcWf5", t = {
+	Textarea: e,
 	"Textarea-resize--vertical": "Primer_Brand__Textarea-module__Textarea-resize--vertical___Vby4g",
 	"Textarea-resize--horizontal": "Primer_Brand__Textarea-module__Textarea-resize--horizontal___s4S8w",
 	"Textarea-resize--none": "Primer_Brand__Textarea-module__Textarea-resize--none___vLfq1",
@@ -16,6 +17,6 @@ import './Textarea.module-C4pwTMjB.css';var e = {
 	"Textarea-wrapper--error": "Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h"
 };
 //#endregion
-export { e as default };
+export { e as Textarea, t as default };
 //# sourceMappingURL=Textarea.module.js.map

package/esm/hooks/useAnchoredPosition.js CHANGED Viewed

@@ -4,10 +4,13 @@ import { getAnchoredPosition as i } from "@primer/behaviors";
 //#region src/hooks/useAnchoredPosition.ts
 function a(a, o = []) {
 	let s = a?.floatingElementRef, c = a?.anchorElementRef, [l, u] = r(void 0), d = t(() => {
-		s.current instanceof Element && c.current instanceof Element ? u(i(s.current, c.current, {
-			side: a?.side,
-			align: a?.align
-		})) : u(void 0);
+		if (s.current instanceof Element && c.current instanceof Element) {
+			let e = i(s.current, c.current, {
+				side: a?.side,
+				align: a?.align
+			});
+			u(e);
+		} else u(void 0);
 	}, [
 		s,
 		c,

package/esm/hooks/useAnchoredPosition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnchoredPosition.js","names":[],"sources":["../../src/hooks/useAnchoredPosition.ts"],"sourcesContent":["import React, {RefObject, useCallback, useEffect, useState} from 'react'\nimport {getAnchoredPosition} from '@primer/behaviors'\nimport type {AnchorPosition, PositionSettings} from '@primer/behaviors'\nimport {useResizeObserver} from './useResizeObserver'\n\nexport type AnchoredPositionHookSettings = Partial<PositionSettings> & {\n floatingElementRef?: React.RefObject<Element \| null>\n anchorElementRef?: React.RefObject<Element \| null>\n}\n\n/*\n Calculates the top and left values for an absolutely-positioned floating element\n * to be anchored to some anchor element. Returns refs for the floating element\n * and the anchor element, along with the position.\n * @param settings Settings for calculating the anchored position.\n * @param dependencies Dependencies to determine when to re-calculate the position.\n * @returns An object of {top: number, left: number} to absolutely-position the\n * floating element.\n */\nexport function useAnchoredPosition(\n settings?: AnchoredPositionHookSettings,\n dependencies: React.DependencyList = [],\n): {\n floatingElementRef: RefObject<Element \| null> \| undefined\n anchorElementRef: RefObject<Element \| null> \| undefined\n position: AnchorPosition \| undefined\n} {\n const floatingElementRef = settings?.floatingElementRef as RefObject<Element \| null>\n const anchorElementRef = settings?.anchorElementRef as RefObject<Element \| null>\n\n const [position, setPosition] = useState<AnchorPosition \| undefined>(undefined)\n\n const updatePosition = useCallback(\n () => {\n if (floatingElementRef.current instanceof Element && anchorElementRef.current instanceof Element) {\n const anchoredPosition = getAnchoredPosition(floatingElementRef.current, anchorElementRef.current, {\n side: settings?.side,\n align: settings?.align,\n })\n setPosition(anchoredPosition)\n } else {\n setPosition(undefined)\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [floatingElementRef, anchorElementRef, ...dependencies],\n )\n\n useEffect(updatePosition, [updatePosition])\n\n useResizeObserver(updatePosition)\n\n return {\n floatingElementRef,\n anchorElementRef,\n position,\n }\n}\n"],"mappings":";;;;AAmBA,SAAgB,EACd,GACA,IAAqC,~~EAAE~~,~~EAKvC~~;CACA,IAAM,IAAqB,GAAU,oBAC/B,IAAmB,GAAU,kBAE7B,CAAC,GAAU,KAAe,EAAqC,KAAA,~~EAAU~~,~~EAEzE~~,IAAiB,QACf;~~AACJ~~,~~EAAI~~,EAAmB,mBAAmB,WAAW,EAAiB,mBAAmB,~~UAKvF~~,~~EAJyB~~,EAAoB,EAAmB,SAAS,EAAiB,SAAS;~~GACjG~~,MAAM,GAAU;~~GAChB~~,OAAO,GAAU;~~GAClB~~,~~CACW~~,~~CAAiB~~,~~GAE7B~~,EAAY,KAAA,~~EAAU~~;~~IAI1B~~;EAAC;EAAoB;EAAkB,GAAG;~~EAAa~~,CACxD;~~AAMD~~,~~QAJA~~,EAAU,GAAgB,CAAC,~~EAAe~~,CAAC,~~EAE3C~~,EAAkB,~~EAAe~~,~~EAE1B~~;EACL;EACA;EACA;~~EACD~~"}
1	+ {"version":3,"file":"useAnchoredPosition.js","names":[],"sources":["../../src/hooks/useAnchoredPosition.ts"],"sourcesContent":["import React, {RefObject, useCallback, useEffect, useState} from 'react'\nimport {getAnchoredPosition} from '@primer/behaviors'\nimport type {AnchorPosition, PositionSettings} from '@primer/behaviors'\nimport {useResizeObserver} from './useResizeObserver'\n\nexport type AnchoredPositionHookSettings = Partial<PositionSettings> & {\n floatingElementRef?: React.RefObject<Element \| null>\n anchorElementRef?: React.RefObject<Element \| null>\n}\n\n/*\n Calculates the top and left values for an absolutely-positioned floating element\n * to be anchored to some anchor element. Returns refs for the floating element\n * and the anchor element, along with the position.\n * @param settings Settings for calculating the anchored position.\n * @param dependencies Dependencies to determine when to re-calculate the position.\n * @returns An object of {top: number, left: number} to absolutely-position the\n * floating element.\n */\nexport function useAnchoredPosition(\n settings?: AnchoredPositionHookSettings,\n dependencies: React.DependencyList = [],\n): {\n floatingElementRef: RefObject<Element \| null> \| undefined\n anchorElementRef: RefObject<Element \| null> \| undefined\n position: AnchorPosition \| undefined\n} {\n const floatingElementRef = settings?.floatingElementRef as RefObject<Element \| null>\n const anchorElementRef = settings?.anchorElementRef as RefObject<Element \| null>\n\n const [position, setPosition] = useState<AnchorPosition \| undefined>(undefined)\n\n const updatePosition = useCallback(\n () => {\n if (floatingElementRef.current instanceof Element && anchorElementRef.current instanceof Element) {\n const anchoredPosition = getAnchoredPosition(floatingElementRef.current, anchorElementRef.current, {\n side: settings?.side,\n align: settings?.align,\n })\n setPosition(anchoredPosition)\n } else {\n setPosition(undefined)\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [floatingElementRef, anchorElementRef, ...dependencies],\n )\n\n useEffect(updatePosition, [updatePosition])\n\n useResizeObserver(updatePosition)\n\n return {\n floatingElementRef,\n anchorElementRef,\n position,\n }\n}\n"],"mappings":";;;;AAmBA,SAAgB,EACd,GACA,IAAqC,CAAC,GAKtC;CACA,IAAM,IAAqB,GAAU,oBAC/B,IAAmB,GAAU,kBAE7B,CAAC,GAAU,KAAe,EAAqC,KAAA,CAAS,GAExE,IAAiB,QACf;EACJ,IAAI,EAAmB,mBAAmB,WAAW,EAAiB,mBAAmB,SAAS;GAChG,IAAM,IAAmB,EAAoB,EAAmB,SAAS,EAAiB,SAAS;IACjG,MAAM,GAAU;IAChB,OAAO,GAAU;GACnB,CAAC;GACD,EAAY,CAAgB;EAC9B,OACE,EAAY,KAAA,CAAS;CAEzB,GAEA;EAAC;EAAoB;EAAkB,GAAG;CAAY,CACxD;CAMA,OAJA,EAAU,GAAgB,CAAC,CAAc,CAAC,GAE1C,EAAkB,CAAc,GAEzB;EACL;EACA;EACA;CACF;AACF"}

package/esm/hooks/useCursorAnimation.js CHANGED Viewed

@@ -47,8 +47,10 @@ function i({ text: i, initialText: a, animate: o, delay: s = 500, waitForPageLoa
 			return r;
 		}, x = (e) => {
 			let n = "";
-			if (e > 0 && e < m) n = b(d, Math.floor(e / 1e3 * 34));
-			else if (l && e >= m && e < h) n = d;
+			if (e > 0 && e < m) {
+				let t = Math.floor(e / 1e3 * 34);
+				n = b(d, t);
+			} else if (l && e >= m && e < h) n = d;
 			else if (l && e >= h && e < g) {
 				let r = e - h, i = Math.floor(r / 1e3 * t);
 				n = d.slice(0, d.length - i);

package/esm/hooks/useCursorAnimation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCursorAnimation.js","names":[],"sources":["../../src/hooks/useCursorAnimation.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect'\nimport {useReducedMotion} from './useReducedMotion'\n\nexport type CursorAnimationPhase = 'initial' \| 'correction' \| 'final' \| 'complete'\n\nexport type UseCursorAnimationResult = {\n visibleText: string\n showCursor: boolean\n cursorPhase: CursorAnimationPhase\n}\n\nexport type UseCursorAnimationOptions = {\n text: string\n initialText?: string\n animate?: boolean\n delay?: number\n waitForPageLoad?: boolean\n}\n\nexport function useCursorAnimation({\n text,\n initialText,\n animate,\n delay = 500,\n waitForPageLoad = true,\n}: UseCursorAnimationOptions): UseCursorAnimationResult {\n const prefersReducedMotion = useReducedMotion()\n\n const shouldAnimate = animate === true && !prefersReducedMotion && text.length > 0\n const shouldStartHidden = animate === true && text.length > 0\n\n const [frame, setFrame] = useState<UseCursorAnimationResult>({\n visibleText: shouldStartHidden ? '' : text,\n showCursor: !shouldStartHidden,\n cursorPhase: shouldStartHidden ? 'initial' : 'complete',\n })\n\n useIsomorphicLayoutEffect(() => {\n if (!shouldAnimate) {\n setFrame({visibleText: text, showCursor: true, cursorPhase: 'complete'})\n }\n }, [shouldAnimate, text])\n\n useEffect(() => {\n if (!shouldAnimate) return\n\n const frameDuration = 1000 / 60\n const charactersPerSecond = 30 * (85 / 75)\n const deleteCharactersPerSecond = 24 * (85 / 75)\n const correctionPauseDuration = 350 / (85 / 75)\n const scrambleSymbols = ['>', '', '=', '&', '+', '-', '%', '^', '_']\n\n setFrame({visibleText: '', showCursor: false, cursorPhase: 'initial'})\n\n const candidateInitialText =\n typeof initialText === 'string' && initialText.length > 0 && initialText !== text ? initialText : undefined\n let sharedPrefixLength = 0\n\n if (candidateInitialText) {\n while (\n sharedPrefixLength < candidateInitialText.length &&\n sharedPrefixLength < text.length &&\n candidateInitialText[sharedPrefixLength] === text[sharedPrefixLength]\n ) {\n sharedPrefixLength += 1\n }\n }\n\n const hasCorrection = candidateInitialText !== undefined && sharedPrefixLength < candidateInitialText.length\n const firstText = hasCorrection ? candidateInitialText : text\n const deletedCharacterCount = hasCorrection ? firstText.length - sharedPrefixLength : 0\n const firstTypeDuration = (firstText.length / charactersPerSecond) 1000\n const correctionStart = firstTypeDuration + (hasCorrection ? correctionPauseDuration : 0)\n const deleteDuration = (deletedCharacterCount / deleteCharactersPerSecond) * 1000\n const secondTypeStart = correctionStart + deleteDuration\n const secondTypeCharacterCount = hasCorrection ? text.length - sharedPrefixLength : 0\n const secondTypeDuration = (secondTypeCharacterCount / charactersPerSecond) * 1000\n const typingComplete = secondTypeStart + secondTypeDuration\n const correctionCursorStart = correctionStart - frameDuration\n const finalCursorStart = typingComplete - 6 * frameDuration\n\n const getScrambledText = (sourceText: string, characterCount: number) => {\n let result = ''\n let visibleCharacterIndex = 0\n\n for (let index = 0; index < characterCount; index += 1) {\n const character = sourceText[index]\n\n if (/\\s/.test(character)) {\n result = `${result}${character}`\n continue\n }\n\n visibleCharacterIndex += 1\n result = `${result}${character}`\n\n if (index === characterCount - 1) {\n result = `${result}${scrambleSymbols[(visibleCharacterIndex - 1) % scrambleSymbols.length]}`\n }\n }\n\n return result\n }\n\n const getFrame = (elapsed: number): UseCursorAnimationResult => {\n let nextText = ''\n\n if (elapsed > 0 && elapsed < firstTypeDuration) {\n const typedCharacterCount = Math.floor((elapsed / 1000) * charactersPerSecond)\n nextText = getScrambledText(firstText, typedCharacterCount)\n } else if (hasCorrection && elapsed >= firstTypeDuration && elapsed < correctionStart) {\n nextText = firstText\n } else if (hasCorrection && elapsed >= correctionStart && elapsed < secondTypeStart) {\n const deleteElapsed = elapsed - correctionStart\n const currentDeletedCharacterCount = Math.floor((deleteElapsed / 1000) * deleteCharactersPerSecond)\n nextText = firstText.slice(0, firstText.length - currentDeletedCharacterCount)\n } else if (hasCorrection && elapsed >= secondTypeStart && elapsed < typingComplete) {\n const secondTypeElapsed = elapsed - secondTypeStart\n const typedCharacterCount = Math.min(\n text.length,\n sharedPrefixLength + Math.floor((secondTypeElapsed / 1000) * charactersPerSecond),\n )\n nextText = text.slice(0, typedCharacterCount)\n } else if (elapsed >= typingComplete) {\n nextText = text\n }\n\n let nextCursorPhase: CursorAnimationPhase = 'initial'\n if (hasCorrection && elapsed >= correctionCursorStart) nextCursorPhase = 'correction'\n if (elapsed >= finalCursorStart) nextCursorPhase = 'final'\n if (elapsed >= typingComplete) nextCursorPhase = 'complete'\n\n return {\n visibleText: nextText,\n showCursor: nextText.length > 0,\n cursorPhase: nextCursorPhase,\n }\n }\n\n let animationFrame: number \| undefined\n let delayTimer: ReturnType<typeof setTimeout> \| undefined\n\n const startAnimation = () => {\n const startTime = performance.now()\n let previousFrame: UseCursorAnimationResult = {\n visibleText: '',\n showCursor: false,\n cursorPhase: 'initial',\n }\n\n const tick = (currentTime: number) => {\n const elapsed = currentTime - startTime\n const nextFrame = getFrame(elapsed)\n\n if (\n previousFrame.visibleText !== nextFrame.visibleText \|\|\n previousFrame.showCursor !== nextFrame.showCursor \|\|\n previousFrame.cursorPhase !== nextFrame.cursorPhase\n ) {\n previousFrame = nextFrame\n setFrame(nextFrame)\n }\n\n if (elapsed < typingComplete) {\n animationFrame = window.requestAnimationFrame(tick)\n }\n }\n\n animationFrame = window.requestAnimationFrame(tick)\n }\n\n const startDelayTimer = () => {\n delayTimer = setTimeout(startAnimation, delay)\n }\n\n if (waitForPageLoad && typeof window !== 'undefined') {\n if (document.readyState === 'complete') {\n startDelayTimer()\n } else {\n const handleLoad = () => startDelayTimer()\n window.addEventListener('load', handleLoad)\n return () => {\n window.removeEventListener('load', handleLoad)\n if (delayTimer !== undefined) clearTimeout(delayTimer)\n if (animationFrame !== undefined) window.cancelAnimationFrame(animationFrame)\n }\n }\n } else {\n startDelayTimer()\n }\n\n return () => {\n if (delayTimer !== undefined) clearTimeout(delayTimer)\n if (animationFrame !== undefined) window.cancelAnimationFrame(animationFrame)\n }\n }, [delay, initialText, shouldAnimate, text, waitForPageLoad])\n\n return frame\n}\n"],"mappings":";;;;AAoBA,SAAgB,EAAmB,EACjC,SACA,gBACA,YACA,WAAQ,KACR,qBAAkB,MACoC;CACtD,IAAM,IAAuB,GAAkB,EAEzC,IAAgB,MAAY,MAAQ,CAAC,KAAwB,EAAK,SAAS,GAC3E,IAAoB,MAAY,MAAQ,EAAK,SAAS,GAEtD,CAAC,GAAO,KAAY,EAAmC;EAC3D,aAAa,IAAoB,KAAK;EACtC,YAAY,CAAC;EACb,aAAa,IAAoB,YAAY;EAC9C,CAAC;AAkKF,QAhKA,QAAgC;AAC9B,EAAK,KACH,EAAS;GAAC,aAAa;GAAM,YAAY;GAAM,aAAa;GAAW,CAAC;IAEzE,CAAC,GAAe,EAAK,CAAC,EAEzB,QAAgB;AACd,MAAI,CAAC,EAAe;EAEpB,IAAM,IAAgB,MAAO,IAEvB,IAAkC,KAAK,KAAX,IAE5B,IAAkB;GAAC;GAAK;GAAK;GAAK;GAAK;GAAK;GAAK;GAAK;GAAK;GAAI;AAErE,IAAS;GAAC,aAAa;GAAI,YAAY;GAAO,aAAa;GAAU,CAAC;EAEtE,IAAM,IACJ,OAAO,KAAgB,YAAY,EAAY,SAAS,KAAK,MAAgB,IAAO,IAAc,KAAA,GAChG,IAAqB;AAEzB,MAAI,EACF,QACE,IAAqB,EAAqB,UAC1C,IAAqB,EAAK,UAC1B,EAAqB,OAAwB,EAAK,IAElD,MAAsB;EAI1B,IAAM,IAAgB,MAAyB,KAAA,KAAa,IAAqB,EAAqB,QAChG,IAAY,IAAgB,IAAuB,GACnD,IAAwB,IAAgB,EAAU,SAAS,IAAqB,GAChF,IAAqB,EAAU,SAAS,KAAuB,KAC/D,IAAkB,KAAqB,IAAgB,oBAA0B,IAEjF,IAAkB,IADA,IAAwB,IAA6B,KAIvE,IAAiB,KAFU,IAAgB,EAAK,SAAS,IAAqB,KAC7B,KAAuB,KAExE,IAAwB,IAAkB,GAC1C,IAAmB,IAAiB,IAAI,GAExC,KAAoB,GAAoB,MAA2B;GACvE,IAAI,IAAS,IACT,IAAwB;AAE5B,QAAK,IAAI,IAAQ,GAAG,IAAQ,GAAgB,KAAS,GAAG;IACtD,IAAM,IAAY,EAAW;AAE7B,QAAI,KAAK,KAAK,EAAU,EAAE;AACxB,SAAS,GAAG,IAAS;AACrB;;AAMF,IAHA,KAAyB,GACzB,IAAS,GAAG,IAAS,KAEjB,MAAU,IAAiB,MAC7B,IAAS,GAAG,IAAS,GAAiB,IAAwB,KAAK,EAAgB;;AAIvF,UAAO;KAGH,KAAY,MAA8C;GAC9D,IAAI,IAAW;AAEf,OAAI,IAAU,KAAK,IAAU,EAE3B,KAAW,EAAiB,GADA,KAAK,MAAO,IAAU,MAAQ,GACnB,CAAoB;YAClD,KAAiB,KAAW,KAAqB,IAAU,EACpE,KAAW;YACF,KAAiB,KAAW,KAAmB,IAAU,GAAiB;IACnF,IAAM,IAAgB,IAAU,GAC1B,IAA+B,KAAK,MAAO,IAAgB,MAAQ,EAA0B;AACnG,QAAW,EAAU,MAAM,GAAG,EAAU,SAAS,EAA6B;cACrE,KAAiB,KAAW,KAAmB,IAAU,GAAgB;IAClF,IAAM,IAAoB,IAAU,GAC9B,IAAsB,KAAK,IAC/B,EAAK,QACL,IAAqB,KAAK,MAAO,IAAoB,MAAQ,GAAoB,CAClF;AACD,QAAW,EAAK,MAAM,GAAG,EAAoB;UACpC,KAAW,MACpB,IAAW;GAGb,IAAI,IAAwC;AAK5C,UAJI,KAAiB,KAAW,MAAuB,IAAkB,eACrE,KAAW,MAAkB,IAAkB,UAC/C,KAAW,MAAgB,IAAkB,aAE1C;IACL,aAAa;IACb,YAAY,EAAS,SAAS;IAC9B,aAAa;IACd;KAGC,GACA,GAEE,UAAuB;GAC3B,IAAM,IAAY,YAAY,KAAK,EAC/B,IAA0C;IAC5C,aAAa;IACb,YAAY;IACZ,aAAa;IACd,EAEK,KAAQ,MAAwB;IACpC,IAAM,IAAU,IAAc,GACxB,IAAY,EAAS,EAAQ;AAWnC,KARE,EAAc,gBAAgB,EAAU,eACxC,EAAc,eAAe,EAAU,cACvC,EAAc,gBAAgB,EAAU,iBAExC,IAAgB,GAChB,EAAS,EAAU,GAGjB,IAAU,MACZ,IAAiB,OAAO,sBAAsB,EAAK;;AAIvD,OAAiB,OAAO,sBAAsB,EAAK;KAG/C,UAAwB;AAC5B,OAAa,WAAW,GAAgB,EAAM;;AAGhD,MAAI,KAAmB,OAAO,SAAW,IACvC,KAAI,SAAS,eAAe,WAC1B,IAAiB;OACZ;GACL,IAAM,UAAmB,GAAiB;AAE1C,UADA,OAAO,iBAAiB,QAAQ,EAAW,QAC9B;AAGX,IAFA,OAAO,oBAAoB,QAAQ,EAAW,EAC1C,MAAe,KAAA,KAAW,aAAa,EAAW,EAClD,MAAmB,KAAA,KAAW,OAAO,qBAAqB,EAAe;;;MAIjF,IAAiB;AAGnB,eAAa;AAEX,GADI,MAAe,KAAA,KAAW,aAAa,EAAW,EAClD,MAAmB,KAAA,KAAW,OAAO,qBAAqB,EAAe;;IAE9E;EAAC;EAAO;EAAa;EAAe;EAAM;EAAgB,CAAC,EAEvD"}
1	+ {"version":3,"file":"useCursorAnimation.js","names":[],"sources":["../../src/hooks/useCursorAnimation.ts"],"sourcesContent":["import {useEffect, useState} from 'react'\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect'\nimport {useReducedMotion} from './useReducedMotion'\n\nexport type CursorAnimationPhase = 'initial' \| 'correction' \| 'final' \| 'complete'\n\nexport type UseCursorAnimationResult = {\n visibleText: string\n showCursor: boolean\n cursorPhase: CursorAnimationPhase\n}\n\nexport type UseCursorAnimationOptions = {\n text: string\n initialText?: string\n animate?: boolean\n delay?: number\n waitForPageLoad?: boolean\n}\n\nexport function useCursorAnimation({\n text,\n initialText,\n animate,\n delay = 500,\n waitForPageLoad = true,\n}: UseCursorAnimationOptions): UseCursorAnimationResult {\n const prefersReducedMotion = useReducedMotion()\n\n const shouldAnimate = animate === true && !prefersReducedMotion && text.length > 0\n const shouldStartHidden = animate === true && text.length > 0\n\n const [frame, setFrame] = useState<UseCursorAnimationResult>({\n visibleText: shouldStartHidden ? '' : text,\n showCursor: !shouldStartHidden,\n cursorPhase: shouldStartHidden ? 'initial' : 'complete',\n })\n\n useIsomorphicLayoutEffect(() => {\n if (!shouldAnimate) {\n setFrame({visibleText: text, showCursor: true, cursorPhase: 'complete'})\n }\n }, [shouldAnimate, text])\n\n useEffect(() => {\n if (!shouldAnimate) return\n\n const frameDuration = 1000 / 60\n const charactersPerSecond = 30 * (85 / 75)\n const deleteCharactersPerSecond = 24 * (85 / 75)\n const correctionPauseDuration = 350 / (85 / 75)\n const scrambleSymbols = ['>', '', '=', '&', '+', '-', '%', '^', '_']\n\n setFrame({visibleText: '', showCursor: false, cursorPhase: 'initial'})\n\n const candidateInitialText =\n typeof initialText === 'string' && initialText.length > 0 && initialText !== text ? initialText : undefined\n let sharedPrefixLength = 0\n\n if (candidateInitialText) {\n while (\n sharedPrefixLength < candidateInitialText.length &&\n sharedPrefixLength < text.length &&\n candidateInitialText[sharedPrefixLength] === text[sharedPrefixLength]\n ) {\n sharedPrefixLength += 1\n }\n }\n\n const hasCorrection = candidateInitialText !== undefined && sharedPrefixLength < candidateInitialText.length\n const firstText = hasCorrection ? candidateInitialText : text\n const deletedCharacterCount = hasCorrection ? firstText.length - sharedPrefixLength : 0\n const firstTypeDuration = (firstText.length / charactersPerSecond) 1000\n const correctionStart = firstTypeDuration + (hasCorrection ? correctionPauseDuration : 0)\n const deleteDuration = (deletedCharacterCount / deleteCharactersPerSecond) * 1000\n const secondTypeStart = correctionStart + deleteDuration\n const secondTypeCharacterCount = hasCorrection ? text.length - sharedPrefixLength : 0\n const secondTypeDuration = (secondTypeCharacterCount / charactersPerSecond) * 1000\n const typingComplete = secondTypeStart + secondTypeDuration\n const correctionCursorStart = correctionStart - frameDuration\n const finalCursorStart = typingComplete - 6 * frameDuration\n\n const getScrambledText = (sourceText: string, characterCount: number) => {\n let result = ''\n let visibleCharacterIndex = 0\n\n for (let index = 0; index < characterCount; index += 1) {\n const character = sourceText[index]\n\n if (/\\s/.test(character)) {\n result = `${result}${character}`\n continue\n }\n\n visibleCharacterIndex += 1\n result = `${result}${character}`\n\n if (index === characterCount - 1) {\n result = `${result}${scrambleSymbols[(visibleCharacterIndex - 1) % scrambleSymbols.length]}`\n }\n }\n\n return result\n }\n\n const getFrame = (elapsed: number): UseCursorAnimationResult => {\n let nextText = ''\n\n if (elapsed > 0 && elapsed < firstTypeDuration) {\n const typedCharacterCount = Math.floor((elapsed / 1000) * charactersPerSecond)\n nextText = getScrambledText(firstText, typedCharacterCount)\n } else if (hasCorrection && elapsed >= firstTypeDuration && elapsed < correctionStart) {\n nextText = firstText\n } else if (hasCorrection && elapsed >= correctionStart && elapsed < secondTypeStart) {\n const deleteElapsed = elapsed - correctionStart\n const currentDeletedCharacterCount = Math.floor((deleteElapsed / 1000) * deleteCharactersPerSecond)\n nextText = firstText.slice(0, firstText.length - currentDeletedCharacterCount)\n } else if (hasCorrection && elapsed >= secondTypeStart && elapsed < typingComplete) {\n const secondTypeElapsed = elapsed - secondTypeStart\n const typedCharacterCount = Math.min(\n text.length,\n sharedPrefixLength + Math.floor((secondTypeElapsed / 1000) * charactersPerSecond),\n )\n nextText = text.slice(0, typedCharacterCount)\n } else if (elapsed >= typingComplete) {\n nextText = text\n }\n\n let nextCursorPhase: CursorAnimationPhase = 'initial'\n if (hasCorrection && elapsed >= correctionCursorStart) nextCursorPhase = 'correction'\n if (elapsed >= finalCursorStart) nextCursorPhase = 'final'\n if (elapsed >= typingComplete) nextCursorPhase = 'complete'\n\n return {\n visibleText: nextText,\n showCursor: nextText.length > 0,\n cursorPhase: nextCursorPhase,\n }\n }\n\n let animationFrame: number \| undefined\n let delayTimer: ReturnType<typeof setTimeout> \| undefined\n\n const startAnimation = () => {\n const startTime = performance.now()\n let previousFrame: UseCursorAnimationResult = {\n visibleText: '',\n showCursor: false,\n cursorPhase: 'initial',\n }\n\n const tick = (currentTime: number) => {\n const elapsed = currentTime - startTime\n const nextFrame = getFrame(elapsed)\n\n if (\n previousFrame.visibleText !== nextFrame.visibleText \|\|\n previousFrame.showCursor !== nextFrame.showCursor \|\|\n previousFrame.cursorPhase !== nextFrame.cursorPhase\n ) {\n previousFrame = nextFrame\n setFrame(nextFrame)\n }\n\n if (elapsed < typingComplete) {\n animationFrame = window.requestAnimationFrame(tick)\n }\n }\n\n animationFrame = window.requestAnimationFrame(tick)\n }\n\n const startDelayTimer = () => {\n delayTimer = setTimeout(startAnimation, delay)\n }\n\n if (waitForPageLoad && typeof window !== 'undefined') {\n if (document.readyState === 'complete') {\n startDelayTimer()\n } else {\n const handleLoad = () => startDelayTimer()\n window.addEventListener('load', handleLoad)\n return () => {\n window.removeEventListener('load', handleLoad)\n if (delayTimer !== undefined) clearTimeout(delayTimer)\n if (animationFrame !== undefined) window.cancelAnimationFrame(animationFrame)\n }\n }\n } else {\n startDelayTimer()\n }\n\n return () => {\n if (delayTimer !== undefined) clearTimeout(delayTimer)\n if (animationFrame !== undefined) window.cancelAnimationFrame(animationFrame)\n }\n }, [delay, initialText, shouldAnimate, text, waitForPageLoad])\n\n return frame\n}\n"],"mappings":"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"}

package/esm/hooks/useFocusTrap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import React from 'react'\nimport {focusTrap} from '@primer/behaviors'\nimport {useProvidedRefOrCreate} from './useRef'\n\nexport interface FocusTrapHookSettings<\n ContainerElement extends HTMLElement = HTMLElement,\n InitialFocusElement extends HTMLElement = HTMLElement,\n> {\n /*\n Ref object that will be used for the trapping container. If not provided, one will\n * be created by this hook and returned.\n /\n containerRef?: React.RefObject<ContainerElement \| null>\n\n /\n Ref object for the element that should receive focus when the focus trap is first enabled.\n * If not provided, one will be created by this hook and returned. Its use is optional.\n /\n initialFocusRef?: React.RefObject<InitialFocusElement \| null>\n\n /\n Set to true to disable the focus trap and clean up listeners. Can be re-enabled at any time.\n /\n disabled?: boolean\n\n /\n If true, when this focus trap is cleaned up, restore focus to the element that had focus immediately before the focus trap was enabled. (Default: false)\n /\n restoreFocusOnCleanUp?: boolean\n}\n\n/\n Hook used to trap focus inside a container. Returns a ref that can be added to the container\n * that should trap focus.\n * @param settings {FocusTrapHookSettings}\n */\nexport function useFocusTrap<\n ContainerElement extends HTMLElement = HTMLElement,\n InitialFocusElement extends HTMLElement = HTMLElement,\n>(\n settings?: FocusTrapHookSettings<ContainerElement, InitialFocusElement>,\n dependencies: React.DependencyList = [],\n): {\n containerRef: React.RefObject<ContainerElement \| null>\n initialFocusRef: React.RefObject<InitialFocusElement \| null>\n} {\n const containerRef = useProvidedRefOrCreate<ContainerElement \| null>(settings?.containerRef)\n const initialFocusRef = useProvidedRefOrCreate<InitialFocusElement \| null>(settings?.initialFocusRef)\n const disabled = settings?.disabled\n const abortController = React.useRef<AbortController \| null>(null)\n const previousFocusedElement = React.useRef<Element \| null>(null)\n\n // This function removes the event listeners that enable the focus trap and restores focus\n // to the previously-focused element (if necessary).\n function disableTrap() {\n abortController.current?.abort()\n if (settings?.restoreFocusOnCleanUp && previousFocusedElement.current instanceof HTMLElement) {\n previousFocusedElement.current.focus()\n }\n previousFocusedElement.current = null\n }\n\n React.useEffect(\n () => {\n if (containerRef.current instanceof HTMLElement) {\n if (!disabled) {\n if (!previousFocusedElement.current) {\n previousFocusedElement.current = document.activeElement\n }\n abortController.current = focusTrap(containerRef.current, initialFocusRef.current ?? undefined) ?? null\n return () => {\n disableTrap()\n }\n } else {\n disableTrap()\n }\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [containerRef, initialFocusRef, disabled, ...dependencies],\n )\n\n return {containerRef, initialFocusRef}\n}\n"],"mappings":";;;;AAoCA,SAAgB,EAId,GACA,IAAqC,~~EAAE~~,~~EAIvC~~;CACA,IAAM,IAAe,EAAgD,GAAU,~~aAAa~~,~~EACtF~~,IAAkB,EAAmD,GAAU,~~gBAAgB~~,~~EAC/F~~,IAAW,GAAU,UACrB,IAAkB,EAAM,OAA+B,~~KAAK~~,~~EAC5D~~,IAAyB,EAAM,OAAuB,~~KAAK~~;~~CAIjE~~,SAAS,IAAc;~~AAKrB~~,~~EAJA~~,EAAgB,SAAS,~~OAAO~~,~~EAC5B~~,GAAU,yBAAyB,EAAuB,mBAAmB,eAC/E,EAAuB,QAAQ,~~OAAO~~,~~EAExC~~,EAAuB,UAAU~~;;AAuBnC~~,~~QApBA~~,EAAM,gBACE;~~AACJ~~,~~MAAI~~,EAAa,mBAAmB,~~YAClC~~,~~KAAK~~,~~EASH~~,~~IAAa~~;~~MAJb~~,~~QAJA~~,AACE,EAAuB,YAAU,SAAS,eAE5C,EAAgB,UAAU,EAAU,EAAa,SAAS,EAAgB,WAAW,KAAA,~~EAAU~~,~~IAAI~~,YACtF;~~AACX~~,~~MAAa;;IAQrB~~;EAAC;EAAc;EAAiB;EAAU,GAAG;~~EAAa~~,CAC3D,~~EAEM~~;EAAC;EAAc;~~EAAgB~~"}
1	+ {"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import React from 'react'\nimport {focusTrap} from '@primer/behaviors'\nimport {useProvidedRefOrCreate} from './useRef'\n\nexport interface FocusTrapHookSettings<\n ContainerElement extends HTMLElement = HTMLElement,\n InitialFocusElement extends HTMLElement = HTMLElement,\n> {\n /*\n Ref object that will be used for the trapping container. If not provided, one will\n * be created by this hook and returned.\n /\n containerRef?: React.RefObject<ContainerElement \| null>\n\n /\n Ref object for the element that should receive focus when the focus trap is first enabled.\n * If not provided, one will be created by this hook and returned. Its use is optional.\n /\n initialFocusRef?: React.RefObject<InitialFocusElement \| null>\n\n /\n Set to true to disable the focus trap and clean up listeners. Can be re-enabled at any time.\n /\n disabled?: boolean\n\n /\n If true, when this focus trap is cleaned up, restore focus to the element that had focus immediately before the focus trap was enabled. (Default: false)\n /\n restoreFocusOnCleanUp?: boolean\n}\n\n/\n Hook used to trap focus inside a container. Returns a ref that can be added to the container\n * that should trap focus.\n * @param settings {FocusTrapHookSettings}\n */\nexport function useFocusTrap<\n ContainerElement extends HTMLElement = HTMLElement,\n InitialFocusElement extends HTMLElement = HTMLElement,\n>(\n settings?: FocusTrapHookSettings<ContainerElement, InitialFocusElement>,\n dependencies: React.DependencyList = [],\n): {\n containerRef: React.RefObject<ContainerElement \| null>\n initialFocusRef: React.RefObject<InitialFocusElement \| null>\n} {\n const containerRef = useProvidedRefOrCreate<ContainerElement \| null>(settings?.containerRef)\n const initialFocusRef = useProvidedRefOrCreate<InitialFocusElement \| null>(settings?.initialFocusRef)\n const disabled = settings?.disabled\n const abortController = React.useRef<AbortController \| null>(null)\n const previousFocusedElement = React.useRef<Element \| null>(null)\n\n // This function removes the event listeners that enable the focus trap and restores focus\n // to the previously-focused element (if necessary).\n function disableTrap() {\n abortController.current?.abort()\n if (settings?.restoreFocusOnCleanUp && previousFocusedElement.current instanceof HTMLElement) {\n previousFocusedElement.current.focus()\n }\n previousFocusedElement.current = null\n }\n\n React.useEffect(\n () => {\n if (containerRef.current instanceof HTMLElement) {\n if (!disabled) {\n if (!previousFocusedElement.current) {\n previousFocusedElement.current = document.activeElement\n }\n abortController.current = focusTrap(containerRef.current, initialFocusRef.current ?? undefined) ?? null\n return () => {\n disableTrap()\n }\n } else {\n disableTrap()\n }\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [containerRef, initialFocusRef, disabled, ...dependencies],\n )\n\n return {containerRef, initialFocusRef}\n}\n"],"mappings":";;;;AAoCA,SAAgB,EAId,GACA,IAAqC,CAAC,GAItC;CACA,IAAM,IAAe,EAAgD,GAAU,YAAY,GACrF,IAAkB,EAAmD,GAAU,eAAe,GAC9F,IAAW,GAAU,UACrB,IAAkB,EAAM,OAA+B,IAAI,GAC3D,IAAyB,EAAM,OAAuB,IAAI;CAIhE,SAAS,IAAc;EAKrB,AAJA,EAAgB,SAAS,MAAM,GAC3B,GAAU,yBAAyB,EAAuB,mBAAmB,eAC/E,EAAuB,QAAQ,MAAM,GAEvC,EAAuB,UAAU;CACnC;CAsBA,OApBA,EAAM,gBACE;EACJ,IAAI,EAAa,mBAAmB,aAClC,IAAK,GASH,EAAY;OAJZ,OAJA,AACE,EAAuB,YAAU,SAAS,eAE5C,EAAgB,UAAU,EAAU,EAAa,SAAS,EAAgB,WAAW,KAAA,CAAS,KAAK,YACtF;GACX,EAAY;EACd;CAKN,GAEA;EAAC;EAAc;EAAiB;EAAU,GAAG;CAAY,CAC3D,GAEO;EAAC;EAAc;CAAe;AACvC"}

package/esm/hooks/useId.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.js","names":[],"sources":["../../src/hooks/useId.ts"],"sourcesContent":["import {useId as useReactId} from 'react'\n\nexport type UseId = (id?: string) => string\n\nexport const useId: UseId = id => {\n const uniqueId = useReactId()\n\n if (id) {\n return id\n }\n\n return uniqueId\n}\n"],"mappings":";;AAIA,IAAa,KAAe,MAAM;CAChC,IAAM,IAAW,~~GAAY~~;~~AAM7B~~,~~QAJI~~,KAIG"}
1	+ {"version":3,"file":"useId.js","names":[],"sources":["../../src/hooks/useId.ts"],"sourcesContent":["import {useId as useReactId} from 'react'\n\nexport type UseId = (id?: string) => string\n\nexport const useId: UseId = id => {\n const uniqueId = useReactId()\n\n if (id) {\n return id\n }\n\n return uniqueId\n}\n"],"mappings":";;AAIA,IAAa,KAAe,MAAM;CAChC,IAAM,IAAW,EAAW;CAM5B,OAJI,KAIG;AACT"}

package/esm/hooks/useKeyboardEscape.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardEscape.js","names":[],"sources":["../../src/hooks/useKeyboardEscape.ts"],"sourcesContent":["import {useCallback, useEffect} from 'react'\n\nexport function useKeyboardEscape(handler) {\n const handleKeyboardEscape = useCallback(\n event => {\n if (event.key === 'Escape') {\n handler()\n }\n },\n [handler],\n )\n\n useEffect(() => {\n document.addEventListener('keydown', handleKeyboardEscape, false)\n\n return () => {\n document.removeEventListener('keydown', handleKeyboardEscape, false)\n }\n }, [handleKeyboardEscape])\n}\n"],"mappings":";;AAEA,SAAgB,EAAkB,GAAS;CACzC,IAAM,IAAuB,GAC3B,MAAS;~~AACP~~,~~EAAI~~,EAAM,QAAQ,YAChB,~~GAAS~~;~~IAGb~~,CAAC,~~EAAQ~~,CACV;~~AAED~~,~~UACE~~,SAAS,iBAAiB,WAAW,GAAsB,~~GAAM~~,~~QAEpD~~;~~AACX~~,~~WAAS~~,oBAAoB,WAAW,GAAsB,~~GAAM~~;~~KAErE~~,CAAC,~~EAAqB~~,CAAC"}
1	+ {"version":3,"file":"useKeyboardEscape.js","names":[],"sources":["../../src/hooks/useKeyboardEscape.ts"],"sourcesContent":["import {useCallback, useEffect} from 'react'\n\nexport function useKeyboardEscape(handler) {\n const handleKeyboardEscape = useCallback(\n event => {\n if (event.key === 'Escape') {\n handler()\n }\n },\n [handler],\n )\n\n useEffect(() => {\n document.addEventListener('keydown', handleKeyboardEscape, false)\n\n return () => {\n document.removeEventListener('keydown', handleKeyboardEscape, false)\n }\n }, [handleKeyboardEscape])\n}\n"],"mappings":";;AAEA,SAAgB,EAAkB,GAAS;CACzC,IAAM,IAAuB,GAC3B,MAAS;EACP,AAAI,EAAM,QAAQ,YAChB,EAAQ;CAEZ,GACA,CAAC,CAAO,CACV;CAEA,SACE,SAAS,iBAAiB,WAAW,GAAsB,EAAK,SAEnD;EACX,SAAS,oBAAoB,WAAW,GAAsB,EAAK;CACrE,IACC,CAAC,CAAoB,CAAC;AAC3B"}

package/esm/hooks/useOnClickOutside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOnClickOutside.js","names":[],"sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import {RefObject, useEffect} from 'react'\n\nexport function useOnClickOutside(\n ref: RefObject<HTMLElement \| null>,\n handler?: (event: MouseEvent \| TouchEvent \| FocusEvent) => void,\n excludeRef?: RefObject<HTMLElement \| null>,\n): void {\n useEffect(() => {\n const listener = (event: MouseEvent \| TouchEvent \| FocusEvent) => {\n // Do nothing if clicking ref's element or descendent elements\n if (\n !ref.current \|\|\n ref.current.contains(event.target as Node) \|\|\n (excludeRef && excludeRef.current && excludeRef.current.contains(event.target as Node))\n ) {\n return\n }\n if (handler) {\n handler(event)\n }\n }\n\n document.addEventListener('mousedown', listener)\n document.addEventListener('touchstart', listener, {passive: true})\n document.addEventListener('focusin', listener)\n\n return () => {\n document.removeEventListener('mousedown', listener)\n document.removeEventListener('touchstart', listener)\n document.removeEventListener('focusin', listener)\n }\n }, [ref, handler, excludeRef])\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,GACM;~~AACN~~,~~SAAgB~~;EACd,IAAM,KAAY,MAAgD;~~AAG9D~~,~~IAAC~~,EAAI,WACL,EAAI,QAAQ,SAAS,EAAM,~~OAAe~~,~~IACzC~~,KAAc,EAAW,WAAW,EAAW,QAAQ,SAAS,EAAM,~~OAAe~~,~~IAIpF~~,KACF,EAAQ,~~EAAM;;AAQlB~~,~~SAJA~~,SAAS,iBAAiB,aAAa,~~EAAS~~,~~EAChD~~,SAAS,iBAAiB,cAAc,GAAU,EAAC,SAAS,~~IAAK~~,CAAC,~~EAClE~~,SAAS,iBAAiB,WAAW,~~EAAS~~,~~QAEjC~~;~~AAGX~~,~~GAFA~~,SAAS,oBAAoB,aAAa,~~EAAS~~,~~EACnD~~,SAAS,oBAAoB,cAAc,~~EAAS~~,~~EACpD~~,SAAS,oBAAoB,WAAW,~~EAAS;;IAElD~~;EAAC;EAAK;EAAS;~~EAAW~~,CAAC"}
1	+ {"version":3,"file":"useOnClickOutside.js","names":[],"sources":["../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import {RefObject, useEffect} from 'react'\n\nexport function useOnClickOutside(\n ref: RefObject<HTMLElement \| null>,\n handler?: (event: MouseEvent \| TouchEvent \| FocusEvent) => void,\n excludeRef?: RefObject<HTMLElement \| null>,\n): void {\n useEffect(() => {\n const listener = (event: MouseEvent \| TouchEvent \| FocusEvent) => {\n // Do nothing if clicking ref's element or descendent elements\n if (\n !ref.current \|\|\n ref.current.contains(event.target as Node) \|\|\n (excludeRef && excludeRef.current && excludeRef.current.contains(event.target as Node))\n ) {\n return\n }\n if (handler) {\n handler(event)\n }\n }\n\n document.addEventListener('mousedown', listener)\n document.addEventListener('touchstart', listener, {passive: true})\n document.addEventListener('focusin', listener)\n\n return () => {\n document.removeEventListener('mousedown', listener)\n document.removeEventListener('touchstart', listener)\n document.removeEventListener('focusin', listener)\n }\n }, [ref, handler, excludeRef])\n}\n"],"mappings":";;AAEA,SAAgB,EACd,GACA,GACA,GACM;CACN,QAAgB;EACd,IAAM,KAAY,MAAgD;GAG9D,CAAC,EAAI,WACL,EAAI,QAAQ,SAAS,EAAM,MAAc,KACxC,KAAc,EAAW,WAAW,EAAW,QAAQ,SAAS,EAAM,MAAc,KAInF,KACF,EAAQ,CAAK;EAEjB;EAMA,OAJA,SAAS,iBAAiB,aAAa,CAAQ,GAC/C,SAAS,iBAAiB,cAAc,GAAU,EAAC,SAAS,GAAI,CAAC,GACjE,SAAS,iBAAiB,WAAW,CAAQ,SAEhC;GAGX,AAFA,SAAS,oBAAoB,aAAa,CAAQ,GAClD,SAAS,oBAAoB,cAAc,CAAQ,GACnD,SAAS,oBAAoB,WAAW,CAAQ;EAClD;CACF,GAAG;EAAC;EAAK;EAAS;CAAU,CAAC;AAC/B"}

package/esm/hooks/useReducedMotion.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useEffect as e, useState as t } from "react";
 //#region src/hooks/useReducedMotion.ts
 function n() {
-	let [n, r] = t(() => typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1);
+	let [n, r] = t(() => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
 	return e(() => {
 		let e = window.matchMedia("(prefers-reduced-motion: reduce)");
 		r(e.matches);

package/esm/hooks/useReducedMotion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useReducedMotion.js","names":[],"sources":["../../src/hooks/useReducedMotion.ts"],"sourcesContent":["import {useState, useEffect} from 'react'\n\n/*\n Hook that returns true if the user prefers reduced motion.\n * Respects the prefers-reduced-motion media query.\n */\nexport function useReducedMotion(): boolean {\n const [prefersReducedMotion, setPrefersReducedMotion] = useState(() =>\n typeof window !== 'undefined' ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false,\n )\n\n useEffect(() => {\n const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)')\n setPrefersReducedMotion(mediaQuery.matches)\n\n const handleChange = (event: MediaQueryListEvent) => {\n setPrefersReducedMotion(event.matches)\n }\n\n mediaQuery.addEventListener('change', handleChange)\n return () => mediaQuery.removeEventListener('change', handleChange)\n }, [])\n\n return prefersReducedMotion\n}\n"],"mappings":";;AAMA,SAAgB,IAA4B;CAC1C,IAAM,CAAC,GAAsB,KAA2B,QACtD,OAAO,SAAW,~~MAAc~~,OAAO,WAAW,~~mCAAmC~~,CAAC,~~UAAU~~,~~GACjG~~;~~AAcD~~,~~QAZA~~,QAAgB;EACd,IAAM,IAAa,OAAO,WAAW,~~mCAAmC~~;~~AACxE~~,~~IAAwB~~,EAAW,~~QAAQ~~;~~EAE3C~~,IAAM,KAAgB,MAA+B;~~AACnD~~,~~KAAwB~~,EAAM,~~QAAQ;;AAIxC~~,~~SADA~~,EAAW,iBAAiB,UAAU,~~EAAa~~,~~QACtC~~,EAAW,oBAAoB,UAAU,~~EAAa~~;~~IAClE~~,~~EAAE~~,CAAC,~~EAEC~~"}
1	+ {"version":3,"file":"useReducedMotion.js","names":[],"sources":["../../src/hooks/useReducedMotion.ts"],"sourcesContent":["import {useState, useEffect} from 'react'\n\n/*\n Hook that returns true if the user prefers reduced motion.\n * Respects the prefers-reduced-motion media query.\n */\nexport function useReducedMotion(): boolean {\n const [prefersReducedMotion, setPrefersReducedMotion] = useState(() =>\n typeof window !== 'undefined' ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false,\n )\n\n useEffect(() => {\n const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)')\n setPrefersReducedMotion(mediaQuery.matches)\n\n const handleChange = (event: MediaQueryListEvent) => {\n setPrefersReducedMotion(event.matches)\n }\n\n mediaQuery.addEventListener('change', handleChange)\n return () => mediaQuery.removeEventListener('change', handleChange)\n }, [])\n\n return prefersReducedMotion\n}\n"],"mappings":";;AAMA,SAAgB,IAA4B;CAC1C,IAAM,CAAC,GAAsB,KAA2B,QACtD,OAAO,SAAW,OAAc,OAAO,WAAW,kCAAkC,CAAC,CAAC,OACxF;CAcA,OAZA,QAAgB;EACd,IAAM,IAAa,OAAO,WAAW,kCAAkC;EACvE,EAAwB,EAAW,OAAO;EAE1C,IAAM,KAAgB,MAA+B;GACnD,EAAwB,EAAM,OAAO;EACvC;EAGA,OADA,EAAW,iBAAiB,UAAU,CAAY,SACrC,EAAW,oBAAoB,UAAU,CAAY;CACpE,GAAG,CAAC,CAAC,GAEE;AACT"}

package/esm/hooks/useRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRef.js","names":[],"sources":["../../src/hooks/useRef.ts"],"sourcesContent":["import React, {useRef, useMemo} from 'react'\n\n/*\n There are some situations where we only want to create a new ref if one is not provided to a component\n * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`\n * only in the situations where the ref is not provided as a prop.\n * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.\n * @param providedRef The ref to use - can be a RefObject, RefCallback (functional ref), null or undefined.\n * @type TRef The type of the RefObject which should be created.\n * @returns A RefObject that either uses the provided ref, wraps a functional ref, or creates a new one\n */\nexport function useProvidedRefOrCreate<TRef>(\n providedRef?: React.RefObject<TRef> \| React.RefCallback<TRef> \| null,\n): React.RefObject<TRef> {\n const createdRef = useRef<TRef \| null>(null)\n const wrapperRef = useRef<React.MutableRefObject<TRef \| null> \| null>(null)\n\n const finalRef = useMemo(() => {\n // Handle function refs\n // We wrap it in a MutableRefObject to ensure we can set the current value\n // and also call the callback with the latest value\n if (typeof providedRef === 'function') {\n if (!wrapperRef.current) {\n let currentVal: TRef \| null = null\n\n wrapperRef.current = {\n get current() {\n return currentVal\n },\n set current(value: TRef \| null) {\n currentVal = value\n\n providedRef(value)\n },\n }\n }\n return wrapperRef.current\n }\n\n wrapperRef.current = null\n\n // Return the provided ref if it's a RefObject\n if (providedRef && typeof providedRef === 'object' && providedRef.current !== undefined) {\n return providedRef\n }\n\n // Return a new ref if it's neither a function nor a RefObject\n return createdRef\n }, [providedRef, createdRef])\n\n return finalRef as React.RefObject<TRef>\n}\n"],"mappings":";;AAWA,SAAgB,EACd,GACuB;CACvB,IAAM,IAAa,EAAoB,~~KAAK~~,~~EACtC~~,IAAa,EAAmD,~~KAAK~~;~~AAmC3E~~,~~QAjCiB~~,QAAc;~~AAI7B~~,~~MAAI~~,OAAO,KAAgB,YAAY;~~AACrC~~,~~OAAI~~,CAAC,EAAW,SAAS;IACvB,IAAI,IAA0B;~~AAE9B~~,~~MAAW~~,UAAU;KACnB,IAAI,UAAU;~~AACZ~~,~~aAAO;;KAET~~,IAAI,QAAQ,GAAoB;~~AAG9B~~,~~MAFA~~,IAAa,GAEb,EAAY,~~EAAM;;KAErB;;AAEH~~,~~UAAO~~,EAAW~~;;AAWpB~~,~~SARA~~,EAAW,UAAU,MAGjB,KAAe,OAAO,KAAgB,YAAY,EAAY,YAAY,KAAA,IACrE,IAIF;~~IACN~~,CAAC,GAAa,~~EAAW~~,~~CAErB~~"}
1	+ {"version":3,"file":"useRef.js","names":[],"sources":["../../src/hooks/useRef.ts"],"sourcesContent":["import React, {useRef, useMemo} from 'react'\n\n/*\n There are some situations where we only want to create a new ref if one is not provided to a component\n * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`\n * only in the situations where the ref is not provided as a prop.\n * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.\n * @param providedRef The ref to use - can be a RefObject, RefCallback (functional ref), null or undefined.\n * @type TRef The type of the RefObject which should be created.\n * @returns A RefObject that either uses the provided ref, wraps a functional ref, or creates a new one\n */\nexport function useProvidedRefOrCreate<TRef>(\n providedRef?: React.RefObject<TRef> \| React.RefCallback<TRef> \| null,\n): React.RefObject<TRef> {\n const createdRef = useRef<TRef \| null>(null)\n const wrapperRef = useRef<React.MutableRefObject<TRef \| null> \| null>(null)\n\n const finalRef = useMemo(() => {\n // Handle function refs\n // We wrap it in a MutableRefObject to ensure we can set the current value\n // and also call the callback with the latest value\n if (typeof providedRef === 'function') {\n if (!wrapperRef.current) {\n let currentVal: TRef \| null = null\n\n wrapperRef.current = {\n get current() {\n return currentVal\n },\n set current(value: TRef \| null) {\n currentVal = value\n\n providedRef(value)\n },\n }\n }\n return wrapperRef.current\n }\n\n wrapperRef.current = null\n\n // Return the provided ref if it's a RefObject\n if (providedRef && typeof providedRef === 'object' && providedRef.current !== undefined) {\n return providedRef\n }\n\n // Return a new ref if it's neither a function nor a RefObject\n return createdRef\n }, [providedRef, createdRef])\n\n return finalRef as React.RefObject<TRef>\n}\n"],"mappings":";;AAWA,SAAgB,EACd,GACuB;CACvB,IAAM,IAAa,EAAoB,IAAI,GACrC,IAAa,EAAmD,IAAI;CAmC1E,OAjCiB,QAAc;EAI7B,IAAI,OAAO,KAAgB,YAAY;GACrC,IAAI,CAAC,EAAW,SAAS;IACvB,IAAI,IAA0B;IAE9B,EAAW,UAAU;KACnB,IAAI,UAAU;MACZ,OAAO;KACT;KACA,IAAI,QAAQ,GAAoB;MAG9B,AAFA,IAAa,GAEb,EAAY,CAAK;KACnB;IACF;GACF;GACA,OAAO,EAAW;EACpB;EAUA,OARA,EAAW,UAAU,MAGjB,KAAe,OAAO,KAAgB,YAAY,EAAY,YAAY,KAAA,IACrE,IAIF;CACT,GAAG,CAAC,GAAa,CAAU,CAEpB;AACT"}

package/esm/hooks/useResizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import {RefObject, useEffect, useRef} from 'react'\n\nexport type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void\n\nexport interface ResizeObserverEntry {\n contentRect: DOMRectReadOnly\n}\n\nexport function useResizeObserver<T extends HTMLElement>(\n callback: ResizeObserverCallback,\n target?: RefObject<T \| null>,\n) {\n const savedCallback = useRef(callback)\n\n useEffect(() => {\n savedCallback.current = callback\n })\n\n useEffect(() => {\n const targetEl = target && 'current' in target ? target.current : document.documentElement\n if (!targetEl) {\n return\n }\n\n const observer = new ResizeObserver(entries => {\n savedCallback.current(entries)\n })\n\n observer.observe(targetEl)\n\n return () => {\n observer.disconnect()\n }\n }, [target])\n}\n"],"mappings":";;AAQA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAgB,EAAO,~~EAAS~~;~~AAMtC~~,~~CAJA~~,QAAgB;~~AACd~~,~~IAAc~~,UAAU;~~GACxB~~,~~EAEF~~,QAAgB;EACd,IAAM,IAAW,KAAU,aAAa,IAAS,EAAO,UAAU,SAAS;~~AAC3E~~,~~MAAI~~,CAAC,~~EACH~~;EAGF,IAAM,IAAW,IAAI,gBAAe,MAAW;~~AAC7C~~,~~KAAc~~,QAAQ,~~EAAQ~~;~~IAC9B~~;~~AAIF~~,~~SAFA~~,EAAS,QAAQ,EAAS,~~QAEb~~;~~AACX~~,~~KAAS~~,~~YAAY;;IAEtB,~~CAAC,~~EAAO~~,CAAC"}
1	+ {"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import {RefObject, useEffect, useRef} from 'react'\n\nexport type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void\n\nexport interface ResizeObserverEntry {\n contentRect: DOMRectReadOnly\n}\n\nexport function useResizeObserver<T extends HTMLElement>(\n callback: ResizeObserverCallback,\n target?: RefObject<T \| null>,\n) {\n const savedCallback = useRef(callback)\n\n useEffect(() => {\n savedCallback.current = callback\n })\n\n useEffect(() => {\n const targetEl = target && 'current' in target ? target.current : document.documentElement\n if (!targetEl) {\n return\n }\n\n const observer = new ResizeObserver(entries => {\n savedCallback.current(entries)\n })\n\n observer.observe(targetEl)\n\n return () => {\n observer.disconnect()\n }\n }, [target])\n}\n"],"mappings":";;AAQA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAgB,EAAO,CAAQ;CAMrC,AAJA,QAAgB;EACd,EAAc,UAAU;CAC1B,CAAC,GAED,QAAgB;EACd,IAAM,IAAW,KAAU,aAAa,IAAS,EAAO,UAAU,SAAS;EAC3E,IAAI,CAAC,GACH;EAGF,IAAM,IAAW,IAAI,gBAAe,MAAW;GAC7C,EAAc,QAAQ,CAAO;EAC/B,CAAC;EAID,OAFA,EAAS,QAAQ,CAAQ,SAEZ;GACX,EAAS,WAAW;EACtB;CACF,GAAG,CAAC,CAAM,CAAC;AACb"}

package/esm/hooks/useTabs.js CHANGED Viewed

@@ -14,7 +14,7 @@ var i = ({ defaultTab: i, autoActivate: a = !0, orientation: o = "horizontal", o
 	}, [s]), f = n(/* @__PURE__ */ new Map()), p = t((e) => `tabs-${c}-tab-${e}`, [c]), m = t((e) => `tabs-${c}-panel-${e}`, [c]), h = t((e, t) => {
 		f.current.has(e) || (f.current.set(e, t), d((t) => ({
 			...t,
-			tabs: new Set([...t.tabs, e]),
+			tabs: /* @__PURE__ */ new Set([...t.tabs, e]),
 			activeTab: t.activeTab || e
 		})));
 	}, [d]), g = t((e) => {

package/esm/hooks/useTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.js","names":[],"sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import {useCallback, useState, useRef, type KeyboardEvent, type MutableRefObject, type Ref} from 'react'\nimport {useId} from '../hooks/useId'\n\nexport type OnTabActivate = (id: string, activeTabRef?: HTMLElement) => void\n\ntype Orientation = 'horizontal' \| 'vertical'\ntype TabId = `tabs-${string}-tab-${string}`\ntype TabPanelId = `tabs-${string}-panel-${string}`\n\nexport type UseTabsOptions = {\n defaultTab?: string\n autoActivate?: boolean\n onTabActivate?: OnTabActivate\n orientation?: Orientation\n}\n\nexport type TabState = {\n activeTab: string \| null\n focusedTab: string \| null\n tabs: Set<string>\n}\n\ntype TabListProps = {\n role: 'tablist'\n 'aria-orientation': Orientation\n}\n\ntype TabProps = {\n role: 'tab'\n id: TabId\n 'aria-controls': TabPanelId\n 'aria-selected': boolean\n tabIndex: 0 \| -1\n onClick: () => void\n onKeyDown: (event: KeyboardEvent) => void\n onFocus: () => void\n ref: (element: HTMLElement \| null) => void\n}\n\ntype TabPanelProps = {\n role: 'tabpanel'\n id: TabPanelId\n 'aria-labelledby': TabId\n hidden: boolean\n tabIndex: 0\n}\n\ntype LabelOrLabelledBy = {label: string; labelledBy?: never} \| {labelledBy: string; label?: never}\n\nexport type UseTabs = {\n activeTab: string \| null\n focusedTab: string \| null\n activateTab: (id: string) => void\n focusTab: (id: string) => void\n getTabListProps: (props: LabelOrLabelledBy) => TabListProps\n getTabProps: <T extends HTMLElement = HTMLElement>(id: string, externalRef?: Ref<T>) => TabProps\n getTabPanelProps: (id: string) => TabPanelProps\n}\n\nexport const useTabs = ({\n defaultTab,\n autoActivate = true,\n orientation = 'horizontal',\n onTabActivate,\n}: UseTabsOptions = {}): UseTabs => {\n const uniqueId = useId()\n const [tabState, _setTabState] = useState<TabState>({\n activeTab: defaultTab \|\| null,\n focusedTab: null,\n tabs: new Set(),\n })\n\n const setTabState = useCallback(\n (updater: (state: TabState) => TabState) => {\n _setTabState(prev => {\n const nextState = updater(prev)\n\n // Only call onTabActivate when activeTab changes from one tab to another (not on mount)\n if (nextState.activeTab && nextState.activeTab !== prev.activeTab && prev.activeTab !== null) {\n onTabActivate?.(nextState.activeTab, tabRefs.current.get(nextState.activeTab))\n }\n\n return nextState\n })\n },\n [onTabActivate],\n )\n\n // Refs to store tab elements for focus management\n const tabRefs = useRef<Map<string, HTMLElement>>(new Map())\n\n const getTabId = useCallback<(id: string) => TabId>(id => `tabs-${uniqueId}-tab-${id}`, [uniqueId])\n const getPanelId = useCallback<(id: string) => TabPanelId>(id => `tabs-${uniqueId}-panel-${id}`, [uniqueId])\n\n const registerTab = useCallback(\n (id: string, element: HTMLElement) => {\n if (tabRefs.current.has(id)) {\n return\n }\n\n tabRefs.current.set(id, element)\n setTabState(prev => ({\n ...prev,\n tabs: new Set([...prev.tabs, id]),\n activeTab: prev.activeTab \|\| id, // Set as active if no active tab\n }))\n },\n [setTabState],\n )\n\n const focusTab = useCallback((id: string) => {\n tabRefs.current.get(id)?.focus()\n }, [])\n\n const activateTab = useCallback(\n (id: string) => {\n setTabState(prev => ({\n ...prev,\n activeTab: id,\n focusedTab: id,\n }))\n },\n [setTabState],\n )\n\n const getNextTabIndex = useCallback((index: number, tabs: string[]) => (index + 1) % tabs.length, [])\n const getPrevTabIndex = useCallback((index: number, tabs: string[]) => (index - 1 + tabs.length) % tabs.length, [])\n\n const onTabKeyDown = useCallback(\n (event: KeyboardEvent, id: string) => {\n const tabs = [...tabState.tabs]\n const currentIndex = tabs.indexOf(id)\n\n switch (true) {\n case event.key === 'ArrowLeft' && orientation === 'horizontal':\n case event.key === 'ArrowUp' && orientation === 'vertical': {\n event.preventDefault()\n const prevIndex = getPrevTabIndex(currentIndex, tabs)\n const prevTab = tabs[prevIndex]\n focusTab(prevTab)\n if (autoActivate) activateTab(prevTab)\n break\n }\n\n case event.key === 'ArrowRight' && orientation === 'horizontal':\n case event.key === 'ArrowDown' && orientation === 'vertical': {\n event.preventDefault()\n const nextIndex = getNextTabIndex(currentIndex, tabs)\n const nextTab = tabs[nextIndex]\n focusTab(nextTab)\n if (autoActivate) activateTab(nextTab)\n break\n }\n\n case event.key === 'Home': {\n event.preventDefault()\n focusTab(tabs[0])\n if (autoActivate) activateTab(tabs[0])\n break\n }\n\n case event.key === 'End': {\n event.preventDefault()\n focusTab(tabs[tabs.length - 1])\n if (autoActivate) activateTab(tabs[tabs.length - 1])\n break\n }\n\n case event.key === ' ':\n case event.key === 'Enter': {\n event.preventDefault()\n if (!autoActivate) activateTab(id)\n break\n }\n }\n },\n [tabState.tabs, orientation, getPrevTabIndex, focusTab, autoActivate, activateTab, getNextTabIndex],\n )\n\n const onTabClick = useCallback(\n (id: string) => {\n activateTab(id)\n },\n [activateTab],\n )\n\n const onTabFocus = useCallback(\n (id: string) => {\n setTabState(prev => {\n if (prev.focusedTab === id) {\n return prev\n }\n return {\n ...prev,\n focusedTab: id,\n }\n })\n },\n [setTabState],\n )\n\n const getTabListProps = useCallback<UseTabs['getTabListProps']>(\n ({label, labelledBy}) => ({\n role: 'tablist',\n 'aria-orientation': orientation,\n ...(label && {'aria-label': label}),\n ...(labelledBy && {'aria-labelledby': labelledBy}),\n }),\n [orientation],\n )\n\n const getTabProps = useCallback<UseTabs['getTabProps']>(\n <T extends HTMLElement = HTMLElement>(id: string, externalRef?: Ref<T>) => ({\n role: 'tab',\n id: getTabId(id),\n 'aria-controls': getPanelId(id),\n 'aria-selected': id === tabState.activeTab,\n tabIndex: id === tabState.activeTab ? 0 : -1,\n onClick: () => onTabClick(id),\n onKeyDown: (event: KeyboardEvent) => onTabKeyDown(event, id),\n onFocus: () => onTabFocus(id),\n ref: (element: HTMLElement \| null) => {\n if (element) registerTab(id, element)\n\n if (!externalRef) return\n if (typeof externalRef === 'function') {\n externalRef(element as T \| null)\n return\n }\n if ('current' in externalRef) {\n ;(externalRef as MutableRefObject<T \| null>).current = element as T \| null\n return\n }\n },\n }),\n [tabState.activeTab, getTabId, getPanelId, onTabClick, onTabKeyDown, onTabFocus, registerTab],\n )\n\n const getTabPanelProps = useCallback<UseTabs['getTabPanelProps']>(\n (id: string) => ({\n role: 'tabpanel',\n id: getPanelId(id),\n 'aria-labelledby': getTabId(id),\n hidden: id !== tabState.activeTab,\n tabIndex: 0,\n }),\n [tabState.activeTab, getPanelId, getTabId],\n )\n\n return {\n activeTab: tabState.activeTab,\n focusedTab: tabState.focusedTab,\n\n activateTab,\n focusTab,\n\n getTabListProps,\n getTabProps,\n getTabPanelProps,\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useTabs.js","names":[],"sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import {useCallback, useState, useRef, type KeyboardEvent, type MutableRefObject, type Ref} from 'react'\nimport {useId} from '../hooks/useId'\n\nexport type OnTabActivate = (id: string, activeTabRef?: HTMLElement) => void\n\ntype Orientation = 'horizontal' \| 'vertical'\ntype TabId = `tabs-${string}-tab-${string}`\ntype TabPanelId = `tabs-${string}-panel-${string}`\n\nexport type UseTabsOptions = {\n defaultTab?: string\n autoActivate?: boolean\n onTabActivate?: OnTabActivate\n orientation?: Orientation\n}\n\nexport type TabState = {\n activeTab: string \| null\n focusedTab: string \| null\n tabs: Set<string>\n}\n\ntype TabListProps = {\n role: 'tablist'\n 'aria-orientation': Orientation\n}\n\ntype TabProps = {\n role: 'tab'\n id: TabId\n 'aria-controls': TabPanelId\n 'aria-selected': boolean\n tabIndex: 0 \| -1\n onClick: () => void\n onKeyDown: (event: KeyboardEvent) => void\n onFocus: () => void\n ref: (element: HTMLElement \| null) => void\n}\n\ntype TabPanelProps = {\n role: 'tabpanel'\n id: TabPanelId\n 'aria-labelledby': TabId\n hidden: boolean\n tabIndex: 0\n}\n\ntype LabelOrLabelledBy = {label: string; labelledBy?: never} \| {labelledBy: string; label?: never}\n\nexport type UseTabs = {\n activeTab: string \| null\n focusedTab: string \| null\n activateTab: (id: string) => void\n focusTab: (id: string) => void\n getTabListProps: (props: LabelOrLabelledBy) => TabListProps\n getTabProps: <T extends HTMLElement = HTMLElement>(id: string, externalRef?: Ref<T>) => TabProps\n getTabPanelProps: (id: string) => TabPanelProps\n}\n\nexport const useTabs = ({\n defaultTab,\n autoActivate = true,\n orientation = 'horizontal',\n onTabActivate,\n}: UseTabsOptions = {}): UseTabs => {\n const uniqueId = useId()\n const [tabState, _setTabState] = useState<TabState>({\n activeTab: defaultTab \|\| null,\n focusedTab: null,\n tabs: new Set(),\n })\n\n const setTabState = useCallback(\n (updater: (state: TabState) => TabState) => {\n _setTabState(prev => {\n const nextState = updater(prev)\n\n // Only call onTabActivate when activeTab changes from one tab to another (not on mount)\n if (nextState.activeTab && nextState.activeTab !== prev.activeTab && prev.activeTab !== null) {\n onTabActivate?.(nextState.activeTab, tabRefs.current.get(nextState.activeTab))\n }\n\n return nextState\n })\n },\n [onTabActivate],\n )\n\n // Refs to store tab elements for focus management\n const tabRefs = useRef<Map<string, HTMLElement>>(new Map())\n\n const getTabId = useCallback<(id: string) => TabId>(id => `tabs-${uniqueId}-tab-${id}`, [uniqueId])\n const getPanelId = useCallback<(id: string) => TabPanelId>(id => `tabs-${uniqueId}-panel-${id}`, [uniqueId])\n\n const registerTab = useCallback(\n (id: string, element: HTMLElement) => {\n if (tabRefs.current.has(id)) {\n return\n }\n\n tabRefs.current.set(id, element)\n setTabState(prev => ({\n ...prev,\n tabs: new Set([...prev.tabs, id]),\n activeTab: prev.activeTab \|\| id, // Set as active if no active tab\n }))\n },\n [setTabState],\n )\n\n const focusTab = useCallback((id: string) => {\n tabRefs.current.get(id)?.focus()\n }, [])\n\n const activateTab = useCallback(\n (id: string) => {\n setTabState(prev => ({\n ...prev,\n activeTab: id,\n focusedTab: id,\n }))\n },\n [setTabState],\n )\n\n const getNextTabIndex = useCallback((index: number, tabs: string[]) => (index + 1) % tabs.length, [])\n const getPrevTabIndex = useCallback((index: number, tabs: string[]) => (index - 1 + tabs.length) % tabs.length, [])\n\n const onTabKeyDown = useCallback(\n (event: KeyboardEvent, id: string) => {\n const tabs = [...tabState.tabs]\n const currentIndex = tabs.indexOf(id)\n\n switch (true) {\n case event.key === 'ArrowLeft' && orientation === 'horizontal':\n case event.key === 'ArrowUp' && orientation === 'vertical': {\n event.preventDefault()\n const prevIndex = getPrevTabIndex(currentIndex, tabs)\n const prevTab = tabs[prevIndex]\n focusTab(prevTab)\n if (autoActivate) activateTab(prevTab)\n break\n }\n\n case event.key === 'ArrowRight' && orientation === 'horizontal':\n case event.key === 'ArrowDown' && orientation === 'vertical': {\n event.preventDefault()\n const nextIndex = getNextTabIndex(currentIndex, tabs)\n const nextTab = tabs[nextIndex]\n focusTab(nextTab)\n if (autoActivate) activateTab(nextTab)\n break\n }\n\n case event.key === 'Home': {\n event.preventDefault()\n focusTab(tabs[0])\n if (autoActivate) activateTab(tabs[0])\n break\n }\n\n case event.key === 'End': {\n event.preventDefault()\n focusTab(tabs[tabs.length - 1])\n if (autoActivate) activateTab(tabs[tabs.length - 1])\n break\n }\n\n case event.key === ' ':\n case event.key === 'Enter': {\n event.preventDefault()\n if (!autoActivate) activateTab(id)\n break\n }\n }\n },\n [tabState.tabs, orientation, getPrevTabIndex, focusTab, autoActivate, activateTab, getNextTabIndex],\n )\n\n const onTabClick = useCallback(\n (id: string) => {\n activateTab(id)\n },\n [activateTab],\n )\n\n const onTabFocus = useCallback(\n (id: string) => {\n setTabState(prev => {\n if (prev.focusedTab === id) {\n return prev\n }\n return {\n ...prev,\n focusedTab: id,\n }\n })\n },\n [setTabState],\n )\n\n const getTabListProps = useCallback<UseTabs['getTabListProps']>(\n ({label, labelledBy}) => ({\n role: 'tablist',\n 'aria-orientation': orientation,\n ...(label && {'aria-label': label}),\n ...(labelledBy && {'aria-labelledby': labelledBy}),\n }),\n [orientation],\n )\n\n const getTabProps = useCallback<UseTabs['getTabProps']>(\n <T extends HTMLElement = HTMLElement>(id: string, externalRef?: Ref<T>) => ({\n role: 'tab',\n id: getTabId(id),\n 'aria-controls': getPanelId(id),\n 'aria-selected': id === tabState.activeTab,\n tabIndex: id === tabState.activeTab ? 0 : -1,\n onClick: () => onTabClick(id),\n onKeyDown: (event: KeyboardEvent) => onTabKeyDown(event, id),\n onFocus: () => onTabFocus(id),\n ref: (element: HTMLElement \| null) => {\n if (element) registerTab(id, element)\n\n if (!externalRef) return\n if (typeof externalRef === 'function') {\n externalRef(element as T \| null)\n return\n }\n if ('current' in externalRef) {\n ;(externalRef as MutableRefObject<T \| null>).current = element as T \| null\n return\n }\n },\n }),\n [tabState.activeTab, getTabId, getPanelId, onTabClick, onTabKeyDown, onTabFocus, registerTab],\n )\n\n const getTabPanelProps = useCallback<UseTabs['getTabPanelProps']>(\n (id: string) => ({\n role: 'tabpanel',\n id: getPanelId(id),\n 'aria-labelledby': getTabId(id),\n hidden: id !== tabState.activeTab,\n tabIndex: 0,\n }),\n [tabState.activeTab, getPanelId, getTabId],\n )\n\n return {\n activeTab: tabState.activeTab,\n focusedTab: tabState.focusedTab,\n\n activateTab,\n focusTab,\n\n getTabListProps,\n getTabProps,\n getTabPanelProps,\n }\n}\n"],"mappings":"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"}

package/esm/hooks/useWindowSize.js CHANGED Viewed

@@ -33,24 +33,24 @@ function r() {
 	}, []), n;
 }
 var i = (e) => {
-	let t = n.XXLARGE;
+	let t = "xxlarge";
 	switch (!0) {
 		case e >= 320 && e < 544:
-			t = n.XSMALL;
+			t = "xsmall";
 			break;
 		case e >= 544 && e < 768:
-			t = n.SMALL;
+			t = "small";
 			break;
 		case e >= 768 && e < 1012:
-			t = n.MEDIUM;
+			t = "medium";
 			break;
 		case e >= 1012 && e < 1280:
-			t = n.LARGE;
+			t = "large";
 			break;
 		case e >= 1280 && e < 1440:
-			t = n.XLARGE;
+			t = "xlarge";
 			break;
-		default: t = n.XXLARGE;
+		default: t = "xxlarge";
 	}
 	return t;
 };

package/esm/hooks/useWindowSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","names":[],"sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import {useState, useEffect} from 'react'\n\nexport enum BreakpointSize {\n XSMALL = 'xsmall',\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n XLARGE = 'xlarge',\n XXLARGE = 'xxlarge',\n}\n\ntype WindowSize = {\n width?: number\n height?: number\n isXSmall?: boolean\n isSmall?: boolean\n isMedium?: boolean\n isLarge?: boolean\n isXLarge?: boolean\n isXXLarge?: boolean\n currentBreakpointSize?: BreakpointSize\n}\n\nexport function useWindowSize() {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n width: undefined, // undefined to avoid client/server mismatch on initial mount\n height: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXSmall: undefined, // undefined to avoid client/server mismatch on initial mount,\n isSmall: undefined, // undefined to avoid client/server mismatch on initial mount,\n isMedium: undefined, // undefined to avoid client/server mismatch on initial mount,\n isLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n currentBreakpointSize: undefined, // undefined to avoid client/server mismatch on initial mount,\n })\n\n useEffect(() => {\n // should only execute all the code below on client\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n /\n Maps to large breakpoint\n * TODO: replace with design token. Requires remToPx util.\n */\n isXSmall: window.innerWidth >= 320,\n isSmall: window.innerWidth >= 544,\n isMedium: window.innerWidth >= 768,\n isLarge: window.innerWidth >= 1012,\n isXLarge: window.innerWidth >= 1280,\n isXXLarge: window.innerWidth >= 1440,\n currentBreakpointSize: breakpointSwitch(window.innerWidth),\n })\n }\n\n // eslint-disable-next-line github/prefer-observers\n window.addEventListener('resize', handleResize)\n\n handleResize()\n\n return () => window.removeEventListener('resize', handleResize)\n }, [])\n\n return windowSize\n}\n\nconst breakpointSwitch = (value: number) => {\n let current = BreakpointSize.XXLARGE\n switch (true) {\n case value >= 320 && value < 544:\n current = BreakpointSize.XSMALL\n break\n case value >= 544 && value < 768:\n current = BreakpointSize.SMALL\n break\n case value >= 768 && value < 1012:\n current = BreakpointSize.MEDIUM\n break\n case value >= 1012 && value < 1280:\n current = BreakpointSize.LARGE\n break\n case value >= 1280 && value < 1440:\n current = BreakpointSize.XLARGE\n break\n default:\n current = BreakpointSize.XXLARGE\n }\n return current\n}\n"],"mappings":";;AAEA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,~~SAAS~~,~~UACT~~,EAAA,~~QAAQ~~,~~SACR~~,EAAA,~~SAAS~~,~~UACT~~,EAAA,~~QAAQ~~,~~SACR~~,EAAA,~~SAAS~~,~~UACT~~,EAAA,~~UAAU~~;~~KACX~~;~~AAcD~~,SAAgB,IAAgB;CAC9B,IAAM,CAAC,GAAY,KAAiB,EAAqB;EACvD,OAAO,KAAA;EACP,QAAQ,KAAA;EACR,UAAU,KAAA;EACV,SAAS,KAAA;EACT,UAAU,KAAA;EACV,SAAS,KAAA;EACT,UAAU,KAAA;EACV,WAAW,KAAA;EACX,uBAAuB,KAAA;~~EACxB~~,CAAC;~~AA8BF~~,~~QA5BA~~,QAAgB;EAEd,SAAS,IAAe;~~AACtB~~,~~KAAc~~;IACZ,OAAO,OAAO;IACd,QAAQ,OAAO;IAKf,UAAU,OAAO,cAAc;IAC/B,SAAS,OAAO,cAAc;IAC9B,UAAU,OAAO,cAAc;IAC/B,SAAS,OAAO,cAAc;IAC9B,UAAU,OAAO,cAAc;IAC/B,WAAW,OAAO,cAAc;IAChC,uBAAuB,EAAiB,OAAO,~~WAAW~~;~~IAC3D~~,CAAC~~;;AAQJ~~,~~SAJA~~,OAAO,iBAAiB,UAAU,~~EAAa~~,~~EAE/C~~,~~GAAc~~,~~QAED~~,OAAO,oBAAoB,UAAU,~~EAAa~~;~~IAC9D~~,~~EAAE~~,CAAC,~~EAEC;;AAGT~~,IAAM,KAAoB,MAAkB;CAC1C,IAAI,~~IAAU,EAAe~~;~~AAC7B~~,~~SAAQ~~,IAAR;EACE,KAAK,KAAS,OAAO,IAAQ;~~AAC3B~~,~~OAAU,EAAe~~;~~AACzB~~;EACF,KAAK,KAAS,OAAO,IAAQ;~~AAC3B~~,~~OAAU,EAAe~~;~~AACzB~~;EACF,KAAK,KAAS,OAAO,IAAQ;~~AAC3B~~,~~OAAU,EAAe~~;~~AACzB~~;EACF,KAAK,KAAS,QAAQ,IAAQ;~~AAC5B~~,~~OAAU,EAAe~~;~~AACzB~~;EACF,KAAK,KAAS,QAAQ,IAAQ;~~AAC5B~~,~~OAAU,EAAe~~;~~AACzB~~;EACF,~~QACE~~,~~KAAU~~,~~EAAe;;AAE7B,QAAO~~"}
1	+ {"version":3,"file":"useWindowSize.js","names":[],"sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import {useState, useEffect} from 'react'\n\nexport enum BreakpointSize {\n XSMALL = 'xsmall',\n SMALL = 'small',\n MEDIUM = 'medium',\n LARGE = 'large',\n XLARGE = 'xlarge',\n XXLARGE = 'xxlarge',\n}\n\ntype WindowSize = {\n width?: number\n height?: number\n isXSmall?: boolean\n isSmall?: boolean\n isMedium?: boolean\n isLarge?: boolean\n isXLarge?: boolean\n isXXLarge?: boolean\n currentBreakpointSize?: BreakpointSize\n}\n\nexport function useWindowSize() {\n const [windowSize, setWindowSize] = useState<WindowSize>({\n width: undefined, // undefined to avoid client/server mismatch on initial mount\n height: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXSmall: undefined, // undefined to avoid client/server mismatch on initial mount,\n isSmall: undefined, // undefined to avoid client/server mismatch on initial mount,\n isMedium: undefined, // undefined to avoid client/server mismatch on initial mount,\n isLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n isXXLarge: undefined, // undefined to avoid client/server mismatch on initial mount,\n currentBreakpointSize: undefined, // undefined to avoid client/server mismatch on initial mount,\n })\n\n useEffect(() => {\n // should only execute all the code below on client\n function handleResize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n /\n Maps to large breakpoint\n * TODO: replace with design token. Requires remToPx util.\n */\n isXSmall: window.innerWidth >= 320,\n isSmall: window.innerWidth >= 544,\n isMedium: window.innerWidth >= 768,\n isLarge: window.innerWidth >= 1012,\n isXLarge: window.innerWidth >= 1280,\n isXXLarge: window.innerWidth >= 1440,\n currentBreakpointSize: breakpointSwitch(window.innerWidth),\n })\n }\n\n // eslint-disable-next-line github/prefer-observers\n window.addEventListener('resize', handleResize)\n\n handleResize()\n\n return () => window.removeEventListener('resize', handleResize)\n }, [])\n\n return windowSize\n}\n\nconst breakpointSwitch = (value: number) => {\n let current = BreakpointSize.XXLARGE\n switch (true) {\n case value >= 320 && value < 544:\n current = BreakpointSize.XSMALL\n break\n case value >= 544 && value < 768:\n current = BreakpointSize.SMALL\n break\n case value >= 768 && value < 1012:\n current = BreakpointSize.MEDIUM\n break\n case value >= 1012 && value < 1280:\n current = BreakpointSize.LARGE\n break\n case value >= 1280 && value < 1440:\n current = BreakpointSize.XLARGE\n break\n default:\n current = BreakpointSize.XXLARGE\n }\n return current\n}\n"],"mappings":";;AAEA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,SAAA,UACA,EAAA,QAAA,SACA,EAAA,SAAA,UACA,EAAA,QAAA,SACA,EAAA,SAAA,UACA,EAAA,UAAA;AACF,EAAA,CAAA,CAAA;AAcA,SAAgB,IAAgB;CAC9B,IAAM,CAAC,GAAY,KAAiB,EAAqB;EACvD,OAAO,KAAA;EACP,QAAQ,KAAA;EACR,UAAU,KAAA;EACV,SAAS,KAAA;EACT,UAAU,KAAA;EACV,SAAS,KAAA;EACT,UAAU,KAAA;EACV,WAAW,KAAA;EACX,uBAAuB,KAAA;CACzB,CAAC;CA8BD,OA5BA,QAAgB;EAEd,SAAS,IAAe;GACtB,EAAc;IACZ,OAAO,OAAO;IACd,QAAQ,OAAO;IAKf,UAAU,OAAO,cAAc;IAC/B,SAAS,OAAO,cAAc;IAC9B,UAAU,OAAO,cAAc;IAC/B,SAAS,OAAO,cAAc;IAC9B,UAAU,OAAO,cAAc;IAC/B,WAAW,OAAO,cAAc;IAChC,uBAAuB,EAAiB,OAAO,UAAU;GAC3D,CAAC;EACH;EAOA,OAJA,OAAO,iBAAiB,UAAU,CAAY,GAE9C,EAAa,SAEA,OAAO,oBAAoB,UAAU,CAAY;CAChE,GAAG,CAAC,CAAC,GAEE;AACT;AAEA,IAAM,KAAoB,MAAkB;CAC1C,IAAI,IAAA;CACJ,QAAQ,IAAR;EACE,KAAK,KAAS,OAAO,IAAQ;GAC3B,IAAA;GACA;EACF,KAAK,KAAS,OAAO,IAAQ;GAC3B,IAAA;GACA;EACF,KAAK,KAAS,OAAO,IAAQ;GAC3B,IAAA;GACA;EACF,KAAK,KAAS,QAAQ,IAAQ;GAC5B,IAAA;GACA;EACF,KAAK,KAAS,QAAQ,IAAQ;GAC5B,IAAA;GACA;EACF,SACE,IAAA;CACJ;CACA,OAAO;AACT"}

package/esm/list/ListItem/ListItem.js CHANGED Viewed

@@ -1,6 +1,8 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { Text as t } from "../../Text/Text.js";
-import { CheckIcon as n, DashIcon as r, XIcon as i } from "../../node_modules/@primer/octicons-react/dist/index.esm.js";
+import { CheckIcon as n } from "../../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
+import { DashIcon as r } from "../../node_modules/@primer/octicons-react/dist/icons/DashIcon.js";
+import { XIcon as i } from "../../node_modules/@primer/octicons-react/dist/icons/XIcon.js";
 import { ListContext as a } from "../listContext.js";
 import o from "./ListItem.module.js";
 import { useContext as s } from "react";

package/esm/list/ListItem/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","names":[],"sources":["../../../src/list/ListItem/ListItem.tsx"],"sourcesContent":["import React, {type Ref, useContext} from 'react'\nimport {clsx} from 'clsx'\nimport {CheckIcon, DashIcon, type Icon, type IconProps, XIcon} from '@primer/octicons-react'\nimport {Text, TextProps} from '../../Text'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\n\nimport styles from './ListItem.module.css'\n\nexport type ListItemProps = BaseProps<HTMLElement> & {\n /*\n React.ReactNode and React.ReactNode[] are valid children.\n /\n children?: React.ReactNode \| React.ReactNode[]\n /\n The ref object to be attached to the list item.\n /\n ref?: Ref<HTMLLIElement>\n /\n * Custom icon to be used as leading visual\n /\n leadingVisual?: Icon\n /\n * Color of leading icon\n /\n leadingVisualFill?: IconProps['fill']\n /\n * Aria label for the leading visual\n */\n leadingVisualAriaLabel?: string\n} & Pick<TextProps, 'variant'>\n\nfunction Root({\n className,\n children,\n leadingVisualFill,\n leadingVisual: LeadingVisual,\n leadingVisualAriaLabel,\n variant: textVariant = 'default',\n ...props\n}: ListItemProps) {\n const {variant} = useContext(ListContext)\n\n const _leadingVisual = () => {\n const iconProps = {\n fill: leadingVisualFill,\n 'aria-label': leadingVisualAriaLabel,\n ...(leadingVisualFill && {style: {fill: leadingVisualFill}}),\n }\n\n if (LeadingVisual) {\n return (\n <LeadingVisual\n className={clsx(\n styles['ListItem__leading-visual'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n }\n\n switch (variant) {\n case 'checked':\n return (\n <CheckIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__checked'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n case 'x':\n return (\n <XIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__x'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n case 'default':\n return (\n <DashIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__default'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n\n default:\n return null\n }\n }\n\n return (\n <li className={clsx(styles.ListItem, !variant && styles.OrderedList__item, className)} {...props}>\n {_leadingVisual()}\n <Text as=\"span\" variant={textVariant} className={clsx(styles[`ListItem--${textVariant}`])}>\n {children}\n </Text>\n </li>\n )\n}\n\nexport const ListItem = Object.assign(Root)\n"],"mappings":"~~;;;;;;;;~~AAgCA,SAAS,EAAK,EACZ,cACA,aACA,sBACA,eAAe,GACf,2BACA,SAAS,IAAc,WACvB,GAAG,KACa;CAChB,IAAM,EAAC,eAAW,EAAW,~~EAAY~~,~~EAEnC~~,UAAuB;EAC3B,IAAM,IAAY;GAChB,MAAM;GACN,cAAc;GACd,GAAI,KAAqB,EAAC,OAAO,EAAC,MAAM,~~GAAkB~~,EAAC;~~GAC5D~~;~~AAED~~,~~MAAI~~,~~EACF~~,~~QACE~~,kBAAC,GAAD;GACE,WAAW,EACT,EAAO,6BACP,CAAC,KAAqB,EAAO,~~mCAC9B~~;~~GACD~~,GAAI;~~GACJ~~,CAAA;~~AAIN~~,~~UAAQ~~,GAAR;GACE,KAAK,~~UACH~~,~~QACE~~,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,~~mCAC9B~~;~~IACD~~,GAAI;~~IACJ~~,CAAA;~~GAEN~~,KAAK,~~IACH~~,~~QACE~~,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,aACP,CAAC,KAAqB,EAAO,~~mCAC9B~~;~~IACD~~,GAAI;~~IACJ~~,CAAA;~~GAEN~~,KAAK,~~UACH~~,~~QACE~~,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,~~mCAC9B~~;~~IACD~~,GAAI;~~IACJ~~,CAAA;~~GAGN~~,~~QACE~~,~~QAAO;;;AAIb~~,~~QACE~~,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,UAAU,CAAC,KAAW,EAAO,mBAAmB,~~EAAU~~;~~EAAE~~,GAAI;YAA3F,CACG,~~GAAgB~~,~~EACjB~~,kBAAC,GAAD;GAAM,IAAG;GAAO,SAAS;GAAa,WAAW,EAAK,EAAO,aAAa,~~KAAe~~;~~GACtF~~;~~GACI~~,CAAA,CACJ~~;;;AAIT~~,IAAa,IAAW,OAAO,OAAO,~~EAAK~~"}
1	+ {"version":3,"file":"ListItem.js","names":[],"sources":["../../../src/list/ListItem/ListItem.tsx"],"sourcesContent":["import React, {type Ref, useContext} from 'react'\nimport {clsx} from 'clsx'\nimport {CheckIcon, DashIcon, type Icon, type IconProps, XIcon} from '@primer/octicons-react'\nimport {Text, TextProps} from '../../Text'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\n\nimport styles from './ListItem.module.css'\n\nexport type ListItemProps = BaseProps<HTMLElement> & {\n /*\n React.ReactNode and React.ReactNode[] are valid children.\n /\n children?: React.ReactNode \| React.ReactNode[]\n /\n The ref object to be attached to the list item.\n /\n ref?: Ref<HTMLLIElement>\n /\n * Custom icon to be used as leading visual\n /\n leadingVisual?: Icon\n /\n * Color of leading icon\n /\n leadingVisualFill?: IconProps['fill']\n /\n * Aria label for the leading visual\n */\n leadingVisualAriaLabel?: string\n} & Pick<TextProps, 'variant'>\n\nfunction Root({\n className,\n children,\n leadingVisualFill,\n leadingVisual: LeadingVisual,\n leadingVisualAriaLabel,\n variant: textVariant = 'default',\n ...props\n}: ListItemProps) {\n const {variant} = useContext(ListContext)\n\n const _leadingVisual = () => {\n const iconProps = {\n fill: leadingVisualFill,\n 'aria-label': leadingVisualAriaLabel,\n ...(leadingVisualFill && {style: {fill: leadingVisualFill}}),\n }\n\n if (LeadingVisual) {\n return (\n <LeadingVisual\n className={clsx(\n styles['ListItem__leading-visual'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n }\n\n switch (variant) {\n case 'checked':\n return (\n <CheckIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__checked'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n case 'x':\n return (\n <XIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__x'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n case 'default':\n return (\n <DashIcon\n className={clsx(\n styles['ListItem__leading-visual'],\n styles['ListItem__default'],\n !leadingVisualFill && styles['ListItem__leading-visual--muted'],\n )}\n {...iconProps}\n />\n )\n\n default:\n return null\n }\n }\n\n return (\n <li className={clsx(styles.ListItem, !variant && styles.OrderedList__item, className)} {...props}>\n {_leadingVisual()}\n <Text as=\"span\" variant={textVariant} className={clsx(styles[`ListItem--${textVariant}`])}>\n {children}\n </Text>\n </li>\n )\n}\n\nexport const ListItem = Object.assign(Root)\n"],"mappings":";;;;;;;;;;AAgCA,SAAS,EAAK,EACZ,cACA,aACA,sBACA,eAAe,GACf,2BACA,SAAS,IAAc,WACvB,GAAG,KACa;CAChB,IAAM,EAAC,eAAW,EAAW,CAAW,GAElC,UAAuB;EAC3B,IAAM,IAAY;GAChB,MAAM;GACN,cAAc;GACd,GAAI,KAAqB,EAAC,OAAO,EAAC,MAAM,EAAiB,EAAC;EAC5D;EAEA,IAAI,GACF,OACE,kBAAC,GAAD;GACE,WAAW,EACT,EAAO,6BACP,CAAC,KAAqB,EAAO,kCAC/B;GACA,GAAI;EACL,CAAA;EAIL,QAAQ,GAAR;GACE,KAAK,WACH,OACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,kCAC/B;IACA,GAAI;GACL,CAAA;GAEL,KAAK,KACH,OACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,aACP,CAAC,KAAqB,EAAO,kCAC/B;IACA,GAAI;GACL,CAAA;GAEL,KAAK,WACH,OACE,kBAAC,GAAD;IACE,WAAW,EACT,EAAO,6BACP,EAAO,mBACP,CAAC,KAAqB,EAAO,kCAC/B;IACA,GAAI;GACL,CAAA;GAGL,SACE,OAAO;EACX;CACF;CAEA,OACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,UAAU,CAAC,KAAW,EAAO,mBAAmB,CAAS;EAAG,GAAI;YAA3F,CACG,EAAe,GAChB,kBAAC,GAAD;GAAM,IAAG;GAAO,SAAS;GAAa,WAAW,EAAK,EAAO,aAAa,IAAc;GACrF;EACG,CAAA,CACJ;;AAER;AAEA,IAAa,IAAW,OAAO,OAAO,CAAI"}

package/esm/list/ListItem/ListItem.module.js CHANGED Viewed

@@ -1,12 +1,13 @@
-import './ListItem.module-CtD-ZiWp.css';var e = {
-	ListItem: "Primer_Brand__ListItem-module__ListItem___gaMoG",
+import './ListItem.module-CtD-ZiWp.css';//#region src/list/ListItem/ListItem.module.css
+var e = "Primer_Brand__ListItem-module__ListItem___gaMoG", t = "Primer_Brand__ListItem-module__OrderedList__item___pg7p3", n = {
+	ListItem: e,
 	"ListItem--default": "Primer_Brand__ListItem-module__ListItem--default___lToMr",
 	"ListItem--muted": "Primer_Brand__ListItem-module__ListItem--muted___CM_5l",
 	"ListItem__leading-visual": "Primer_Brand__ListItem-module__ListItem__leading-visual___b6jlG",
 	"ListItem__leading-visual--muted": "Primer_Brand__ListItem-module__ListItem__leading-visual--muted___qNtEm",
-	OrderedList__item: "Primer_Brand__ListItem-module__OrderedList__item___pg7p3"
+	OrderedList__item: t
 };
 //#endregion
-export { e as default };
+export { e as ListItem, t as OrderedList__item, n as default };
 //# sourceMappingURL=ListItem.module.js.map

package/esm/list/OrderedList/OrderedList.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../component-helpers';
 export type OrderedListProps = PropsWithChildren<BaseProps<HTMLOListElement>>;
-declare function Root({ children, ...props }: OrderedListProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ children, ...props }: OrderedListProps): React.JSX.Element;
 export declare const OrderedList: typeof Root & {
     Item: any;
 };

package/esm/list/OrderedList/OrderedList.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/list/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAAA,~~OAAc~~,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAOtD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAE7E,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,~~2CAMnD~~;AAED,eAAO,MAAM,WAAW;;CAAwC,CAAA"}
1	+ {"version":3,"file":"OrderedList.d.ts","sourceRoot":"","sources":["../../../src/list/OrderedList/OrderedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAOtD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAE7E,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,qBAMnD;AAED,eAAO,MAAM,WAAW;;CAAwC,CAAA"}

package/esm/list/OrderedList/OrderedList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { ListContext as t } from "../listContext.js";
 import { ListItem as n } from "../ListItem/ListItem.js";
 import r from "../list-shared.module.js";

package/esm/list/OrderedList/OrderedList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderedList.js","names":[],"sources":["../../../src/list/OrderedList/OrderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\nimport {ListItem} from '../ListItem/ListItem'\n\nimport baseStyles from '../list-shared.module.css'\nimport styles from './OrderedList.module.css'\n\nexport type OrderedListProps = PropsWithChildren<BaseProps<HTMLOListElement>>\n\nfunction Root({children, ...props}: OrderedListProps) {\n return (\n <ol className={clsx(baseStyles.List, styles.OrderedList, props.className)} {...props}>\n <ListContext.Provider value={{variant: ''}}>{children}</ListContext.Provider>\n </ol>\n )\n}\n\nexport const OrderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAK,EAAC,aAAU,GAAG,KAA0B;~~AACpD~~,~~QACE~~,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAW,MAAM,EAAO,aAAa,EAAM,~~UAAU~~;~~EAAE~~,GAAI;YAC7E,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,SAAS,~~IAAG~~;~~GAAG~~;~~GAAgC~~,CAAA;~~EAC1E~~,CAAA~~;;AAIT~~,IAAa,IAAc,OAAO,OAAO,GAAM,EAAC,MAAM,~~GAAS~~,CAAC"}
1	+ {"version":3,"file":"OrderedList.js","names":[],"sources":["../../../src/list/OrderedList/OrderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListContext} from '../listContext'\nimport {ListItem} from '../ListItem/ListItem'\n\nimport baseStyles from '../list-shared.module.css'\nimport styles from './OrderedList.module.css'\n\nexport type OrderedListProps = PropsWithChildren<BaseProps<HTMLOListElement>>\n\nfunction Root({children, ...props}: OrderedListProps) {\n return (\n <ol className={clsx(baseStyles.List, styles.OrderedList, props.className)} {...props}>\n <ListContext.Provider value={{variant: ''}}>{children}</ListContext.Provider>\n </ol>\n )\n}\n\nexport const OrderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAK,EAAC,aAAU,GAAG,KAA0B;CACpD,OACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAW,MAAM,EAAO,aAAa,EAAM,SAAS;EAAG,GAAI;YAC7E,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,SAAS,GAAE;GAAI;EAA+B,CAAA;CAC1E,CAAA;AAER;AAEA,IAAa,IAAc,OAAO,OAAO,GAAM,EAAC,MAAM,EAAQ,CAAC"}

package/esm/list/OrderedList/OrderedList.module.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import './OrderedList.module-DBJeYW8p.css';var e = { OrderedList: "Primer_Brand__OrderedList-module__OrderedList___Dw7mD" };
+import './OrderedList.module-DBJeYW8p.css';//#region src/list/OrderedList/OrderedList.module.css
+var e = "Primer_Brand__OrderedList-module__OrderedList___Dw7mD", t = { OrderedList: e };
 //#endregion
-export { e as default };
+export { e as OrderedList, t as default };
 //# sourceMappingURL=OrderedList.module.js.map

package/esm/list/UnorderedList/UnorderedList.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { BaseProps } from '../../component-helpers';
 export type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>> & {
     /**
@@ -6,7 +6,7 @@ export type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>>
      */
     variant?: 'default' | 'checked' | 'x';
 };
-declare function Root({ variant, children, ...props }: UnorderedListProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ variant, children, ...props }: UnorderedListProps): React.JSX.Element;
 export declare const UnorderedList: typeof Root & {
     Item: any;
 };

package/esm/list/UnorderedList/UnorderedList.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"names":[],"mappings":"AAAA,~~OAAc~~,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAMtD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,GAAG;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,GAAG,CAAA;CACtC,CAAA;AAED,iBAAS,IAAI,CAAC,EAAC,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,~~2CAM1E~~;AAED,eAAO,MAAM,aAAa;;CAAwC,CAAA"}
1	+ {"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAA;AAMtD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,GAAG;IAChF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,GAAG,CAAA;CACtC,CAAA;AAED,iBAAS,IAAI,CAAC,EAAC,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,qBAM1E;AAED,eAAO,MAAM,aAAa;;CAAwC,CAAA"}

package/esm/list/UnorderedList/UnorderedList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import e from "../../node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/clsx/dist/clsx.js";
 import { ListContext as t } from "../listContext.js";
 import { ListItem as n } from "../ListItem/ListItem.js";
 import r from "../list-shared.module.js";

package/esm/list/UnorderedList/UnorderedList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnorderedList.js","names":[],"sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListItem} from '../ListItem/ListItem'\nimport {ListContext} from '../listContext'\n\nimport styles from '../list-shared.module.css'\n\nexport type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>> & {\n /*\n The semantic structure of list that is presented visually setting 'ol' vs 'ul' based on the style the style of the list.\n */\n variant?: 'default' \| 'checked' \| 'x'\n}\n\nfunction Root({variant = 'default', children, ...props}: UnorderedListProps) {\n return (\n <ul className={clsx(styles.List, props.className)} {...props}>\n <ListContext.Provider value={{variant}}>{children}</ListContext.Provider>\n </ul>\n )\n}\n\nexport const UnorderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;AAeA,SAAS,EAAK,EAAC,aAAU,WAAW,aAAU,GAAG,KAA4B;~~AAC3E~~,~~QACE~~,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,MAAM,EAAM,~~UAAU~~;~~EAAE~~,GAAI;YACrD,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,~~YAAQ~~;~~GAAG~~;~~GAAgC~~,CAAA;~~EACtE~~,CAAA~~;;AAIT~~,IAAa,IAAgB,OAAO,OAAO,GAAM,EAAC,MAAM,~~GAAS~~,CAAC"}
1	+ {"version":3,"file":"UnorderedList.js","names":[],"sources":["../../../src/list/UnorderedList/UnorderedList.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react'\nimport {clsx} from 'clsx'\nimport type {BaseProps} from '../../component-helpers'\nimport {ListItem} from '../ListItem/ListItem'\nimport {ListContext} from '../listContext'\n\nimport styles from '../list-shared.module.css'\n\nexport type UnorderedListProps = PropsWithChildren<BaseProps<HTMLUListElement>> & {\n /*\n The semantic structure of list that is presented visually setting 'ol' vs 'ul' based on the style the style of the list.\n */\n variant?: 'default' \| 'checked' \| 'x'\n}\n\nfunction Root({variant = 'default', children, ...props}: UnorderedListProps) {\n return (\n <ul className={clsx(styles.List, props.className)} {...props}>\n <ListContext.Provider value={{variant}}>{children}</ListContext.Provider>\n </ul>\n )\n}\n\nexport const UnorderedList = Object.assign(Root, {Item: ListItem})\n"],"mappings":";;;;;;;AAeA,SAAS,EAAK,EAAC,aAAU,WAAW,aAAU,GAAG,KAA4B;CAC3E,OACE,kBAAC,MAAD;EAAI,WAAW,EAAK,EAAO,MAAM,EAAM,SAAS;EAAG,GAAI;YACrD,kBAAC,EAAY,UAAb;GAAsB,OAAO,EAAC,WAAO;GAAI;EAA+B,CAAA;CACtE,CAAA;AAER;AAEA,IAAa,IAAgB,OAAO,OAAO,GAAM,EAAC,MAAM,EAAQ,CAAC"}

package/esm/list/list-shared.module.js CHANGED Viewed

@@ -1,5 +1,6 @@
-import './list-shared.module-CXsvDQ7x.css';var e = { List: "Primer_Brand__list-shared-module__List___Osssm" };
+import './list-shared.module-CXsvDQ7x.css';//#region src/list/list-shared.module.css
+var e = "Primer_Brand__list-shared-module__List___Osssm", t = { List: e };
 //#endregion
-export { e as default };
+export { e as List, t as default };
 //# sourceMappingURL=list-shared.module.js.map

package/esm/list/listContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listContext.js","names":[],"sources":["../../src/list/listContext.ts"],"sourcesContent":["import {createContext} from 'react'\n\nexport const ListContext = createContext({\n variant: 'default',\n})\n"],"mappings":";;AAEA,IAAa,IAAc,EAAc,EACvC,SAAS,~~WACV~~,CAAC"}
1	+ {"version":3,"file":"listContext.js","names":[],"sources":["../../src/list/listContext.ts"],"sourcesContent":["import {createContext} from 'react'\n\nexport const ListContext = createContext({\n variant: 'default',\n})\n"],"mappings":";;AAEA,IAAa,IAAc,EAAc,EACvC,SAAS,UACX,CAAC"}

package/esm/node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { t as e } from "../renderOcticon-DuMQdmQC.js";
+import t from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.mjs
+var n = [
+	"12",
+	"16",
+	"24"
+], r = {
+	12: {
+		width: 12,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" })
+	},
+	16: {
+		width: 16,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" })
+	},
+	24: {
+		width: 24,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752ZM12 8.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 1.5 0v-4.5A.75.75 0 0 0 12 8.5Zm1 9a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" })
+	}
+}, i = /*#__PURE__*/ t.forwardRef(function(t, i) {
+	return e(t, i, "octicon octicon-alert-fill", r, n);
+});
+i.displayName = "AlertFillIcon";
+//#endregion
+export { i as AlertFillIcon, i as default };
+//# sourceMappingURL=AlertFillIcon.js.map

package/esm/node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertFillIcon.js","names":[],"sources":["../../../../../../../../node_modules/@primer/octicons-react/dist/icons/AlertFillIcon.mjs"],"sourcesContent":["import { t as renderOcticon } from \"../renderOcticon-DuMQdmQC.mjs\";\nimport React from \"react\";\nvar heights = [\n\t\"12\",\n\t\"16\",\n\t\"24\"\n];\nvar svgDataByHeight = {\n\t\"12\": {\n\t\t\"width\": 12,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 0 1-1.146 1.954H1.33A1.313 1.313 0 0 1 .183 9.058ZM7 7V3H5v4Zm-1 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" })\n\t},\n\t\"16\": {\n\t\t\"width\": 16,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575ZM8 5a.75.75 0 0 0-.75.75v2.5a.75.75 0 0 0 1.5 0v-2.5A.75.75 0 0 0 8 5Zm1 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z\" })\n\t},\n\t\"24\": {\n\t\t\"width\": 24,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752ZM12 8.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 1.5 0v-4.5A.75.75 0 0 0 12 8.5Zm1 9a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z\" })\n\t}\n};\nvar AlertFillIcon = /*#__PURE__*/ React.forwardRef(function(props, ref) {\n\treturn renderOcticon(props, ref, \"octicon octicon-alert-fill\", svgDataByHeight, heights);\n});\nAlertFillIcon.displayName = \"AlertFillIcon\";\nexport { AlertFillIcon, AlertFillIcon as default };\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,IAAI,IAAU;CACb;CACA;CACA;AACD,GACI,IAAkB;CACrB,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,gKAAgK,CAAC;CACzN;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,+NAA+N,CAAC;CACxR;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,iPAAiP,CAAC;CAC1S;AACD,GACI,IAA8B,gBAAM,WAAW,SAAS,GAAO,GAAK;CACvE,OAAO,EAAc,GAAO,GAAK,8BAA8B,GAAiB,CAAO;AACxF,CAAC;AACD,EAAc,cAAc"}

package/esm/node_modules/@primer/octicons-react/dist/icons/ArrowUpIcon.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { t as e } from "../renderOcticon-DuMQdmQC.js";
+import t from "react";
+//#region ../../node_modules/@primer/octicons-react/dist/icons/ArrowUpIcon.mjs
+var n = ["16", "24"], r = {
+	16: {
+		width: 16,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M3.47 7.78a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0l4.25 4.25a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018L9 4.81v7.44a.75.75 0 0 1-1.5 0V4.81L4.53 7.78a.75.75 0 0 1-1.06 0Z" })
+	},
+	24: {
+		width: 24,
+		path: /*#__PURE__*/ t.createElement("path", { d: "M18.655 10.405a.75.75 0 0 1-1.06 0l-4.97-4.97v14.44a.75.75 0 0 1-1.5 0V5.435l-4.97 4.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l6.25-6.25a.75.75 0 0 1 1.06 0l6.25 6.25a.75.75 0 0 1 0 1.06Z" })
+	}
+}, i = /*#__PURE__*/ t.forwardRef(function(t, i) {
+	return e(t, i, "octicon octicon-arrow-up", r, n);
+});
+i.displayName = "ArrowUpIcon";
+//#endregion
+export { i as ArrowUpIcon, i as default };
+//# sourceMappingURL=ArrowUpIcon.js.map

package/esm/node_modules/@primer/octicons-react/dist/icons/ArrowUpIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ArrowUpIcon.js","names":[],"sources":["../../../../../../../../node_modules/@primer/octicons-react/dist/icons/ArrowUpIcon.mjs"],"sourcesContent":["import { t as renderOcticon } from \"../renderOcticon-DuMQdmQC.mjs\";\nimport React from \"react\";\nvar heights = [\"16\", \"24\"];\nvar svgDataByHeight = {\n\t\"16\": {\n\t\t\"width\": 16,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M3.47 7.78a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0l4.25 4.25a.751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018L9 4.81v7.44a.75.75 0 0 1-1.5 0V4.81L4.53 7.78a.75.75 0 0 1-1.06 0Z\" })\n\t},\n\t\"24\": {\n\t\t\"width\": 24,\n\t\t\"path\": /*#__PURE__*/ React.createElement(\"path\", { d: \"M18.655 10.405a.75.75 0 0 1-1.06 0l-4.97-4.97v14.44a.75.75 0 0 1-1.5 0V5.435l-4.97 4.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l6.25-6.25a.75.75 0 0 1 1.06 0l6.25 6.25a.75.75 0 0 1 0 1.06Z\" })\n\t}\n};\nvar ArrowUpIcon = /*#__PURE__*/ React.forwardRef(function(props, ref) {\n\treturn renderOcticon(props, ref, \"octicon octicon-arrow-up\", svgDataByHeight, heights);\n});\nArrowUpIcon.displayName = \"ArrowUpIcon\";\nexport { ArrowUpIcon, ArrowUpIcon as default };\n"],"x_google_ignoreList":[0],"mappings":";;;AAEA,IAAI,IAAU,CAAC,MAAM,IAAI,GACrB,IAAkB;CACrB,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,8LAA8L,CAAC;CACvP;CACA,IAAM;EACL,OAAS;EACT,MAAsB,gBAAM,cAAc,QAAQ,EAAE,GAAG,yMAAyM,CAAC;CAClQ;AACD,GACI,IAA4B,gBAAM,WAAW,SAAS,GAAO,GAAK;CACrE,OAAO,EAAc,GAAO,GAAK,4BAA4B,GAAiB,CAAO;AACtF,CAAC;AACD,EAAY,cAAc"}