@cossistant/react 0.0.14 → 0.0.16

package/support/components/text-effect.js

@@ -1,225 +0,0 @@
-"use client";
-
-
-import { cn } from "../utils/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "motion/react";
-
-//#region src/support/components/text-effect.tsx
-const SPACE_REGEX = /(\s+)/;
-const defaultStaggerTimes = {
-	char: .03,
-	word: .05,
-	line: .1
-};
-const defaultContainerVariants = {
-	hidden: { opacity: 0 },
-	visible: {
-		opacity: 1,
-		transition: { staggerChildren: .05 }
-	},
-	exit: { transition: {
-		staggerChildren: .05,
-		staggerDirection: -1
-	} }
-};
-const defaultItemVariants = {
-	hidden: { opacity: 0 },
-	visible: { opacity: 1 },
-	exit: { opacity: 0 }
-};
-const presetVariants = {
-	blur: {
-		container: defaultContainerVariants,
-		item: {
-			hidden: {
-				opacity: 0,
-				filter: "blur(12px)"
-			},
-			visible: {
-				opacity: 1,
-				filter: "blur(0px)"
-			},
-			exit: {
-				opacity: 0,
-				filter: "blur(12px)"
-			}
-		}
-	},
-	"fade-in-blur": {
-		container: defaultContainerVariants,
-		item: {
-			hidden: {
-				opacity: 0,
-				y: 20,
-				filter: "blur(12px)"
-			},
-			visible: {
-				opacity: 1,
-				y: 0,
-				filter: "blur(0px)"
-			},
-			exit: {
-				opacity: 0,
-				y: 20,
-				filter: "blur(12px)"
-			}
-		}
-	},
-	scale: {
-		container: defaultContainerVariants,
-		item: {
-			hidden: {
-				opacity: 0,
-				scale: 0
-			},
-			visible: {
-				opacity: 1,
-				scale: 1
-			},
-			exit: {
-				opacity: 0,
-				scale: 0
-			}
-		}
-	},
-	fade: {
-		container: defaultContainerVariants,
-		item: {
-			hidden: { opacity: 0 },
-			visible: { opacity: 1 },
-			exit: { opacity: 0 }
-		}
-	},
-	slide: {
-		container: defaultContainerVariants,
-		item: {
-			hidden: {
-				opacity: 0,
-				y: 20
-			},
-			visible: {
-				opacity: 1,
-				y: 0
-			},
-			exit: {
-				opacity: 0,
-				y: 20
-			}
-		}
-	}
-};
-const AnimationComponent = React.memo(({ segment, variants, per, segmentWrapperClassName }) => {
-	const content = per === "line" ? /* @__PURE__ */ jsx(motion.span, {
-		className: "block",
-		variants,
-		children: segment
-	}) : per === "word" ? /* @__PURE__ */ jsx(motion.span, {
-		"aria-hidden": "true",
-		className: "inline-block whitespace-pre",
-		variants,
-		children: segment
-	}) : /* @__PURE__ */ jsx(motion.span, {
-		className: "inline-block whitespace-pre",
-		children: segment.split("").map((char, charIndex) => /* @__PURE__ */ jsx(motion.span, {
-			"aria-hidden": "true",
-			className: "inline-block whitespace-pre",
-			variants,
-			children: char
-		}, `char-${charIndex}`))
-	});
-	if (!segmentWrapperClassName) return content;
-	return /* @__PURE__ */ jsx("span", {
-		className: cn(per === "line" ? "block" : "inline-block", segmentWrapperClassName),
-		children: content
-	});
-});
-AnimationComponent.displayName = "AnimationComponent";
-const splitText = (text, per) => {
-	if (per === "line") return text.split("\n");
-	return text.split(SPACE_REGEX);
-};
-const hasTransition = (variant) => {
-	if (!variant) return false;
-	return typeof variant === "object" && "transition" in variant;
-};
-const createVariantsWithTransition = (baseVariants, transition) => {
-	if (!transition) return baseVariants;
-	const { exit: _,...mainTransition } = transition;
-	return {
-		...baseVariants,
-		visible: {
-			...baseVariants.visible,
-			transition: {
-				...hasTransition(baseVariants.visible) ? baseVariants.visible.transition : {},
-				...mainTransition
-			}
-		},
-		exit: {
-			...baseVariants.exit,
-			transition: {
-				...hasTransition(baseVariants.exit) ? baseVariants.exit.transition : {},
-				...mainTransition,
-				staggerDirection: -1
-			}
-		}
-	};
-};
-/**
-* Animated typography helper that reveals text word-by-word or letter-by-letter
-* with configurable motion presets.
-*/
-function TextEffect({ children, per = "word", as = "p", variants, className, preset = "fade", delay = 0, speedReveal = 1, speedSegment = 1, trigger = true, onAnimationComplete, onAnimationStart, segmentWrapperClassName, containerTransition, segmentTransition, style }) {
-	const segments = splitText(Array.isArray(children) ? children.join("") : children, per);
-	const MotionTag = motion[as];
-	const baseVariants = preset ? presetVariants[preset] : {
-		container: defaultContainerVariants,
-		item: defaultItemVariants
-	};
-	const stagger = defaultStaggerTimes[per] / speedReveal;
-	const baseDuration = .3 / speedSegment;
-	const customStagger = hasTransition(variants?.container?.visible ?? {}) ? (variants?.container?.visible).transition?.staggerChildren : void 0;
-	const customDelay = hasTransition(variants?.container?.visible ?? {}) ? (variants?.container?.visible).transition?.delayChildren : void 0;
-	const computedVariants = {
-		container: createVariantsWithTransition(variants?.container || baseVariants.container, {
-			staggerChildren: customStagger ?? stagger,
-			delayChildren: customDelay ?? delay,
-			...containerTransition,
-			exit: {
-				staggerChildren: customStagger ?? stagger,
-				staggerDirection: -1
-			}
-		}),
-		item: createVariantsWithTransition(variants?.item || baseVariants.item, {
-			duration: baseDuration,
-			...segmentTransition
-		})
-	};
-	return /* @__PURE__ */ jsx(AnimatePresence, {
-		mode: "popLayout",
-		children: trigger && /* @__PURE__ */ jsxs(MotionTag, {
-			animate: "visible",
-			className,
-			exit: "exit",
-			initial: "hidden",
-			onAnimationComplete,
-			onAnimationStart,
-			style,
-			variants: computedVariants.container,
-			children: [per !== "line" ? /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children
-			}) : null, segments.map((segment, index) => /* @__PURE__ */ jsx(AnimationComponent, {
-				per,
-				segment,
-				segmentWrapperClassName,
-				variants: computedVariants.item
-			}, `${per}-${index}-${segment}`))]
-		})
-	});
-}
-
-//#endregion
-export { TextEffect };
-//# sourceMappingURL=text-effect.js.map

package/support/components/text-effect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-effect.js","names":["defaultStaggerTimes: Record<PerType, number>","defaultContainerVariants: Variants","defaultItemVariants: Variants","presetVariants: Record<\n\tPresetType,\n\t{ container: Variants; item: Variants }\n>","AnimationComponent: React.FC<{\n\tsegment: string;\n\tvariants: Variants;\n\tper: \"line\" | \"word\" | \"char\";\n\tsegmentWrapperClassName?: string;\n}>"],"sources":["../../../src/support/components/text-effect.tsx"],"sourcesContent":["\"use client\";\nimport type {\n\tTargetAndTransition,\n\tTransition,\n\tVariant,\n\tVariants,\n} from \"motion/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport React from \"react\";\nimport { cn } from \"../utils\";\n\nexport type PresetType = \"blur\" | \"fade-in-blur\" | \"scale\" | \"fade\" | \"slide\";\n\nexport type PerType = \"word\" | \"char\" | \"line\";\n\nconst SPACE_REGEX = /(\\s+)/;\n\nexport type TextEffectProps = {\n\tchildren: string | string[];\n\tper?: PerType;\n\tas?: keyof React.JSX.IntrinsicElements;\n\tvariants?: {\n\t\tcontainer?: Variants;\n\t\titem?: Variants;\n\t};\n\tclassName?: string;\n\tpreset?: PresetType;\n\tdelay?: number;\n\tspeedReveal?: number;\n\tspeedSegment?: number;\n\ttrigger?: boolean;\n\tonAnimationComplete?: () => void;\n\tonAnimationStart?: () => void;\n\tsegmentWrapperClassName?: string;\n\tcontainerTransition?: Transition;\n\tsegmentTransition?: Transition;\n\tstyle?: React.CSSProperties;\n};\n\nconst defaultStaggerTimes: Record<PerType, number> = {\n\tchar: 0.03,\n\tword: 0.05,\n\tline: 0.1,\n};\n\nconst defaultContainerVariants: Variants = {\n\thidden: { opacity: 0 },\n\tvisible: {\n\t\topacity: 1,\n\t\ttransition: {\n\t\t\tstaggerChildren: 0.05,\n\t\t},\n\t},\n\texit: {\n\t\ttransition: { staggerChildren: 0.05, staggerDirection: -1 },\n\t},\n};\n\nconst defaultItemVariants: Variants = {\n\thidden: { opacity: 0 },\n\tvisible: {\n\t\topacity: 1,\n\t},\n\texit: { opacity: 0 },\n};\n\nconst presetVariants: Record<\n\tPresetType,\n\t{ container: Variants; item: Variants }\n> = {\n\tblur: {\n\t\tcontainer: defaultContainerVariants,\n\t\titem: {\n\t\t\thidden: { opacity: 0, filter: \"blur(12px)\" },\n\t\t\tvisible: { opacity: 1, filter: \"blur(0px)\" },\n\t\t\texit: { opacity: 0, filter: \"blur(12px)\" },\n\t\t},\n\t},\n\t\"fade-in-blur\": {\n\t\tcontainer: defaultContainerVariants,\n\t\titem: {\n\t\t\thidden: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t\tvisible: { opacity: 1, y: 0, filter: \"blur(0px)\" },\n\t\t\texit: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t},\n\t},\n\tscale: {\n\t\tcontainer: defaultContainerVariants,\n\t\titem: {\n\t\t\thidden: { opacity: 0, scale: 0 },\n\t\t\tvisible: { opacity: 1, scale: 1 },\n\t\t\texit: { opacity: 0, scale: 0 },\n\t\t},\n\t},\n\tfade: {\n\t\tcontainer: defaultContainerVariants,\n\t\titem: {\n\t\t\thidden: { opacity: 0 },\n\t\t\tvisible: { opacity: 1 },\n\t\t\texit: { opacity: 0 },\n\t\t},\n\t},\n\tslide: {\n\t\tcontainer: defaultContainerVariants,\n\t\titem: {\n\t\t\thidden: { opacity: 0, y: 20 },\n\t\t\tvisible: { opacity: 1, y: 0 },\n\t\t\texit: { opacity: 0, y: 20 },\n\t\t},\n\t},\n};\n\nconst AnimationComponent: React.FC<{\n\tsegment: string;\n\tvariants: Variants;\n\tper: \"line\" | \"word\" | \"char\";\n\tsegmentWrapperClassName?: string;\n}> = React.memo(({ segment, variants, per, segmentWrapperClassName }) => {\n\tconst content =\n\t\tper === \"line\" ? (\n\t\t\t<motion.span className=\"block\" variants={variants}>\n\t\t\t\t{segment}\n\t\t\t</motion.span>\n\t\t) : per === \"word\" ? (\n\t\t\t<motion.span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"inline-block whitespace-pre\"\n\t\t\t\tvariants={variants}\n\t\t\t>\n\t\t\t\t{segment}\n\t\t\t</motion.span>\n\t\t) : (\n\t\t\t<motion.span className=\"inline-block whitespace-pre\">\n\t\t\t\t{segment.split(\"\").map((char, charIndex) => (\n\t\t\t\t\t<motion.span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName=\"inline-block whitespace-pre\"\n\t\t\t\t\t\tkey={`char-${charIndex}`}\n\t\t\t\t\t\tvariants={variants}\n\t\t\t\t\t>\n\t\t\t\t\t\t{char}\n\t\t\t\t\t</motion.span>\n\t\t\t\t))}\n\t\t\t</motion.span>\n\t\t);\n\n\tif (!segmentWrapperClassName) {\n\t\treturn content;\n\t}\n\n\tconst defaultWrapperClassName = per === \"line\" ? \"block\" : \"inline-block\";\n\n\treturn (\n\t\t<span className={cn(defaultWrapperClassName, segmentWrapperClassName)}>\n\t\t\t{content}\n\t\t</span>\n\t);\n});\n\nAnimationComponent.displayName = \"AnimationComponent\";\n\nconst splitText = (text: string, per: PerType) => {\n\tif (per === \"line\") {\n\t\treturn text.split(\"\\n\");\n\t}\n\treturn text.split(SPACE_REGEX);\n};\n\nconst hasTransition = (\n\tvariant?: Variant\n): variant is TargetAndTransition & { transition?: Transition } => {\n\tif (!variant) {\n\t\treturn false;\n\t}\n\treturn typeof variant === \"object\" && \"transition\" in variant;\n};\n\nconst createVariantsWithTransition = (\n\tbaseVariants: Variants,\n\ttransition?: Transition & { exit?: Transition }\n): Variants => {\n\tif (!transition) {\n\t\treturn baseVariants;\n\t}\n\n\tconst { exit: _, ...mainTransition } = transition;\n\n\treturn {\n\t\t...baseVariants,\n\t\tvisible: {\n\t\t\t...baseVariants.visible,\n\t\t\ttransition: {\n\t\t\t\t...(hasTransition(baseVariants.visible)\n\t\t\t\t\t? baseVariants.visible.transition\n\t\t\t\t\t: {}),\n\t\t\t\t...mainTransition,\n\t\t\t},\n\t\t},\n\t\texit: {\n\t\t\t...baseVariants.exit,\n\t\t\ttransition: {\n\t\t\t\t...(hasTransition(baseVariants.exit)\n\t\t\t\t\t? baseVariants.exit.transition\n\t\t\t\t\t: {}),\n\t\t\t\t...mainTransition,\n\t\t\t\tstaggerDirection: -1,\n\t\t\t},\n\t\t},\n\t};\n};\n\n/**\n * Animated typography helper that reveals text word-by-word or letter-by-letter\n * with configurable motion presets.\n */\nexport function TextEffect({\n\tchildren,\n\tper = \"word\",\n\tas = \"p\",\n\tvariants,\n\tclassName,\n\tpreset = \"fade\",\n\tdelay = 0,\n\tspeedReveal = 1,\n\tspeedSegment = 1,\n\ttrigger = true,\n\tonAnimationComplete,\n\tonAnimationStart,\n\tsegmentWrapperClassName,\n\tcontainerTransition,\n\tsegmentTransition,\n\tstyle,\n}: TextEffectProps): React.ReactElement {\n\tconst segments = splitText(\n\t\tArray.isArray(children) ? children.join(\"\") : children,\n\t\tper\n\t);\n\tconst MotionTag = motion[as as keyof typeof motion] as typeof motion.div;\n\n\tconst baseVariants = preset\n\t\t? presetVariants[preset]\n\t\t: { container: defaultContainerVariants, item: defaultItemVariants };\n\n\tconst stagger = defaultStaggerTimes[per] / speedReveal;\n\n\tconst baseDuration = 0.3 / speedSegment;\n\n\tconst customStagger = hasTransition(variants?.container?.visible ?? {})\n\t\t? (variants?.container?.visible as TargetAndTransition).transition\n\t\t\t\t?.staggerChildren\n\t\t: undefined;\n\n\tconst customDelay = hasTransition(variants?.container?.visible ?? {})\n\t\t? (variants?.container?.visible as TargetAndTransition).transition\n\t\t\t\t?.delayChildren\n\t\t: undefined;\n\n\tconst computedVariants = {\n\t\tcontainer: createVariantsWithTransition(\n\t\t\tvariants?.container || baseVariants.container,\n\t\t\t{\n\t\t\t\tstaggerChildren: customStagger ?? stagger,\n\t\t\t\tdelayChildren: customDelay ?? delay,\n\t\t\t\t...containerTransition,\n\t\t\t\texit: {\n\t\t\t\t\tstaggerChildren: customStagger ?? stagger,\n\t\t\t\t\tstaggerDirection: -1,\n\t\t\t\t},\n\t\t\t}\n\t\t),\n\t\titem: createVariantsWithTransition(variants?.item || baseVariants.item, {\n\t\t\tduration: baseDuration,\n\t\t\t...segmentTransition,\n\t\t}),\n\t};\n\n\treturn (\n\t\t<AnimatePresence mode=\"popLayout\">\n\t\t\t{trigger && (\n\t\t\t\t<MotionTag\n\t\t\t\t\tanimate=\"visible\"\n\t\t\t\t\tclassName={className}\n\t\t\t\t\texit=\"exit\"\n\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\tonAnimationComplete={onAnimationComplete}\n\t\t\t\t\tonAnimationStart={onAnimationStart}\n\t\t\t\t\tstyle={style}\n\t\t\t\t\tvariants={computedVariants.container}\n\t\t\t\t>\n\t\t\t\t\t{per !== \"line\" ? <span className=\"sr-only\">{children}</span> : null}\n\t\t\t\t\t{segments.map((segment, index) => (\n\t\t\t\t\t\t<AnimationComponent\n\t\t\t\t\t\t\tkey={`${per}-${index}-${segment}`}\n\t\t\t\t\t\t\tper={per}\n\t\t\t\t\t\t\tsegment={segment}\n\t\t\t\t\t\t\tsegmentWrapperClassName={segmentWrapperClassName}\n\t\t\t\t\t\t\tvariants={computedVariants.item}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</MotionTag>\n\t\t\t)}\n\t\t</AnimatePresence>\n\t);\n}\n"],"mappings":"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"}

package/support/support-D0JydWRx.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"support-D0JydWRx.css","names":[],"sources":["../../src/support/support.css"],"sourcesContent":["/*\n* This indicates to tailwind to\n* compile classes from Cossistant with the host tailwind config\n*/\n@source \"./components\";\n@source \"./pages\";\n\n@custom-variant dark (&:is(.dark *));\n\n@layer base {\n\t.cossistant {\n\t\t@apply scroll-smooth;\n\n\t\tcolor-scheme: inherit;\n\n\t\t/* Typeface tokens */\n\t\t--co-font-sans: var(--co-theme-font-sans, \"Geist\", \"Inter\", sans-serif);\n\t\t--co-font-mono: var(\n\t\t\t--co-theme-font-mono,\n\t\t\t\"Geist Mono\",\n\t\t\t\"Inter Mono\",\n\t\t\tmonospace\n\t\t);\n\n\t\t/* Core surfaces */\n\t\t--co-radius: var(--co-theme-radius, 0.625rem);\n\t\t--co-background-base: var(--co-theme-background, oklch(99% 0 0));\n\t\t--co-foreground-base: var(--co-theme-foreground, oklch(14.5% 0 0));\n\t\t--co-popover-base: var(--co-theme-popover, var(--co-background-base));\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-primary-base: var(--co-theme-primary, oklch(20.5% 0 0));\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-secondary-base: var(--co-theme-secondary, oklch(97% 0 0));\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\toklch(20.5% 0 0)\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, oklch(92.2% 0 0));\n\t\t--co-input-base: var(--co-theme-input, oklch(92.2% 0 0));\n\t\t--co-ring-base: var(--co-theme-ring, var(--co-primary-base));\n\t\t--co-accent-base: var(--co-theme-accent, var(--co-primary-base));\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--co-primary-foreground-base)\n\t\t);\n\n\t\t/* Neutral shades derived from the background */\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 97%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 95%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 93%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t/* Muted tones */\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 85%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 70%,\n\t\t\twhite\n\t\t);\n\n\t\t/* Public tokens consumed by Tailwind theme */\n\t\t--co-background: var(--co-background-base);\n\t\t--co-background-50: var(\n\t\t\t--co-theme-background-50,\n\t\t\tvar(--co-background-50-mix, oklch(92% 0 0))\n\t\t);\n\t\t--co-background-100: var(\n\t\t\t--co-theme-background-100,\n\t\t\tvar(--co-background-100-mix, oklch(93% 0 0))\n\t\t);\n\t\t--co-background-200: var(\n\t\t\t--co-theme-background-200,\n\t\t\tvar(--co-background-200-mix, oklch(94% 0 0))\n\t\t);\n\t\t--co-background-300: var(\n\t\t\t--co-theme-background-300,\n\t\t\tvar(--co-background-300-mix, oklch(95% 0 0))\n\t\t);\n\t\t--co-background-400: var(\n\t\t\t--co-theme-background-400,\n\t\t\tvar(--co-background-400-mix, oklch(96% 0 0))\n\t\t);\n\t\t--co-background-500: var(\n\t\t\t--co-theme-background-500,\n\t\t\tvar(--co-background-500-mix, oklch(97% 0 0))\n\t\t);\n\t\t--co-background-600: var(\n\t\t\t--co-theme-background-600,\n\t\t\tvar(--co-background-600-mix, oklch(98% 0 0))\n\t\t);\n\n\t\t--co-foreground: var(--co-foreground-base);\n\t\t--co-popover: var(--co-popover-base);\n\t\t--co-popover-foreground: var(--co-popover-foreground-base);\n\t\t--co-primary: var(--co-primary-base);\n\t\t--co-primary-foreground: var(--co-primary-foreground-base);\n\t\t--co-secondary: var(--co-secondary-base);\n\t\t--co-secondary-foreground: var(--co-secondary-foreground-base);\n\t\t--co-muted: var(--co-theme-muted, var(--co-muted-mix, oklch(97% 0 0)));\n\t\t--co-muted-foreground: var(\n\t\t\t--co-theme-muted-foreground,\n\t\t\tvar(--co-muted-foreground-mix, oklch(55.6% 0 0))\n\t\t);\n\t\t--co-border: var(--co-border-base);\n\t\t--co-input: var(--co-input-base);\n\t\t--co-ring: var(--co-ring-base);\n\t\t--co-accent: var(--co-accent-base);\n\t\t--co-accent-foreground: var(--co-accent-foreground-base);\n\n\t\t/* Accent palette */\n\t\t--co-pink: var(--co-theme-pink, oklch(76.3% 0.152 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(86.4% 0.144 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(72.5% 0.132 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(74.5% 0.166 50));\n\n\t\t/* Status colors */\n\t\t--co-destructive: var(--co-theme-destructive, oklch(57.7% 0.245 27.325));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(57.7% 0.245 27.325)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(71.7% 0.18 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(26.5% 0.052 142.7)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(60.8% 0 0));\n\t\t--co-neutral-foreground: var(\n\t\t\t--co-theme-neutral-foreground,\n\t\t\toklch(25.6% 0 0)\n\t\t);\n\t\t--co-warning: var(--co-theme-warning, oklch(86.4% 0.144 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(41.4% 0.071 99)\n\t\t);\n\n\t\t/* Tailwind theme mapping - scoped to widget */\n\t\t@theme inline {\n\t\t\t--font-co-sans: var(--co-font-sans);\n\t\t\t--font-co-mono: var(--co-font-mono);\n\t\t\t--color-co-background: var(--co-background);\n\t\t\t--color-co-background-50: var(--co-background-50);\n\t\t\t--color-co-background-100: var(--co-background-100);\n\t\t\t--color-co-background-200: var(--co-background-200);\n\t\t\t--color-co-background-300: var(--co-background-300);\n\t\t\t--color-co-background-400: var(--co-background-400);\n\t\t\t--color-co-background-500: var(--co-background-500);\n\t\t\t--color-co-background-600: var(--co-background-600);\n\n\t\t\t--color-co-foreground: var(--co-foreground);\n\n\t\t\t--color-co-primary: var(--co-primary);\n\t\t\t--color-co-primary-foreground: var(--co-primary-foreground);\n\t\t\t--color-co-secondary: var(--co-secondary);\n\t\t\t--color-co-secondary-foreground: var(--co-secondary-foreground);\n\t\t\t--color-co-muted: var(--co-muted);\n\t\t\t--color-co-muted-foreground: var(--co-muted-foreground);\n\t\t\t--color-co-border: var(--co-border);\n\t\t\t--color-co-input: var(--co-input);\n\t\t\t--color-co-ring: var(--co-ring);\n\t\t\t--radius-co: var(--co-radius);\n\n\t\t\t/* custom colors */\n\t\t\t--color-co-pink: var(--co-pink);\n\t\t\t--color-co-yellow: var(--co-yellow);\n\t\t\t--color-co-blue: var(--co-blue);\n\t\t\t--color-co-orange: var(--co-orange);\n\n\t\t\t/* status colors */\n\t\t\t--color-co-destructive: var(--co-destructive);\n\t\t\t--color-co-destructive-foreground: var(--co-destructive-foreground);\n\t\t\t--color-co-success: var(--co-success);\n\t\t\t--color-co-success-foreground: var(--co-success-foreground);\n\t\t\t--color-co-neutral: var(--co-neutral);\n\t\t\t--color-co-neutral-foreground: var(--co-neutral-foreground);\n\t\t\t--color-co-warning: var(--co-warning);\n\t\t\t--color-co-warning-foreground: var(--co-warning-foreground);\n\t\t}\n\t}\n\n\t.dark .cossistant,\n\t.cossistant[data-color-scheme=\"dark\"] {\n\t\t/* Dark mode defaults */\n\t\t--co-background-base: var(--co-theme-background, oklch(15.5% 0 0));\n\t\t--co-foreground-base: var(--co-theme-foreground, oklch(98.5% 0 0));\n\t\t--co-popover-base: var(--co-theme-popover, oklch(14.5% 0 0));\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-primary-base: var(--co-theme-primary, oklch(98.5% 0 0));\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\toklch(20.5% 0 0)\n\t\t);\n\t\t--co-secondary-base: var(--co-theme-secondary, oklch(26.9% 0 0));\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, oklch(26.9% 0 0));\n\t\t--co-input-base: var(--co-theme-input, oklch(26.9% 0 0));\n\t\t--co-ring-base: var(--co-theme-ring, var(--co-primary-base));\n\t\t--co-accent-base: var(--co-theme-accent, var(--co-primary-base));\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--co-primary-foreground-base)\n\t\t);\n\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 55%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 65%,\n\t\t\twhite\n\t\t);\n\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 90%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 88%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 86%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t--co-pink: var(--co-theme-pink, oklch(84.2% 0.109 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(90.3% 0.111 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(79.8% 0.089 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(68.2% 0.194 50));\n\n\t\t--co-destructive: var(--co-theme-destructive, oklch(39.6% 0.141 25.723));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(63.7% 0.237 25.331)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(60% 0.15 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(85% 0.12 142)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(50% 0 0));\n\t\t--co-neutral-foreground: var(--co-theme-neutral-foreground, oklch(85% 0 0));\n\t\t--co-warning: var(--co-theme-warning, oklch(90.3% 0.111 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(85% 0.1 99)\n\t\t);\n\t}\n}\n\n@layer utilities {\n\t.cossistant {\n\t\t.animation-delay-0 {\n\t\t\tanimation-delay: 0ms;\n\t\t}\n\t\t.animation-delay-200 {\n\t\t\tanimation-delay: 200ms;\n\t\t}\n\t\t.animation-delay-400 {\n\t\t\tanimation-delay: 400ms;\n\t\t}\n\n\t\t@keyframes bounce-dot {\n\t\t\t0%,\n\t\t\t80%,\n\t\t\t100% {\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t\t40% {\n\t\t\t\ttransform: translateY(-6px);\n\t\t\t}\n\t\t}\n\n\t\t.dot-bounce-1 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\n\t\t.dot-bounce-2 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.16s;\n\t\t}\n\n\t\t.dot-bounce-3 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.32s;\n\t\t}\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}

package/types.d-BJcRxCew.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-import { Batcher, MotionValue } from "./index5.js";
-import { JSX } from "react";
-
-//#region ../../node_modules/.bun/framer-motion@12.23.24+2b5434204782a989/node_modules/framer-motion/dist/types.d-BJcRxCew.d.ts
-
-declare const optimizedAppearDataAttribute: "data-framer-appear-id";
-
-/**
- * Expose only the needed part of the VisualElement interface to
- * ensure React types don't end up in the generic DOM bundle.
- */
-interface WithAppearProps {
-  props: {
-    [optimizedAppearDataAttribute]?: string;
-    values?: {
-      [key: string]: MotionValue<number> | MotionValue<string>;
-    };
-  };
-}
-type HandoffFunction = (storeId: string, valueName: string, frame: Batcher) => number | null;
-/**
- * The window global object acts as a bridge between our inline script
- * triggering the optimized appear animations, and Motion.
- */
-declare global {
-  interface Window {
-    MotionHandoffAnimation?: HandoffFunction;
-    MotionHandoffMarkAsComplete?: (elementId: string) => void;
-    MotionHandoffIsComplete?: (elementId: string) => boolean;
-    MotionHasOptimisedAnimation?: (elementId?: string, valueName?: string) => boolean;
-    MotionCancelOptimisedAnimation?: (elementId?: string, valueName?: string, frame?: Batcher, canResume?: boolean) => void;
-    MotionCheckAppearSync?: (visualElement: WithAppearProps, valueName: string, value: MotionValue) => VoidFunction | void;
-    MotionIsMounted?: boolean;
-  }
-}
-//#endregion
-export { optimizedAppearDataAttribute };
-//# sourceMappingURL=types.d-BJcRxCew.d.ts.map

package/types.d-BJcRxCew.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d-BJcRxCew.d.ts","names":["motion_dom","TransformProperties","MotionNodeOptions","MotionValue","SVGPathProperties","Transition","JSAnimation","ValueTransition","TargetAndTransition","AnyResolvedKeyframe","KeyframeResolver","AnimationDefinition","Batcher","TransformPoint","Box","Delta","Point","Axis","React$1","CSSProperties","PropsWithoutRef","RefAttributes","JSX","SVGAttributes","VariantLabels","MotionValueString","MotionValueNumber","MotionValueAny","AnyMotionValue","MotionValueHelper","T","MakeMotionHelper","K","MakeCustomValueTypeHelper","MakeMotion","MotionCSS","Omit","MotionTransform","MotionSVGProps","MotionStyle","MotionProps","React","ReactNode","ReducedMotionConfig","MotionConfigContext","Context","PresenceContextProps","PresenceContext","VisualState","Instance","RenderState","ResolvedValues","UseVisualState","UseVisualStateConfig","ScrapeMotionValuesFromProps","makeUseVisualState","I","RS","HTMLElements","HTMLAnchorElement","HTMLElement","HTMLAreaElement","HTMLAudioElement","HTMLBaseElement","HTMLQuoteElement","HTMLBodyElement","HTMLBRElement","HTMLButtonElement","HTMLCanvasElement","HTMLTableColElement","HTMLDataElement","HTMLDataListElement","HTMLModElement","HTMLDetailsElement","HTMLDialogElement","HTMLDivElement","HTMLDListElement","HTMLEmbedElement","HTMLFieldSetElement","HTMLFormElement","HTMLHeadingElement","HTMLHeadElement","HTMLHRElement","HTMLHtmlElement","HTMLIFrameElement","HTMLImageElement","HTMLInputElement","HTMLLabelElement","HTMLLegendElement","HTMLLIElement","HTMLLinkElement","HTMLMapElement","HTMLMetaElement","HTMLMeterElement","HTMLObjectElement","HTMLOListElement","HTMLOptGroupElement","HTMLOptionElement","HTMLOutputElement","HTMLParagraphElement","HTMLParamElement","HTMLPreElement","HTMLProgressElement","HTMLSlotElement","HTMLScriptElement","HTMLSelectElement","HTMLSourceElement","HTMLSpanElement","HTMLStyleElement","HTMLTableElement","HTMLTemplateElement","HTMLTableSectionElement","HTMLTableDataCellElement","HTMLTextAreaElement","HTMLTableHeaderCellElement","HTMLTimeElement","HTMLTitleElement","HTMLTableRowElement","HTMLTrackElement","HTMLUListElement","HTMLVideoElement","HTMLWebViewElement","TransformOrigin","HTMLRenderState","ForwardRefComponent","P","Element","AttributesWithoutMotionProps","Attributes","Exclude","HTMLMotionProps","Tag","IntrinsicElements","HTMLMotionComponents","UnionStringArray","Readonly","svgElements","SVGElements","SVGAttributesWithoutMotionProps","Pick","SVGAttributesAsMotionValues","UnwrapSVGFactoryElement","F","SVGProps","SVGMotionProps","SVGMotionComponents","DOMMotionComponents","SwitchLayoutGroup","IProjectionNode","InitialPromotionConfig","SwitchLayoutGroupContext","WithDepth","FlatTree","NodeStack","Measurements","Phase","ScrollMeasurements","LayoutEvents","Set","ProjectionNodeOptions","Map","CSSStyleDeclaration","VoidFunction","VisualElement","AnimationType","VisualElementAnimationOptions","AnimationState","Promise","AnimationTypeState","EventName","Options","Partial","parent","props","presenceContext","reducedMotionConfig","blockInitialAnimation","visualState","VisualElementOptions","Variant","VisualElementEventCallbacks","CreateVisualElement","Props","TagName","ComponentType","SVGElement","optimizedAppearDataAttribute","WithAppearProps","HandoffFunction","_0","sideEffect","A","C","D","H","M","R","S","V","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p"],"sources":["../../../node_modules/.bun/framer-motion@12.23.24+2b5434204782a989/node_modules/framer-motion/dist/types.d-BJcRxCew.d.ts"],"sourcesContent":["/// <reference types=\"react\" />\nimport * as motion_dom from 'motion-dom';\nimport { TransformProperties, MotionNodeOptions, MotionValue, SVGPathProperties, Transition, JSAnimation, ValueTransition, TargetAndTransition, AnyResolvedKeyframe, KeyframeResolver, AnimationDefinition, Batcher } from 'motion-dom';\nimport { TransformPoint, Box, Delta, Point, Axis } from 'motion-utils';\nimport * as React$1 from 'react';\nimport { CSSProperties, PropsWithoutRef, RefAttributes, JSX, SVGAttributes } from 'react';\n\n/**\n * Either a string, or array of strings, that reference variants defined via the `variants` prop.\n * @public\n */\ntype VariantLabels = string | string[];\n\ntype MotionValueString = MotionValue<string>;\ntype MotionValueNumber = MotionValue<number>;\ntype MotionValueAny = MotionValue<any>;\ntype AnyMotionValue = MotionValueNumber | MotionValueString | MotionValueAny;\ntype MotionValueHelper<T> = T | AnyMotionValue;\ntype MakeMotionHelper<T> = {\n    [K in keyof T]: MotionValueHelper<T[K]>;\n};\ntype MakeCustomValueTypeHelper<T> = MakeMotionHelper<T>;\ntype MakeMotion<T> = MakeCustomValueTypeHelper<T>;\ntype MotionCSS = MakeMotion<Omit<CSSProperties, \"rotate\" | \"scale\" | \"perspective\">>;\n/**\n * @public\n */\ntype MotionTransform = MakeMotion<TransformProperties>;\ntype MotionSVGProps = MakeMotion<SVGPathProperties>;\n/**\n * @public\n */\ninterface MotionStyle extends MotionCSS, MotionTransform, MotionSVGProps {\n}\n/**\n * Props for `motion` components.\n *\n * @public\n */\ninterface MotionProps extends MotionNodeOptions {\n    /**\n     *\n     * The React DOM `style` prop, enhanced with support for `MotionValue`s and separate `transform` values.\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *\n     *   return <motion.div style={{ x, opacity: 1, scale: 0.5 }} />\n     * }\n     * ```\n     */\n    style?: MotionStyle;\n    children?: React.ReactNode | MotionValueNumber | MotionValueString;\n}\n\ntype ReducedMotionConfig = \"always\" | \"never\" | \"user\";\n/**\n * @public\n */\ninterface MotionConfigContext {\n    /**\n     * Internal, exported only for usage in Framer\n     */\n    transformPagePoint: TransformPoint;\n    /**\n     * Internal. Determines whether this is a static context ie the Framer canvas. If so,\n     * it'll disable all dynamic functionality.\n     */\n    isStatic: boolean;\n    /**\n     * Defines a new default transition for the entire tree.\n     *\n     * @public\n     */\n    transition?: Transition;\n    /**\n     * If true, will respect the device prefersReducedMotion setting by switching\n     * transform animations off.\n     *\n     * @public\n     */\n    reducedMotion?: ReducedMotionConfig;\n    /**\n     * A custom `nonce` attribute used when wanting to enforce a Content Security Policy (CSP).\n     * For more details see:\n     * https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src#unsafe_inline_styles\n     *\n     * @public\n     */\n    nonce?: string;\n}\n/**\n * @public\n */\ndeclare const MotionConfigContext: React$1.Context<MotionConfigContext>;\n\n/**\n * @public\n */\ninterface PresenceContextProps {\n    id: string;\n    isPresent: boolean;\n    register: (id: string | number) => () => void;\n    onExitComplete?: (id: string | number) => void;\n    initial?: false | VariantLabels;\n    custom?: any;\n}\n/**\n * @public\n */\ndeclare const PresenceContext: React$1.Context<PresenceContextProps | null>;\n\ninterface VisualState<Instance, RenderState> {\n    renderState: RenderState;\n    latestValues: ResolvedValues;\n    onMount?: (instance: Instance) => void;\n}\ntype UseVisualState<Instance, RenderState> = (props: MotionProps, isStatic: boolean) => VisualState<Instance, RenderState>;\ninterface UseVisualStateConfig<RenderState> {\n    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps;\n    createRenderState: () => RenderState;\n}\ndeclare const makeUseVisualState: <I, RS>(config: UseVisualStateConfig<RS>) => UseVisualState<I, RS>;\n\ninterface HTMLElements {\n    a: HTMLAnchorElement;\n    abbr: HTMLElement;\n    address: HTMLElement;\n    area: HTMLAreaElement;\n    article: HTMLElement;\n    aside: HTMLElement;\n    audio: HTMLAudioElement;\n    b: HTMLElement;\n    base: HTMLBaseElement;\n    bdi: HTMLElement;\n    bdo: HTMLElement;\n    big: HTMLElement;\n    blockquote: HTMLQuoteElement;\n    body: HTMLBodyElement;\n    br: HTMLBRElement;\n    button: HTMLButtonElement;\n    canvas: HTMLCanvasElement;\n    caption: HTMLElement;\n    center: HTMLElement;\n    cite: HTMLElement;\n    code: HTMLElement;\n    col: HTMLTableColElement;\n    colgroup: HTMLTableColElement;\n    data: HTMLDataElement;\n    datalist: HTMLDataListElement;\n    dd: HTMLElement;\n    del: HTMLModElement;\n    details: HTMLDetailsElement;\n    dfn: HTMLElement;\n    dialog: HTMLDialogElement;\n    div: HTMLDivElement;\n    dl: HTMLDListElement;\n    dt: HTMLElement;\n    em: HTMLElement;\n    embed: HTMLEmbedElement;\n    fieldset: HTMLFieldSetElement;\n    figcaption: HTMLElement;\n    figure: HTMLElement;\n    footer: HTMLElement;\n    form: HTMLFormElement;\n    h1: HTMLHeadingElement;\n    h2: HTMLHeadingElement;\n    h3: HTMLHeadingElement;\n    h4: HTMLHeadingElement;\n    h5: HTMLHeadingElement;\n    h6: HTMLHeadingElement;\n    head: HTMLHeadElement;\n    header: HTMLElement;\n    hgroup: HTMLElement;\n    hr: HTMLHRElement;\n    html: HTMLHtmlElement;\n    i: HTMLElement;\n    iframe: HTMLIFrameElement;\n    img: HTMLImageElement;\n    input: HTMLInputElement;\n    ins: HTMLModElement;\n    kbd: HTMLElement;\n    keygen: HTMLElement;\n    label: HTMLLabelElement;\n    legend: HTMLLegendElement;\n    li: HTMLLIElement;\n    link: HTMLLinkElement;\n    main: HTMLElement;\n    map: HTMLMapElement;\n    mark: HTMLElement;\n    menu: HTMLElement;\n    menuitem: HTMLElement;\n    meta: HTMLMetaElement;\n    meter: HTMLMeterElement;\n    nav: HTMLElement;\n    noindex: HTMLElement;\n    noscript: HTMLElement;\n    object: HTMLObjectElement;\n    ol: HTMLOListElement;\n    optgroup: HTMLOptGroupElement;\n    option: HTMLOptionElement;\n    output: HTMLOutputElement;\n    p: HTMLParagraphElement;\n    param: HTMLParamElement;\n    picture: HTMLElement;\n    pre: HTMLPreElement;\n    progress: HTMLProgressElement;\n    q: HTMLQuoteElement;\n    rp: HTMLElement;\n    rt: HTMLElement;\n    ruby: HTMLElement;\n    s: HTMLElement;\n    samp: HTMLElement;\n    search: HTMLElement;\n    slot: HTMLSlotElement;\n    script: HTMLScriptElement;\n    section: HTMLElement;\n    select: HTMLSelectElement;\n    small: HTMLElement;\n    source: HTMLSourceElement;\n    span: HTMLSpanElement;\n    strong: HTMLElement;\n    style: HTMLStyleElement;\n    sub: HTMLElement;\n    summary: HTMLElement;\n    sup: HTMLElement;\n    table: HTMLTableElement;\n    template: HTMLTemplateElement;\n    tbody: HTMLTableSectionElement;\n    td: HTMLTableDataCellElement;\n    textarea: HTMLTextAreaElement;\n    tfoot: HTMLTableSectionElement;\n    th: HTMLTableHeaderCellElement;\n    thead: HTMLTableSectionElement;\n    time: HTMLTimeElement;\n    title: HTMLTitleElement;\n    tr: HTMLTableRowElement;\n    track: HTMLTrackElement;\n    u: HTMLElement;\n    ul: HTMLUListElement;\n    var: HTMLElement;\n    video: HTMLVideoElement;\n    wbr: HTMLElement;\n    webview: HTMLWebViewElement;\n}\n\ninterface TransformOrigin {\n    originX?: number | string;\n    originY?: number | string;\n    originZ?: number | string;\n}\ninterface HTMLRenderState {\n    /**\n     * A mutable record of transforms we want to apply directly to the rendered Element\n     * every frame. We use a mutable data structure to reduce GC during animations.\n     */\n    transform: ResolvedValues;\n    /**\n     * A mutable record of transform origins we want to apply directly to the rendered Element\n     * every frame. We use a mutable data structure to reduce GC during animations.\n     */\n    transformOrigin: TransformOrigin;\n    /**\n     * A mutable record of styles we want to apply directly to the rendered Element\n     * every frame. We use a mutable data structure to reduce GC during animations.\n     */\n    style: ResolvedValues;\n    /**\n     * A mutable record of CSS variables we want to apply directly to the rendered Element\n     * every frame. We use a mutable data structure to reduce GC during animations.\n     */\n    vars: ResolvedValues;\n}\n/**\n * @public\n */\ntype ForwardRefComponent<T, P> = {\n    readonly $$typeof: symbol;\n} & ((props: PropsWithoutRef<P> & RefAttributes<T>) => JSX.Element);\ntype AttributesWithoutMotionProps<Attributes> = {\n    [K in Exclude<keyof Attributes, keyof MotionProps>]?: Attributes[K];\n};\n/**\n * @public\n */\ntype HTMLMotionProps<Tag extends keyof HTMLElements> = AttributesWithoutMotionProps<JSX.IntrinsicElements[Tag]> & MotionProps;\n/**\n * Motion-optimised versions of React's HTML components.\n *\n * @public\n */\ntype HTMLMotionComponents = {\n    [K in keyof HTMLElements]: ForwardRefComponent<HTMLElements[K], HTMLMotionProps<K>>;\n};\n\ntype UnionStringArray<T extends Readonly<string[]>> = T[number];\ndeclare const svgElements: readonly [\"animate\", \"circle\", \"defs\", \"desc\", \"ellipse\", \"g\", \"image\", \"line\", \"filter\", \"marker\", \"mask\", \"metadata\", \"path\", \"pattern\", \"polygon\", \"polyline\", \"rect\", \"stop\", \"svg\", \"switch\", \"symbol\", \"text\", \"tspan\", \"use\", \"view\", \"clipPath\", \"feBlend\", \"feColorMatrix\", \"feComponentTransfer\", \"feComposite\", \"feConvolveMatrix\", \"feDiffuseLighting\", \"feDisplacementMap\", \"feDistantLight\", \"feDropShadow\", \"feFlood\", \"feFuncA\", \"feFuncB\", \"feFuncG\", \"feFuncR\", \"feGaussianBlur\", \"feImage\", \"feMerge\", \"feMergeNode\", \"feMorphology\", \"feOffset\", \"fePointLight\", \"feSpecularLighting\", \"feSpotLight\", \"feTile\", \"feTurbulence\", \"foreignObject\", \"linearGradient\", \"radialGradient\", \"textPath\"];\ntype SVGElements = UnionStringArray<typeof svgElements>;\n\ninterface SVGAttributesWithoutMotionProps<T> extends Pick<SVGAttributes<T>, Exclude<keyof SVGAttributes<T>, keyof MotionProps>> {\n}\n/**\n * Blanket-accept any SVG attribute as a `MotionValue`\n * @public\n */\ntype SVGAttributesAsMotionValues<T> = MakeMotion<SVGAttributesWithoutMotionProps<T>>;\ntype UnwrapSVGFactoryElement<F> = F extends React.SVGProps<infer P> ? P : never;\n/**\n * @public\n */\ninterface SVGMotionProps<T> extends SVGAttributesAsMotionValues<T>, MotionProps {\n}\n/**\n * Motion-optimised versions of React's SVG components.\n *\n * @public\n */\ntype SVGMotionComponents = {\n    [K in SVGElements]: ForwardRefComponent<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>, SVGMotionProps<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>>>;\n};\n\ntype DOMMotionComponents = HTMLMotionComponents & SVGMotionComponents;\n\ninterface SwitchLayoutGroup {\n    register?: (member: IProjectionNode) => void;\n    deregister?: (member: IProjectionNode) => void;\n}\ntype InitialPromotionConfig = {\n    /**\n     * The initial transition to use when the elements in this group mount (and automatically promoted).\n     * Subsequent updates should provide a transition in the promote method.\n     */\n    transition?: Transition;\n    /**\n     * If the follow tree should preserve its opacity when the lead is promoted on mount\n     */\n    shouldPreserveFollowOpacity?: (member: IProjectionNode) => boolean;\n};\ntype SwitchLayoutGroupContext = SwitchLayoutGroup & InitialPromotionConfig;\n/**\n * Internal, exported only for usage in Framer\n */\ndeclare const SwitchLayoutGroupContext: React$1.Context<SwitchLayoutGroupContext>;\n\ninterface WithDepth {\n    depth: number;\n}\n\ndeclare class FlatTree {\n    private children;\n    private isDirty;\n    add(child: WithDepth): void;\n    remove(child: WithDepth): void;\n    forEach(callback: (child: WithDepth) => void): void;\n}\n\ndeclare class NodeStack {\n    lead?: IProjectionNode;\n    prevLead?: IProjectionNode;\n    members: IProjectionNode[];\n    add(node: IProjectionNode): void;\n    remove(node: IProjectionNode): void;\n    relegate(node: IProjectionNode): boolean;\n    promote(node: IProjectionNode, preserveFollowOpacity?: boolean): void;\n    exitAnimationComplete(): void;\n    scheduleRender(): void;\n    /**\n     * Clear any leads that have been removed this render to prevent them from being\n     * used in future animations and to prevent memory leaks\n     */\n    removeLeadSnapshot(): void;\n}\n\ninterface Measurements {\n    animationId: number;\n    measuredBox: Box;\n    layoutBox: Box;\n    latestValues: ResolvedValues;\n    source: number;\n}\ntype Phase = \"snapshot\" | \"measure\";\ninterface ScrollMeasurements {\n    animationId: number;\n    phase: Phase;\n    offset: Point;\n    isRoot: boolean;\n    wasRoot: boolean;\n}\ntype LayoutEvents = \"willUpdate\" | \"didUpdate\" | \"beforeMeasure\" | \"measure\" | \"projectionUpdate\" | \"animationStart\" | \"animationComplete\";\ninterface IProjectionNode<I = unknown> {\n    id: number;\n    animationId: number;\n    animationCommitId: number;\n    parent?: IProjectionNode;\n    relativeParent?: IProjectionNode;\n    root?: IProjectionNode;\n    children: Set<IProjectionNode>;\n    path: IProjectionNode[];\n    nodes?: FlatTree;\n    depth: number;\n    instance: I | undefined;\n    mount: (node: I, isLayoutDirty?: boolean) => void;\n    unmount: () => void;\n    options: ProjectionNodeOptions;\n    setOptions(options: ProjectionNodeOptions): void;\n    layout?: Measurements;\n    snapshot?: Measurements;\n    target?: Box;\n    relativeTarget?: Box;\n    relativeTargetOrigin?: Box;\n    targetDelta?: Delta;\n    targetWithTransforms?: Box;\n    scroll?: ScrollMeasurements;\n    treeScale?: Point;\n    projectionDelta?: Delta;\n    projectionDeltaWithTransform?: Delta;\n    latestValues: ResolvedValues;\n    isLayoutDirty: boolean;\n    isProjectionDirty: boolean;\n    isSharedProjectionDirty: boolean;\n    isTransformDirty: boolean;\n    resolvedRelativeTargetAt?: number;\n    shouldResetTransform: boolean;\n    prevTransformTemplateValue: string | undefined;\n    isUpdateBlocked(): boolean;\n    updateManuallyBlocked: boolean;\n    updateBlockedByResize: boolean;\n    blockUpdate(): void;\n    unblockUpdate(): void;\n    isUpdating: boolean;\n    needsReset: boolean;\n    startUpdate(): void;\n    willUpdate(notifyListeners?: boolean): void;\n    didUpdate(): void;\n    measure(removeTransform?: boolean): Measurements;\n    measurePageBox(): Box;\n    updateLayout(): void;\n    updateSnapshot(): void;\n    clearSnapshot(): void;\n    updateScroll(phase?: Phase): void;\n    scheduleUpdateProjection(): void;\n    scheduleCheckAfterUnmount(): void;\n    checkUpdateFailed(): void;\n    sharedNodes: Map<string, NodeStack>;\n    registerSharedNode(id: string, node: IProjectionNode): void;\n    getStack(): NodeStack | undefined;\n    isVisible: boolean;\n    hide(): void;\n    show(): void;\n    scheduleRender(notifyAll?: boolean): void;\n    getClosestProjectingParent(): IProjectionNode | undefined;\n    setTargetDelta(delta: Delta): void;\n    resetTransform(): void;\n    resetSkewAndRotation(): void;\n    applyTransform(box: Box, transformOnly?: boolean): Box;\n    resolveTargetDelta(force?: boolean): void;\n    calcProjection(): void;\n    applyProjectionStyles(targetStyle: CSSStyleDeclaration, styleProp?: MotionStyle): void;\n    clearMeasurements(): void;\n    resetTree(): void;\n    isProjecting(): boolean;\n    animationValues?: ResolvedValues;\n    currentAnimation?: JSAnimation<number>;\n    isTreeAnimating?: boolean;\n    isAnimationBlocked?: boolean;\n    isTreeAnimationBlocked: () => boolean;\n    setAnimationOrigin(delta: Delta): void;\n    startAnimation(transition: ValueTransition): void;\n    finishAnimation(): void;\n    hasCheckedOptimisedAppear: boolean;\n    isLead(): boolean;\n    promote(options?: {\n        needsReset?: boolean;\n        transition?: Transition;\n        preserveFollowOpacity?: boolean;\n    }): void;\n    relegate(): boolean;\n    resumeFrom?: IProjectionNode;\n    resumingFrom?: IProjectionNode;\n    isPresent?: boolean;\n    addEventListener(name: LayoutEvents, handler: any): VoidFunction;\n    notifyListeners(name: LayoutEvents, ...args: any): void;\n    hasListeners(name: LayoutEvents): boolean;\n    hasTreeAnimated: boolean;\n    preserveOpacity?: boolean;\n}\ninterface ProjectionNodeOptions {\n    animate?: boolean;\n    layoutScroll?: boolean;\n    layoutRoot?: boolean;\n    alwaysMeasureLayout?: boolean;\n    onExitComplete?: VoidFunction;\n    animationType?: \"size\" | \"position\" | \"both\" | \"preserve-aspect\";\n    layoutId?: string;\n    layout?: boolean | string;\n    visualElement?: VisualElement;\n    crossfade?: boolean;\n    transition?: Transition;\n    initialPromotionConfig?: InitialPromotionConfig;\n}\n\ntype AnimationType = \"animate\" | \"whileHover\" | \"whileTap\" | \"whileDrag\" | \"whileFocus\" | \"whileInView\" | \"exit\";\n\ntype VisualElementAnimationOptions = {\n    delay?: number;\n    transitionOverride?: Transition;\n    custom?: any;\n    type?: AnimationType;\n};\n\ninterface AnimationState {\n    animateChanges: (type?: AnimationType) => Promise<any>;\n    setActive: (type: AnimationType, isActive: boolean, options?: VisualElementAnimationOptions) => Promise<any>;\n    setAnimateFunction: (fn: any) => void;\n    getState: () => {\n        [key: string]: AnimationTypeState;\n    };\n    reset: () => void;\n}\ninterface AnimationTypeState {\n    isActive: boolean;\n    protectedKeys: {\n        [key: string]: true;\n    };\n    needsAnimating: {\n        [key: string]: boolean;\n    };\n    prevResolvedValues: {\n        [key: string]: any;\n    };\n    prevProp?: VariantLabels | TargetAndTransition;\n}\n\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\ndeclare abstract class VisualElement<Instance = unknown, RenderState = unknown, Options extends {} = {}> {\n    /**\n     * VisualElements are arranged in trees mirroring that of the React tree.\n     * Each type of VisualElement has a unique name, to detect when we're crossing\n     * type boundaries within that tree.\n     */\n    abstract type: string;\n    /**\n     * An `Array.sort` compatible function that will compare two Instances and\n     * compare their respective positions within the tree.\n     */\n    abstract sortInstanceNodePosition(a: Instance, b: Instance): number;\n    /**\n     * Measure the viewport-relative bounding box of the Instance.\n     */\n    abstract measureInstanceViewportBox(instance: Instance, props: MotionProps & Partial<MotionConfigContext>): Box;\n    /**\n     * When a value has been removed from all animation props we need to\n     * pick a target to animate back to. For instance, for HTMLElements\n     * we can look in the style prop.\n     */\n    abstract getBaseTargetFromProps(props: MotionProps, key: string): AnyResolvedKeyframe | undefined | MotionValue;\n    /**\n     * When we first animate to a value we need to animate it *from* a value.\n     * Often this have been specified via the initial prop but it might be\n     * that the value needs to be read from the Instance.\n     */\n    abstract readValueFromInstance(instance: Instance, key: string, options: Options): AnyResolvedKeyframe | null | undefined;\n    /**\n     * When a value has been removed from the VisualElement we use this to remove\n     * it from the inherting class' unique render state.\n     */\n    abstract removeValueFromRenderState(key: string, renderState: RenderState): void;\n    /**\n     * Run before a React or VisualElement render, builds the latest motion\n     * values into an Instance-specific format. For example, HTMLVisualElement\n     * will use this step to build `style` and `var` values.\n     */\n    abstract build(renderState: RenderState, latestValues: ResolvedValues, props: MotionProps): void;\n    /**\n     * Apply the built values to the Instance. For example, HTMLElements will have\n     * styles applied via `setProperty` and the style attribute, whereas SVGElements\n     * will have values applied to attributes.\n     */\n    abstract renderInstance(instance: Instance, renderState: RenderState, styleProp?: MotionStyle, projection?: IProjectionNode): void;\n    /**\n     * This method is called when a transform property is bound to a motion value.\n     * It's currently used to measure SVG elements when a new transform property is bound.\n     */\n    onBindTransform?(): void;\n    /**\n     * If the component child is provided as a motion value, handle subscriptions\n     * with the renderer-specific VisualElement.\n     */\n    handleChildMotionValue?(): void;\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props: MotionProps, _prevProps: MotionProps, _visualElement: VisualElement): {\n        [key: string]: MotionValue | AnyResolvedKeyframe;\n    };\n    /**\n     * A reference to the current underlying Instance, e.g. a HTMLElement\n     * or Three.Mesh etc.\n     */\n    current: Instance | null;\n    /**\n     * A reference to the parent VisualElement (if exists).\n     */\n    parent: VisualElement | undefined;\n    /**\n     * A set containing references to this VisualElement's children.\n     */\n    children: Set<VisualElement<unknown, unknown, {}>>;\n    /**\n     * A set containing the latest children of this VisualElement. This is flushed\n     * at the start of every commit. We use it to calculate the stagger delay\n     * for newly-added children.\n     */\n    enteringChildren?: Set<VisualElement>;\n    /**\n     * The depth of this VisualElement within the overall VisualElement tree.\n     */\n    depth: number;\n    /**\n     * The current render state of this VisualElement. Defined by inherting VisualElements.\n     */\n    renderState: RenderState;\n    /**\n     * An object containing the latest static values for each of this VisualElement's\n     * MotionValues.\n     */\n    latestValues: ResolvedValues;\n    /**\n     * Determine what role this visual element should take in the variant tree.\n     */\n    isVariantNode: boolean;\n    isControllingVariants: boolean;\n    /**\n     * If this component is part of the variant tree, it should track\n     * any children that are also part of the tree. This is essentially\n     * a shadow tree to simplify logic around how to stagger over children.\n     */\n    variantChildren?: Set<VisualElement>;\n    /**\n     * Decides whether this VisualElement should animate in reduced motion\n     * mode.\n     *\n     * TODO: This is currently set on every individual VisualElement but feels\n     * like it could be set globally.\n     */\n    shouldReduceMotion: boolean | null;\n    /**\n     * Normally, if a component is controlled by a parent's variants, it can\n     * rely on that ancestor to trigger animations further down the tree.\n     * However, if a component is created after its parent is mounted, the parent\n     * won't trigger that mount animation so the child needs to.\n     *\n     * TODO: This might be better replaced with a method isParentMounted\n     */\n    manuallyAnimateOnMount: boolean;\n    /**\n     * This can be set by AnimatePresence to force components that mount\n     * at the same time as it to mount as if they have initial={false} set.\n     */\n    blockInitialAnimation: boolean;\n    /**\n     * A reference to this VisualElement's projection node, used in layout animations.\n     */\n    projection?: IProjectionNode;\n    /**\n     * A map of all motion values attached to this visual element. Motion\n     * values are source of truth for any given animated value. A motion\n     * value might be provided externally by the component via props.\n     */\n    values: Map<string, MotionValue<any>>;\n    /**\n     * The AnimationState, this is hydrated by the animation Feature.\n     */\n    animationState?: AnimationState;\n    KeyframeResolver: typeof KeyframeResolver;\n    /**\n     * The options used to create this VisualElement. The Options type is defined\n     * by the inheriting VisualElement and is passed straight through to the render functions.\n     */\n    readonly options: Options;\n    /**\n     * A reference to the latest props provided to the VisualElement's host React component.\n     */\n    props: MotionProps;\n    prevProps?: MotionProps;\n    presenceContext: PresenceContextProps | null;\n    prevPresenceContext?: PresenceContextProps | null;\n    /**\n     * Cleanup functions for active features (hover/tap/exit etc)\n     */\n    private features;\n    /**\n     * A map of every subscription that binds the provided or generated\n     * motion values onChange listeners to this visual element.\n     */\n    private valueSubscriptions;\n    /**\n     * A reference to the ReducedMotionConfig passed to the VisualElement's host React component.\n     */\n    private reducedMotionConfig;\n    /**\n     * On mount, this will be hydrated with a callback to disconnect\n     * this visual element from its parent on unmount.\n     */\n    private removeFromVariantTree;\n    /**\n     * A reference to the previously-provided motion values as returned\n     * from scrapeMotionValuesFromProps. We use the keys in here to determine\n     * if any motion values need to be removed after props are updated.\n     */\n    private prevMotionValues;\n    /**\n     * When values are removed from all animation props we need to search\n     * for a fallback value to animate to. These values are tracked in baseTarget.\n     */\n    private baseTarget;\n    /**\n     * Create an object of the values we initially animated from (if initial prop present).\n     */\n    private initialValues;\n    /**\n     * An object containing a SubscriptionManager for each active event.\n     */\n    private events;\n    /**\n     * An object containing an unsubscribe function for each prop event subscription.\n     * For example, every \"Update\" event can have multiple subscribers via\n     * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n     */\n    private propEventSubscriptions;\n    constructor({ parent, props, presenceContext, reducedMotionConfig, blockInitialAnimation, visualState, }: VisualElementOptions<Instance, RenderState>, options?: Options);\n    mount(instance: Instance): void;\n    unmount(): void;\n    addChild(child: VisualElement): void;\n    removeChild(child: VisualElement): void;\n    private bindToMotionValue;\n    sortNodePosition(other: VisualElement<Instance>): number;\n    updateFeatures(): void;\n    notifyUpdate: () => void;\n    triggerBuild(): void;\n    render: () => void;\n    private renderScheduledAt;\n    scheduleRender: () => void;\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox(): Box;\n    getStaticValue(key: string): AnyResolvedKeyframe;\n    setStaticValue(key: string, value: AnyResolvedKeyframe): void;\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props: MotionProps, presenceContext: PresenceContextProps | null): void;\n    getProps(): MotionProps;\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name: string): motion_dom.Variant | undefined;\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition(): motion_dom.Transition<any> | undefined;\n    getTransformPagePoint(): any;\n    getClosestVariantNode(): VisualElement | undefined;\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child: VisualElement): (() => boolean) | undefined;\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key: string, value: MotionValue): void;\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key: string): void;\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key: string): boolean;\n    /**\n     * Get a motion value for this key. If called with a default\n     * value, we'll create one if none exists.\n     */\n    getValue(key: string): MotionValue | undefined;\n    getValue(key: string, defaultValue: AnyResolvedKeyframe | null): MotionValue;\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key: string, target?: AnyResolvedKeyframe | null): any;\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key: string, value: AnyResolvedKeyframe): void;\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key: string): ResolvedValues[string] | undefined | null;\n    on<EventName extends keyof VisualElementEventCallbacks>(eventName: EventName, callback: VisualElementEventCallbacks[EventName]): VoidFunction;\n    notify<EventName extends keyof VisualElementEventCallbacks>(eventName: EventName, ...args: any): void;\n    scheduleRenderMicrotask(): void;\n}\n\ntype ScrapeMotionValuesFromProps = (props: MotionProps, prevProps: MotionProps, visualElement?: VisualElement) => {\n    [key: string]: MotionValue | AnyResolvedKeyframe;\n};\ninterface VisualElementOptions<Instance, RenderState = any> {\n    visualState: VisualState<Instance, RenderState>;\n    parent?: VisualElement<unknown>;\n    variantParent?: VisualElement<unknown>;\n    presenceContext: PresenceContextProps | null;\n    props: MotionProps;\n    blockInitialAnimation?: boolean;\n    reducedMotionConfig?: ReducedMotionConfig;\n}\n/**\n * A generic set of string/number values\n */\ninterface ResolvedValues {\n    [key: string]: AnyResolvedKeyframe;\n}\ninterface VisualElementEventCallbacks {\n    BeforeLayoutMeasure: () => void;\n    LayoutMeasure: (layout: Box, prevLayout?: Box) => void;\n    LayoutUpdate: (layout: Axis, prevLayout: Axis) => void;\n    Update: (latest: ResolvedValues) => void;\n    AnimationStart: (definition: AnimationDefinition) => void;\n    AnimationComplete: (definition: AnimationDefinition) => void;\n    LayoutAnimationStart: () => void;\n    LayoutAnimationComplete: () => void;\n    SetAxisTarget: () => void;\n    Unmount: () => void;\n}\ntype CreateVisualElement<Props = {}, TagName extends keyof DOMMotionComponents | string = \"div\"> = (Component: TagName | string | React.ComponentType<Props>, options: VisualElementOptions<HTMLElement | SVGElement>) => VisualElement<HTMLElement | SVGElement>;\n\ndeclare const optimizedAppearDataAttribute: \"data-framer-appear-id\";\n\n/**\n * Expose only the needed part of the VisualElement interface to\n * ensure React types don't end up in the generic DOM bundle.\n */\ninterface WithAppearProps {\n    props: {\n        [optimizedAppearDataAttribute]?: string;\n        values?: {\n            [key: string]: MotionValue<number> | MotionValue<string>;\n        };\n    };\n}\ntype HandoffFunction = (storeId: string, valueName: string, frame: Batcher) => number | null;\n/**\n * The window global object acts as a bridge between our inline script\n * triggering the optimized appear animations, and Motion.\n */\ndeclare global {\n    interface Window {\n        MotionHandoffAnimation?: HandoffFunction;\n        MotionHandoffMarkAsComplete?: (elementId: string) => void;\n        MotionHandoffIsComplete?: (elementId: string) => boolean;\n        MotionHasOptimisedAnimation?: (elementId?: string, valueName?: string) => boolean;\n        MotionCancelOptimisedAnimation?: (elementId?: string, valueName?: string, frame?: Batcher, canResume?: boolean) => void;\n        MotionCheckAppearSync?: (visualElement: WithAppearProps, valueName: string, value: MotionValue) => VoidFunction | void;\n        MotionIsMounted?: boolean;\n    }\n}\n\nexport { type AnimationType as A, type CreateVisualElement as C, type DOMMotionComponents as D, type ForwardRefComponent as F, type HTMLElements as H, type IProjectionNode as I, type MotionProps as M, PresenceContext as P, type ResolvedValues as R, type SVGMotionComponents as S, type VariantLabels as V, VisualElement as a, MotionConfigContext as b, type HTMLMotionProps as c, type HTMLMotionComponents as d, type VisualElementAnimationOptions as e, type HTMLRenderState as f, type ScrapeMotionValuesFromProps as g, type VisualState as h, SwitchLayoutGroupContext as i, type MotionStyle as j, type MotionTransform as k, type SVGAttributesAsMotionValues as l, makeUseVisualState as m, type SVGMotionProps as n, optimizedAppearDataAttribute as o, FlatTree as p };\n"],"x_google_ignoreList":[0],"mappings":";;;;;;cAk1Bc0L;;;;;;UAMJC,eAAAA;;KAEDD,4BAAAA;;qBAEkBvL,sBAAsBA;;;;KAI5CyL,eAAAA,+CAA8DhL;;;;;;;6BAOlCgL;;;;sFAIyDhL;4CAC1C+K,2CAA2CxL,gBAAgB+J"}