@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/motion/utils.d.ts

@@ -0,0 +1,1792 @@
+import type { Target, TargetAndTransition } from 'framer-motion';
+import type { MotionConfigs, MotionSpec, MotionTransition } from './types';
+/**
+ * Convert CDS easing and duration tokens to framer transition values
+ * @link https://www.framer.com/docs/animation/##transitions
+ */
+export declare const convertTransition: (transition: MotionTransition) => {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type?: "tween";
+    times?: number[];
+    easings?: import("framer-motion").Easing[];
+    from?: number | string;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "spring";
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    bounce?: number;
+    restSpeed?: number;
+    restDelta?: number;
+    from?: number | string;
+    velocity?: number;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "keyframes";
+    times?: number[];
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "inertia";
+    modifyTarget?(v: number): number;
+    bounceStiffness?: number;
+    bounceDamping?: number;
+    power?: number;
+    timeConstant?: number;
+    restDelta?: number;
+    min?: number;
+    max?: number;
+    from?: number | string;
+    velocity?: number;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "just";
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: false;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type?: "tween";
+    times?: number[];
+    easings?: import("framer-motion").Easing[];
+    from?: number | string;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "spring";
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    bounce?: number;
+    restSpeed?: number;
+    restDelta?: number;
+    from?: number | string;
+    velocity?: number;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "keyframes";
+    times?: number[];
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "inertia";
+    modifyTarget?(v: number): number;
+    bounceStiffness?: number;
+    bounceDamping?: number;
+    power?: number;
+    timeConstant?: number;
+    restDelta?: number;
+    min?: number;
+    max?: number;
+    from?: number | string;
+    velocity?: number;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: "just";
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+    type: false;
+} | {
+    ease: import("@coinbase/cds-common/motion/tokens").EasingArray | undefined;
+    duration: number | undefined;
+    delay: number | undefined;
+    when?: false | "beforeChildren" | "afterChildren" | string;
+    delayChildren?: number;
+    staggerChildren?: number;
+    staggerDirection?: number;
+    repeat?: number;
+    repeatType?: "loop" | "reverse" | "mirror";
+    repeatDelay?: number;
+};
+/**
+ * Convert CDS motion configs to framer transition styles
+ * @param configs CDS Motion Configs
+ * @returns framer transition styles
+ */
+export declare const convertMotionConfigs: (configs: MotionSpec[]) => TargetAndTransition | Target;
+/**
+ * Convert CDS motion configs to framer variant
+ * @link https://www.framer.com/docs/component/###variants
+ */
+export declare const createVariant: (configs: MotionConfigs) => {
+    filter?: string | import("framer-motion").CustomValueType | undefined;
+    fill?: string | import("framer-motion").CustomValueType | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    fontFamily?: string | import("framer-motion").CustomValueType | undefined;
+    fontSize?: string | number | import("framer-motion").CustomValueType | undefined;
+    fontWeight?: string | number | import("framer-motion").CustomValueType | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<string | number> | import("framer-motion").CustomValueType | undefined;
+    textTransform?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    color?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--blue100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--green100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--orange100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--yellow100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--gray100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--indigo100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--pink100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--purple100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--red100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--teal100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse0"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse5"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse10"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse15"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse20"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse30"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse40"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse50"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse60"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse70"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse80"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse90"?: string | import("framer-motion").CustomValueType | undefined;
+    "--chartreuse100"?: string | import("framer-motion").CustomValueType | undefined;
+    "--color-currentColor"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fg"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgMuted"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgInverse"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgPrimary"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgWarning"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgPositive"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-fgNegative"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bg"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgAlternate"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgInverse"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgOverlay"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgElevation1"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgElevation2"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgPrimary"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgPrimaryWash"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgSecondary"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgTertiary"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgSecondaryWash"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgNegative"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgNegativeWash"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgPositive"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgPositiveWash"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgWarning"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgWarningWash"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgLine"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgLineHeavy"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgLineInverse"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgLinePrimary"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-bgLinePrimarySubtle"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtleRed"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldRed"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtleGreen"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldGreen"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtleBlue"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldBlue"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtlePurple"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldPurple"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtleYellow"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldYellow"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentSubtleGray"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-accentBoldGray"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--color-transparent"?: import("csstype").Property.Color | import("framer-motion").CustomValueType | undefined;
+    "--space-0"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-1"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-2"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-5"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-10"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-0.25"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-0.5"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-0.75"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-1.5"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-3"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-4"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-6"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-7"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-8"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--space-9"?: import("csstype").Property.Padding<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--iconSize-xs"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--iconSize-s"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--iconSize-m"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--iconSize-l"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-s"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-m"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-l"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-xl"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-xxl"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--avatarSize-xxxl"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-0"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-100"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-200"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-300"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-400"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderWidth-500"?: import("csstype").Property.BorderWidth<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-0"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-100"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-200"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-300"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-400"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-500"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-600"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-700"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-800"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-900"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--borderRadius-1000"?: import("csstype").Property.BorderRadius<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-display1"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-display2"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-display3"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-title1"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-title2"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-title3"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-title4"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-headline"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-body"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-label1"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-label2"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-caption"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontFamily-legal"?: import("csstype").Property.FontFamily | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-display1"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-display2"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-display3"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-title1"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-title2"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-title3"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-title4"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-headline"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-body"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-label1"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-label2"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-caption"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontSize-legal"?: import("csstype").Property.FontSize<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-display1"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-display2"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-display3"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-title1"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-title2"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-title3"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-title4"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-headline"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-body"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-label1"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-label2"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-caption"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--fontWeight-legal"?: import("csstype").Property.FontWeight | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-display1"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-display2"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-display3"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-title1"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-title2"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-title3"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-title4"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-headline"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-body"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-label1"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-label2"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-caption"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--lineHeight-legal"?: import("csstype").Property.LineHeight<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-display1"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-display2"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-display3"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-title1"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-title2"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-title3"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-title4"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-headline"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-body"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-label1"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-label2"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-caption"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--textTransform-legal"?: import("csstype").Property.TextTransform | import("framer-motion").CustomValueType | undefined;
+    "--shadow-elevation1"?: import("csstype").Property.BoxShadow | import("framer-motion").CustomValueType | undefined;
+    "--shadow-elevation2"?: import("csstype").Property.BoxShadow | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-checkboxSize"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-radioSize"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-switchWidth"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-switchHeight"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-switchThumbSize"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    "--controlSize-tileSize"?: import("csstype").Property.Width<0 | (string & {})> | import("framer-motion").CustomValueType | undefined;
+    clipPath?: string | import("framer-motion").CustomValueType | undefined;
+    marker?: import("csstype").Property.Marker | import("framer-motion").CustomValueType | undefined;
+    mask?: string | import("framer-motion").CustomValueType | undefined;
+    height?: string | number | import("framer-motion").CustomValueType | undefined;
+    width?: string | number | import("framer-motion").CustomValueType | undefined;
+    alignmentBaseline?: "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "after-edge" | "baseline" | "before-edge" | "central" | "middle" | "text-after-edge" | "text-before-edge" | import("framer-motion").CustomValueType | undefined;
+    azimuth?: string | import("framer-motion").CustomValueType | undefined;
+    baselineShift?: string | number | import("framer-motion").CustomValueType | undefined;
+    clip?: string | import("framer-motion").CustomValueType | undefined;
+    clipRule?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "evenodd" | "nonzero" | import("framer-motion").CustomValueType | undefined;
+    colorInterpolation?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "linearRGB" | "sRGB" | import("framer-motion").CustomValueType | undefined;
+    colorRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "optimizeQuality" | "optimizeSpeed" | import("framer-motion").CustomValueType | undefined;
+    cursor?: string | import("framer-motion").CustomValueType | undefined;
+    direction?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ltr" | "rtl" | import("framer-motion").CustomValueType | undefined;
+    display?: string | import("framer-motion").CustomValueType | undefined;
+    dominantBaseline?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "central" | "middle" | "text-after-edge" | "text-before-edge" | "no-change" | "reset-size" | "use-script" | import("framer-motion").CustomValueType | undefined;
+    fillOpacity?: string | number | import("framer-motion").CustomValueType | undefined;
+    fillRule?: "inherit" | "evenodd" | "nonzero" | import("framer-motion").CustomValueType | undefined;
+    floodColor?: string | import("framer-motion").CustomValueType | undefined;
+    floodOpacity?: string | number | import("framer-motion").CustomValueType | undefined;
+    fontSizeAdjust?: string | number | import("framer-motion").CustomValueType | undefined;
+    fontStretch?: string | import("framer-motion").CustomValueType | undefined;
+    fontStyle?: string | import("framer-motion").CustomValueType | undefined;
+    fontVariant?: string | import("framer-motion").CustomValueType | undefined;
+    glyphOrientationVertical?: string | number | import("framer-motion").CustomValueType | undefined;
+    imageRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "-moz-crisp-edges" | "-webkit-optimize-contrast" | "crisp-edges" | "pixelated" | import("framer-motion").CustomValueType | undefined;
+    letterSpacing?: string | number | import("framer-motion").CustomValueType | undefined;
+    lightingColor?: string | import("framer-motion").CustomValueType | undefined;
+    markerEnd?: string | import("framer-motion").CustomValueType | undefined;
+    markerMid?: string | import("framer-motion").CustomValueType | undefined;
+    markerStart?: string | import("framer-motion").CustomValueType | undefined;
+    offset?: string | number | import("framer-motion").CustomValueType | undefined;
+    opacity?: string | number | import("framer-motion").CustomValueType | undefined;
+    order?: string | number | import("framer-motion").CustomValueType | undefined;
+    overflow?: string | import("framer-motion").CustomValueType | undefined;
+    paintOrder?: string | import("framer-motion").CustomValueType | undefined;
+    pointerEvents?: "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "auto" | "stroke" | "all" | "visible" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | import("framer-motion").CustomValueType | undefined;
+    shapeRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "optimizeSpeed" | "crispEdges" | "geometricPrecision" | import("framer-motion").CustomValueType | undefined;
+    stopColor?: string | import("framer-motion").CustomValueType | undefined;
+    stopOpacity?: string | number | import("framer-motion").CustomValueType | undefined;
+    stroke?: string | import("framer-motion").CustomValueType | undefined;
+    strokeDasharray?: string | number | import("framer-motion").CustomValueType | undefined;
+    strokeDashoffset?: string | number | import("framer-motion").CustomValueType | undefined;
+    strokeLinecap?: "inherit" | "round" | "butt" | "square" | import("framer-motion").CustomValueType | undefined;
+    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | import("framer-motion").CustomValueType | undefined;
+    strokeMiterlimit?: string | number | import("framer-motion").CustomValueType | undefined;
+    strokeOpacity?: string | number | import("framer-motion").CustomValueType | undefined;
+    strokeWidth?: string | number | import("framer-motion").CustomValueType | undefined;
+    textAnchor?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "end" | "start" | "middle" | import("framer-motion").CustomValueType | undefined;
+    textDecoration?: string | number | import("framer-motion").CustomValueType | undefined;
+    textRendering?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto" | "optimizeSpeed" | "geometricPrecision" | "optimizeLegibility" | import("framer-motion").CustomValueType | undefined;
+    transform?: string | import("framer-motion").CustomValueType | undefined;
+    unicodeBidi?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "embed" | "-moz-isolate" | "-moz-isolate-override" | "-moz-plaintext" | "-webkit-isolate" | "-webkit-isolate-override" | "-webkit-plaintext" | "bidi-override" | "isolate" | "isolate-override" | "plaintext" | import("framer-motion").CustomValueType | undefined;
+    vectorEffect?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "non-scaling-stroke" | import("framer-motion").CustomValueType | undefined;
+    visibility?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "hidden" | "visible" | "collapse" | import("framer-motion").CustomValueType | undefined;
+    wordSpacing?: string | number | import("framer-motion").CustomValueType | undefined;
+    writingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | import("framer-motion").CustomValueType | undefined;
+    translate?: import("csstype").Property.Translate<string | number> | import("framer-motion").CustomValueType | undefined;
+    content?: import("csstype").Property.Content | import("framer-motion").CustomValueType | undefined;
+    border?: import("csstype").Property.Border<string | number> | import("framer-motion").CustomValueType | undefined;
+    animation?: import("csstype").Property.Animation<string & {}> | import("framer-motion").CustomValueType | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | import("framer-motion").CustomValueType | undefined;
+    grid?: import("csstype").Property.Grid | import("framer-motion").CustomValueType | undefined;
+    top?: import("csstype").Property.Top<string | number> | import("framer-motion").CustomValueType | undefined;
+    bottom?: import("csstype").Property.Bottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    left?: import("csstype").Property.Left<string | number> | import("framer-motion").CustomValueType | undefined;
+    right?: import("csstype").Property.Right<string | number> | import("framer-motion").CustomValueType | undefined;
+    all?: import("csstype").Globals | import("framer-motion").CustomValueType | undefined;
+    minWidth?: import("csstype").Property.MinWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    minHeight?: import("csstype").Property.MinHeight<string | number> | import("framer-motion").CustomValueType | undefined;
+    maxWidth?: import("csstype").Property.MaxWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<string | number> | import("framer-motion").CustomValueType | undefined;
+    aspectRatio?: import("csstype").Property.AspectRatio | import("framer-motion").CustomValueType | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<string | number> | import("framer-motion").CustomValueType | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | import("framer-motion").CustomValueType | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | import("framer-motion").CustomValueType | undefined;
+    gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridTemplateAreas?: import("csstype").Property.GridTemplateAreas | import("framer-motion").CustomValueType | undefined;
+    gridTemplate?: import("csstype").Property.GridTemplate | import("framer-motion").CustomValueType | undefined;
+    gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridAutoRows?: import("csstype").Property.GridAutoRows<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridAutoFlow?: import("csstype").Property.GridAutoFlow | import("framer-motion").CustomValueType | undefined;
+    gridRowStart?: import("csstype").Property.GridRowStart | import("framer-motion").CustomValueType | undefined;
+    gridColumnStart?: import("csstype").Property.GridColumnStart | import("framer-motion").CustomValueType | undefined;
+    gridRowEnd?: import("csstype").Property.GridRowEnd | import("framer-motion").CustomValueType | undefined;
+    gridColumnEnd?: import("csstype").Property.GridColumnEnd | import("framer-motion").CustomValueType | undefined;
+    gridRow?: import("csstype").Property.GridRow | import("framer-motion").CustomValueType | undefined;
+    gridColumn?: import("csstype").Property.GridColumn | import("framer-motion").CustomValueType | undefined;
+    gridArea?: import("csstype").Property.GridArea | import("framer-motion").CustomValueType | undefined;
+    zIndex?: import("csstype").Property.ZIndex | import("framer-motion").CustomValueType | undefined;
+    background?: import("csstype").Property.Background<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderColor?: import("csstype").Property.BorderColor | import("framer-motion").CustomValueType | undefined;
+    borderTopWidth?: import("csstype").Property.BorderTopWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBottomWidth?: import("csstype").Property.BorderBottomWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    gap?: import("csstype").Property.Gap<string | number> | import("framer-motion").CustomValueType | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<string | number> | import("framer-motion").CustomValueType | undefined;
+    rowGap?: import("csstype").Property.RowGap<string | number> | import("framer-motion").CustomValueType | undefined;
+    padding?: import("csstype").Property.Padding<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    margin?: import("csstype").Property.Margin<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginTop?: import("csstype").Property.MarginTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    userSelect?: import("csstype").Property.UserSelect | import("framer-motion").CustomValueType | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | import("framer-motion").CustomValueType | undefined;
+    alignContent?: import("csstype").Property.AlignContent | import("framer-motion").CustomValueType | undefined;
+    alignItems?: import("csstype").Property.AlignItems | import("framer-motion").CustomValueType | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | import("framer-motion").CustomValueType | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | import("framer-motion").CustomValueType | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | import("framer-motion").CustomValueType | undefined;
+    position?: import("csstype").Property.Position | import("framer-motion").CustomValueType | undefined;
+    textAlign?: import("csstype").Property.TextAlign | import("framer-motion").CustomValueType | undefined;
+    accentColor?: import("csstype").Property.AccentColor | import("framer-motion").CustomValueType | undefined;
+    alignTracks?: import("csstype").Property.AlignTracks | import("framer-motion").CustomValueType | undefined;
+    animationComposition?: import("csstype").Property.AnimationComposition | import("framer-motion").CustomValueType | undefined;
+    animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    animationDirection?: import("csstype").Property.AnimationDirection | import("framer-motion").CustomValueType | undefined;
+    animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    animationFillMode?: import("csstype").Property.AnimationFillMode | import("framer-motion").CustomValueType | undefined;
+    animationIterationCount?: import("csstype").Property.AnimationIterationCount | import("framer-motion").CustomValueType | undefined;
+    animationName?: import("csstype").Property.AnimationName | import("framer-motion").CustomValueType | undefined;
+    animationPlayState?: import("csstype").Property.AnimationPlayState | import("framer-motion").CustomValueType | undefined;
+    animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    animationTimeline?: import("csstype").Property.AnimationTimeline | import("framer-motion").CustomValueType | undefined;
+    animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | import("framer-motion").CustomValueType | undefined;
+    appearance?: import("csstype").Property.Appearance | import("framer-motion").CustomValueType | undefined;
+    backdropFilter?: import("csstype").Property.BackdropFilter | import("framer-motion").CustomValueType | undefined;
+    backfaceVisibility?: import("csstype").Property.BackfaceVisibility | import("framer-motion").CustomValueType | undefined;
+    backgroundAttachment?: import("csstype").Property.BackgroundAttachment | import("framer-motion").CustomValueType | undefined;
+    backgroundBlendMode?: import("csstype").Property.BackgroundBlendMode | import("framer-motion").CustomValueType | undefined;
+    backgroundClip?: import("csstype").Property.BackgroundClip | import("framer-motion").CustomValueType | undefined;
+    backgroundColor?: import("csstype").Property.BackgroundColor | import("framer-motion").CustomValueType | undefined;
+    backgroundImage?: import("csstype").Property.BackgroundImage | import("framer-motion").CustomValueType | undefined;
+    backgroundOrigin?: import("csstype").Property.BackgroundOrigin | import("framer-motion").CustomValueType | undefined;
+    backgroundPositionX?: import("csstype").Property.BackgroundPositionX<string | number> | import("framer-motion").CustomValueType | undefined;
+    backgroundPositionY?: import("csstype").Property.BackgroundPositionY<string | number> | import("framer-motion").CustomValueType | undefined;
+    backgroundRepeat?: import("csstype").Property.BackgroundRepeat | import("framer-motion").CustomValueType | undefined;
+    backgroundSize?: import("csstype").Property.BackgroundSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    blockOverflow?: import("csstype").Property.BlockOverflow | import("framer-motion").CustomValueType | undefined;
+    blockSize?: import("csstype").Property.BlockSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlockColor?: import("csstype").Property.BorderBlockColor | import("framer-motion").CustomValueType | undefined;
+    borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | import("framer-motion").CustomValueType | undefined;
+    borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | import("framer-motion").CustomValueType | undefined;
+    borderBlockEndWidth?: import("csstype").Property.BorderBlockEndWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlockStartColor?: import("csstype").Property.BorderBlockStartColor | import("framer-motion").CustomValueType | undefined;
+    borderBlockStartStyle?: import("csstype").Property.BorderBlockStartStyle | import("framer-motion").CustomValueType | undefined;
+    borderBlockStartWidth?: import("csstype").Property.BorderBlockStartWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlockStyle?: import("csstype").Property.BorderBlockStyle | import("framer-motion").CustomValueType | undefined;
+    borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBottomColor?: import("csstype").Property.BorderBottomColor | import("framer-motion").CustomValueType | undefined;
+    borderBottomStyle?: import("csstype").Property.BorderBottomStyle | import("framer-motion").CustomValueType | undefined;
+    borderCollapse?: import("csstype").Property.BorderCollapse | import("framer-motion").CustomValueType | undefined;
+    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderImageOutset?: import("csstype").Property.BorderImageOutset<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderImageRepeat?: import("csstype").Property.BorderImageRepeat | import("framer-motion").CustomValueType | undefined;
+    borderImageSlice?: import("csstype").Property.BorderImageSlice | import("framer-motion").CustomValueType | undefined;
+    borderImageSource?: import("csstype").Property.BorderImageSource | import("framer-motion").CustomValueType | undefined;
+    borderImageWidth?: import("csstype").Property.BorderImageWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderInlineColor?: import("csstype").Property.BorderInlineColor | import("framer-motion").CustomValueType | undefined;
+    borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | import("framer-motion").CustomValueType | undefined;
+    borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | import("framer-motion").CustomValueType | undefined;
+    borderInlineEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderInlineStartColor?: import("csstype").Property.BorderInlineStartColor | import("framer-motion").CustomValueType | undefined;
+    borderInlineStartStyle?: import("csstype").Property.BorderInlineStartStyle | import("framer-motion").CustomValueType | undefined;
+    borderInlineStartWidth?: import("csstype").Property.BorderInlineStartWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderInlineStyle?: import("csstype").Property.BorderInlineStyle | import("framer-motion").CustomValueType | undefined;
+    borderInlineWidth?: import("csstype").Property.BorderInlineWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderLeftColor?: import("csstype").Property.BorderLeftColor | import("framer-motion").CustomValueType | undefined;
+    borderLeftStyle?: import("csstype").Property.BorderLeftStyle | import("framer-motion").CustomValueType | undefined;
+    borderLeftWidth?: import("csstype").Property.BorderLeftWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderRightColor?: import("csstype").Property.BorderRightColor | import("framer-motion").CustomValueType | undefined;
+    borderRightStyle?: import("csstype").Property.BorderRightStyle | import("framer-motion").CustomValueType | undefined;
+    borderRightWidth?: import("csstype").Property.BorderRightWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderSpacing?: import("csstype").Property.BorderSpacing<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderTopColor?: import("csstype").Property.BorderTopColor | import("framer-motion").CustomValueType | undefined;
+    borderTopStyle?: import("csstype").Property.BorderTopStyle | import("framer-motion").CustomValueType | undefined;
+    boxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | import("framer-motion").CustomValueType | undefined;
+    boxShadow?: import("csstype").Property.BoxShadow | import("framer-motion").CustomValueType | undefined;
+    boxSizing?: import("csstype").Property.BoxSizing | import("framer-motion").CustomValueType | undefined;
+    breakAfter?: import("csstype").Property.BreakAfter | import("framer-motion").CustomValueType | undefined;
+    breakBefore?: import("csstype").Property.BreakBefore | import("framer-motion").CustomValueType | undefined;
+    breakInside?: import("csstype").Property.BreakInside | import("framer-motion").CustomValueType | undefined;
+    captionSide?: import("csstype").Property.CaptionSide | import("framer-motion").CustomValueType | undefined;
+    caretColor?: import("csstype").Property.CaretColor | import("framer-motion").CustomValueType | undefined;
+    caretShape?: import("csstype").Property.CaretShape | import("framer-motion").CustomValueType | undefined;
+    clear?: import("csstype").Property.Clear | import("framer-motion").CustomValueType | undefined;
+    colorAdjust?: import("csstype").Property.PrintColorAdjust | import("framer-motion").CustomValueType | undefined;
+    colorScheme?: import("csstype").Property.ColorScheme | import("framer-motion").CustomValueType | undefined;
+    columnCount?: import("csstype").Property.ColumnCount | import("framer-motion").CustomValueType | undefined;
+    columnFill?: import("csstype").Property.ColumnFill | import("framer-motion").CustomValueType | undefined;
+    columnRuleColor?: import("csstype").Property.ColumnRuleColor | import("framer-motion").CustomValueType | undefined;
+    columnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("framer-motion").CustomValueType | undefined;
+    columnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    columnSpan?: import("csstype").Property.ColumnSpan | import("framer-motion").CustomValueType | undefined;
+    columnWidth?: import("csstype").Property.ColumnWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    contain?: import("csstype").Property.Contain | import("framer-motion").CustomValueType | undefined;
+    containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | import("framer-motion").CustomValueType | undefined;
+    containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    containerName?: import("csstype").Property.ContainerName | import("framer-motion").CustomValueType | undefined;
+    containerType?: import("csstype").Property.ContainerType | import("framer-motion").CustomValueType | undefined;
+    contentVisibility?: import("csstype").Property.ContentVisibility | import("framer-motion").CustomValueType | undefined;
+    counterIncrement?: import("csstype").Property.CounterIncrement | import("framer-motion").CustomValueType | undefined;
+    counterReset?: import("csstype").Property.CounterReset | import("framer-motion").CustomValueType | undefined;
+    counterSet?: import("csstype").Property.CounterSet | import("framer-motion").CustomValueType | undefined;
+    emptyCells?: import("csstype").Property.EmptyCells | import("framer-motion").CustomValueType | undefined;
+    float?: import("csstype").Property.Float | import("framer-motion").CustomValueType | undefined;
+    fontFeatureSettings?: import("csstype").Property.FontFeatureSettings | import("framer-motion").CustomValueType | undefined;
+    fontKerning?: import("csstype").Property.FontKerning | import("framer-motion").CustomValueType | undefined;
+    fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | import("framer-motion").CustomValueType | undefined;
+    fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | import("framer-motion").CustomValueType | undefined;
+    fontPalette?: import("csstype").Property.FontPalette | import("framer-motion").CustomValueType | undefined;
+    fontSmooth?: import("csstype").Property.FontSmooth<string | number> | import("framer-motion").CustomValueType | undefined;
+    fontSynthesis?: import("csstype").Property.FontSynthesis | import("framer-motion").CustomValueType | undefined;
+    fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | import("framer-motion").CustomValueType | undefined;
+    fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | import("framer-motion").CustomValueType | undefined;
+    fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | import("framer-motion").CustomValueType | undefined;
+    fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | import("framer-motion").CustomValueType | undefined;
+    fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | import("framer-motion").CustomValueType | undefined;
+    fontVariantCaps?: import("csstype").Property.FontVariantCaps | import("framer-motion").CustomValueType | undefined;
+    fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | import("framer-motion").CustomValueType | undefined;
+    fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | import("framer-motion").CustomValueType | undefined;
+    fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | import("framer-motion").CustomValueType | undefined;
+    fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | import("framer-motion").CustomValueType | undefined;
+    fontVariantPosition?: import("csstype").Property.FontVariantPosition | import("framer-motion").CustomValueType | undefined;
+    fontVariationSettings?: import("csstype").Property.FontVariationSettings | import("framer-motion").CustomValueType | undefined;
+    forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | import("framer-motion").CustomValueType | undefined;
+    hangingPunctuation?: import("csstype").Property.HangingPunctuation | import("framer-motion").CustomValueType | undefined;
+    hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | import("framer-motion").CustomValueType | undefined;
+    hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | import("framer-motion").CustomValueType | undefined;
+    hyphens?: import("csstype").Property.Hyphens | import("framer-motion").CustomValueType | undefined;
+    imageOrientation?: import("csstype").Property.ImageOrientation | import("framer-motion").CustomValueType | undefined;
+    imageResolution?: import("csstype").Property.ImageResolution | import("framer-motion").CustomValueType | undefined;
+    initialLetter?: import("csstype").Property.InitialLetter | import("framer-motion").CustomValueType | undefined;
+    inlineSize?: import("csstype").Property.InlineSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    inputSecurity?: import("csstype").Property.InputSecurity | import("framer-motion").CustomValueType | undefined;
+    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    isolation?: import("csstype").Property.Isolation | import("framer-motion").CustomValueType | undefined;
+    justifyItems?: import("csstype").Property.JustifyItems | import("framer-motion").CustomValueType | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | import("framer-motion").CustomValueType | undefined;
+    justifyTracks?: import("csstype").Property.JustifyTracks | import("framer-motion").CustomValueType | undefined;
+    lineBreak?: import("csstype").Property.LineBreak | import("framer-motion").CustomValueType | undefined;
+    lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | import("framer-motion").CustomValueType | undefined;
+    listStyleImage?: import("csstype").Property.ListStyleImage | import("framer-motion").CustomValueType | undefined;
+    listStylePosition?: import("csstype").Property.ListStylePosition | import("framer-motion").CustomValueType | undefined;
+    listStyleType?: import("csstype").Property.ListStyleType | import("framer-motion").CustomValueType | undefined;
+    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginRight?: import("csstype").Property.MarginRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginTrim?: import("csstype").Property.MarginTrim | import("framer-motion").CustomValueType | undefined;
+    maskBorderMode?: import("csstype").Property.MaskBorderMode | import("framer-motion").CustomValueType | undefined;
+    maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | import("framer-motion").CustomValueType | undefined;
+    maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | import("framer-motion").CustomValueType | undefined;
+    maskBorderSlice?: import("csstype").Property.MaskBorderSlice | import("framer-motion").CustomValueType | undefined;
+    maskBorderSource?: import("csstype").Property.MaskBorderSource | import("framer-motion").CustomValueType | undefined;
+    maskBorderWidth?: import("csstype").Property.MaskBorderWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    maskClip?: import("csstype").Property.MaskClip | import("framer-motion").CustomValueType | undefined;
+    maskComposite?: import("csstype").Property.MaskComposite | import("framer-motion").CustomValueType | undefined;
+    maskImage?: import("csstype").Property.MaskImage | import("framer-motion").CustomValueType | undefined;
+    maskMode?: import("csstype").Property.MaskMode | import("framer-motion").CustomValueType | undefined;
+    maskOrigin?: import("csstype").Property.MaskOrigin | import("framer-motion").CustomValueType | undefined;
+    maskPosition?: import("csstype").Property.MaskPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    maskRepeat?: import("csstype").Property.MaskRepeat | import("framer-motion").CustomValueType | undefined;
+    maskSize?: import("csstype").Property.MaskSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    maskType?: import("csstype").Property.MaskType | import("framer-motion").CustomValueType | undefined;
+    masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | import("framer-motion").CustomValueType | undefined;
+    mathDepth?: import("csstype").Property.MathDepth | import("framer-motion").CustomValueType | undefined;
+    mathShift?: import("csstype").Property.MathShift | import("framer-motion").CustomValueType | undefined;
+    mathStyle?: import("csstype").Property.MathStyle | import("framer-motion").CustomValueType | undefined;
+    maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    maxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    maxLines?: import("csstype").Property.MaxLines | import("framer-motion").CustomValueType | undefined;
+    minBlockSize?: import("csstype").Property.MinBlockSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    minInlineSize?: import("csstype").Property.MinInlineSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    mixBlendMode?: import("csstype").Property.MixBlendMode | import("framer-motion").CustomValueType | undefined;
+    motionDistance?: import("csstype").Property.OffsetDistance<string | number> | import("framer-motion").CustomValueType | undefined;
+    motionPath?: import("csstype").Property.OffsetPath | import("framer-motion").CustomValueType | undefined;
+    motionRotation?: import("csstype").Property.OffsetRotate | import("framer-motion").CustomValueType | undefined;
+    objectFit?: import("csstype").Property.ObjectFit | import("framer-motion").CustomValueType | undefined;
+    objectPosition?: import("csstype").Property.ObjectPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetPath?: import("csstype").Property.OffsetPath | import("framer-motion").CustomValueType | undefined;
+    offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetRotate?: import("csstype").Property.OffsetRotate | import("framer-motion").CustomValueType | undefined;
+    offsetRotation?: import("csstype").Property.OffsetRotate | import("framer-motion").CustomValueType | undefined;
+    orphans?: import("csstype").Property.Orphans | import("framer-motion").CustomValueType | undefined;
+    outlineColor?: import("csstype").Property.OutlineColor | import("framer-motion").CustomValueType | undefined;
+    outlineOffset?: import("csstype").Property.OutlineOffset<string | number> | import("framer-motion").CustomValueType | undefined;
+    outlineStyle?: import("csstype").Property.OutlineStyle | import("framer-motion").CustomValueType | undefined;
+    outlineWidth?: import("csstype").Property.OutlineWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    overflowAnchor?: import("csstype").Property.OverflowAnchor | import("framer-motion").CustomValueType | undefined;
+    overflowBlock?: import("csstype").Property.OverflowBlock | import("framer-motion").CustomValueType | undefined;
+    overflowClipBox?: import("csstype").Property.OverflowClipBox | import("framer-motion").CustomValueType | undefined;
+    overflowClipMargin?: import("csstype").Property.OverflowClipMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    overflowInline?: import("csstype").Property.OverflowInline | import("framer-motion").CustomValueType | undefined;
+    overflowWrap?: import("csstype").Property.OverflowWrap | import("framer-motion").CustomValueType | undefined;
+    overflowX?: import("csstype").Property.OverflowX | import("framer-motion").CustomValueType | undefined;
+    overflowY?: import("csstype").Property.OverflowY | import("framer-motion").CustomValueType | undefined;
+    overlay?: import("csstype").Property.Overlay | import("framer-motion").CustomValueType | undefined;
+    overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | import("framer-motion").CustomValueType | undefined;
+    overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | import("framer-motion").CustomValueType | undefined;
+    overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | import("framer-motion").CustomValueType | undefined;
+    overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | import("framer-motion").CustomValueType | undefined;
+    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    page?: import("csstype").Property.Page | import("framer-motion").CustomValueType | undefined;
+    pageBreakAfter?: import("csstype").Property.PageBreakAfter | import("framer-motion").CustomValueType | undefined;
+    pageBreakBefore?: import("csstype").Property.PageBreakBefore | import("framer-motion").CustomValueType | undefined;
+    pageBreakInside?: import("csstype").Property.PageBreakInside | import("framer-motion").CustomValueType | undefined;
+    perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    printColorAdjust?: import("csstype").Property.PrintColorAdjust | import("framer-motion").CustomValueType | undefined;
+    quotes?: import("csstype").Property.Quotes | import("framer-motion").CustomValueType | undefined;
+    resize?: import("csstype").Property.Resize | import("framer-motion").CustomValueType | undefined;
+    rubyAlign?: import("csstype").Property.RubyAlign | import("framer-motion").CustomValueType | undefined;
+    rubyMerge?: import("csstype").Property.RubyMerge | import("framer-motion").CustomValueType | undefined;
+    rubyPosition?: import("csstype").Property.RubyPosition | import("framer-motion").CustomValueType | undefined;
+    scrollBehavior?: import("csstype").Property.ScrollBehavior | import("framer-motion").CustomValueType | undefined;
+    scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | import("framer-motion").CustomValueType | undefined;
+    scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapStop?: import("csstype").Property.ScrollSnapStop | import("framer-motion").CustomValueType | undefined;
+    scrollSnapType?: import("csstype").Property.ScrollSnapType | import("framer-motion").CustomValueType | undefined;
+    scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | import("framer-motion").CustomValueType | undefined;
+    scrollTimelineName?: import("csstype").Property.ScrollTimelineName | import("framer-motion").CustomValueType | undefined;
+    scrollbarColor?: import("csstype").Property.ScrollbarColor | import("framer-motion").CustomValueType | undefined;
+    scrollbarGutter?: import("csstype").Property.ScrollbarGutter | import("framer-motion").CustomValueType | undefined;
+    scrollbarWidth?: import("csstype").Property.ScrollbarWidth | import("framer-motion").CustomValueType | undefined;
+    shapeImageThreshold?: import("csstype").Property.ShapeImageThreshold | import("framer-motion").CustomValueType | undefined;
+    shapeMargin?: import("csstype").Property.ShapeMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    shapeOutside?: import("csstype").Property.ShapeOutside | import("framer-motion").CustomValueType | undefined;
+    tabSize?: import("csstype").Property.TabSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    tableLayout?: import("csstype").Property.TableLayout | import("framer-motion").CustomValueType | undefined;
+    textAlignLast?: import("csstype").Property.TextAlignLast | import("framer-motion").CustomValueType | undefined;
+    textCombineUpright?: import("csstype").Property.TextCombineUpright | import("framer-motion").CustomValueType | undefined;
+    textDecorationColor?: import("csstype").Property.TextDecorationColor | import("framer-motion").CustomValueType | undefined;
+    textDecorationLine?: import("csstype").Property.TextDecorationLine | import("framer-motion").CustomValueType | undefined;
+    textDecorationSkip?: import("csstype").Property.TextDecorationSkip | import("framer-motion").CustomValueType | undefined;
+    textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | import("framer-motion").CustomValueType | undefined;
+    textDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("framer-motion").CustomValueType | undefined;
+    textDecorationThickness?: import("csstype").Property.TextDecorationThickness<string | number> | import("framer-motion").CustomValueType | undefined;
+    textEmphasisColor?: import("csstype").Property.TextEmphasisColor | import("framer-motion").CustomValueType | undefined;
+    textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | import("framer-motion").CustomValueType | undefined;
+    textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | import("framer-motion").CustomValueType | undefined;
+    textIndent?: import("csstype").Property.TextIndent<string | number> | import("framer-motion").CustomValueType | undefined;
+    textJustify?: import("csstype").Property.TextJustify | import("framer-motion").CustomValueType | undefined;
+    textOrientation?: import("csstype").Property.TextOrientation | import("framer-motion").CustomValueType | undefined;
+    textOverflow?: import("csstype").Property.TextOverflow | import("framer-motion").CustomValueType | undefined;
+    textShadow?: import("csstype").Property.TextShadow | import("framer-motion").CustomValueType | undefined;
+    textSizeAdjust?: import("csstype").Property.TextSizeAdjust | import("framer-motion").CustomValueType | undefined;
+    textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | import("framer-motion").CustomValueType | undefined;
+    textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | import("framer-motion").CustomValueType | undefined;
+    textWrap?: import("csstype").Property.TextWrap | import("framer-motion").CustomValueType | undefined;
+    timelineScope?: import("csstype").Property.TimelineScope | import("framer-motion").CustomValueType | undefined;
+    touchAction?: import("csstype").Property.TouchAction | import("framer-motion").CustomValueType | undefined;
+    transformBox?: import("csstype").Property.TransformBox | import("framer-motion").CustomValueType | undefined;
+    transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    transformStyle?: import("csstype").Property.TransformStyle | import("framer-motion").CustomValueType | undefined;
+    transitionBehavior?: import("csstype").Property.TransitionBehavior | import("framer-motion").CustomValueType | undefined;
+    transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    transitionProperty?: import("csstype").Property.TransitionProperty | import("framer-motion").CustomValueType | undefined;
+    transitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | import("framer-motion").CustomValueType | undefined;
+    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | import("framer-motion").CustomValueType | undefined;
+    viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | import("framer-motion").CustomValueType | undefined;
+    viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | import("framer-motion").CustomValueType | undefined;
+    viewTimelineName?: import("csstype").Property.ViewTimelineName | import("framer-motion").CustomValueType | undefined;
+    viewTransitionName?: import("csstype").Property.ViewTransitionName | import("framer-motion").CustomValueType | undefined;
+    whiteSpace?: import("csstype").Property.WhiteSpace | import("framer-motion").CustomValueType | undefined;
+    whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | import("framer-motion").CustomValueType | undefined;
+    whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | import("framer-motion").CustomValueType | undefined;
+    widows?: import("csstype").Property.Widows | import("framer-motion").CustomValueType | undefined;
+    willChange?: import("csstype").Property.WillChange | import("framer-motion").CustomValueType | undefined;
+    wordBreak?: import("csstype").Property.WordBreak | import("framer-motion").CustomValueType | undefined;
+    wordWrap?: import("csstype").Property.WordWrap | import("framer-motion").CustomValueType | undefined;
+    zoom?: import("csstype").Property.Zoom | import("framer-motion").CustomValueType | undefined;
+    animationRange?: import("csstype").Property.AnimationRange<string | number> | import("framer-motion").CustomValueType | undefined;
+    backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlock?: import("csstype").Property.BorderBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderBottom?: import("csstype").Property.BorderBottom<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderImage?: import("csstype").Property.BorderImage | import("framer-motion").CustomValueType | undefined;
+    borderInline?: import("csstype").Property.BorderInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderLeft?: import("csstype").Property.BorderLeft<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderRight?: import("csstype").Property.BorderRight<string | number> | import("framer-motion").CustomValueType | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | import("framer-motion").CustomValueType | undefined;
+    borderTop?: import("csstype").Property.BorderTop<string | number> | import("framer-motion").CustomValueType | undefined;
+    caret?: import("csstype").Property.Caret | import("framer-motion").CustomValueType | undefined;
+    columnRule?: import("csstype").Property.ColumnRule<string | number> | import("framer-motion").CustomValueType | undefined;
+    columns?: import("csstype").Property.Columns<string | number> | import("framer-motion").CustomValueType | undefined;
+    containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    container?: import("csstype").Property.Container | import("framer-motion").CustomValueType | undefined;
+    flexFlow?: import("csstype").Property.FlexFlow | import("framer-motion").CustomValueType | undefined;
+    font?: import("csstype").Property.Font | import("framer-motion").CustomValueType | undefined;
+    inset?: import("csstype").Property.Inset<string | number> | import("framer-motion").CustomValueType | undefined;
+    insetBlock?: import("csstype").Property.InsetBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    insetInline?: import("csstype").Property.InsetInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    lineClamp?: import("csstype").Property.LineClamp | import("framer-motion").CustomValueType | undefined;
+    listStyle?: import("csstype").Property.ListStyle | import("framer-motion").CustomValueType | undefined;
+    marginBlock?: import("csstype").Property.MarginBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    marginInline?: import("csstype").Property.MarginInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    maskBorder?: import("csstype").Property.MaskBorder | import("framer-motion").CustomValueType | undefined;
+    motion?: import("csstype").Property.Offset<string | number> | import("framer-motion").CustomValueType | undefined;
+    outline?: import("csstype").Property.Outline<string | number> | import("framer-motion").CustomValueType | undefined;
+    overscrollBehavior?: import("csstype").Property.OverscrollBehavior | import("framer-motion").CustomValueType | undefined;
+    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    paddingInline?: import("csstype").Property.PaddingInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    placeContent?: import("csstype").Property.PlaceContent | import("framer-motion").CustomValueType | undefined;
+    placeItems?: import("csstype").Property.PlaceItems | import("framer-motion").CustomValueType | undefined;
+    placeSelf?: import("csstype").Property.PlaceSelf | import("framer-motion").CustomValueType | undefined;
+    scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollTimeline?: import("csstype").Property.ScrollTimeline | import("framer-motion").CustomValueType | undefined;
+    textEmphasis?: import("csstype").Property.TextEmphasis | import("framer-motion").CustomValueType | undefined;
+    viewTimeline?: import("csstype").Property.ViewTimeline | import("framer-motion").CustomValueType | undefined;
+    MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozAnimationDirection?: import("csstype").Property.AnimationDirection | import("framer-motion").CustomValueType | undefined;
+    MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozAnimationFillMode?: import("csstype").Property.AnimationFillMode | import("framer-motion").CustomValueType | undefined;
+    MozAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | import("framer-motion").CustomValueType | undefined;
+    MozAnimationName?: import("csstype").Property.AnimationName | import("framer-motion").CustomValueType | undefined;
+    MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | import("framer-motion").CustomValueType | undefined;
+    MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | import("framer-motion").CustomValueType | undefined;
+    MozAppearance?: import("csstype").Property.MozAppearance | import("framer-motion").CustomValueType | undefined;
+    MozBinding?: import("csstype").Property.MozBinding | import("framer-motion").CustomValueType | undefined;
+    MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | import("framer-motion").CustomValueType | undefined;
+    MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | import("framer-motion").CustomValueType | undefined;
+    MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | import("framer-motion").CustomValueType | undefined;
+    MozBorderEndWidth?: import("csstype").Property.BorderInlineEndWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderLeftColors?: import("csstype").Property.MozBorderLeftColors | import("framer-motion").CustomValueType | undefined;
+    MozBorderRightColors?: import("csstype").Property.MozBorderRightColors | import("framer-motion").CustomValueType | undefined;
+    MozBorderStartColor?: import("csstype").Property.BorderInlineStartColor | import("framer-motion").CustomValueType | undefined;
+    MozBorderStartStyle?: import("csstype").Property.BorderInlineStartStyle | import("framer-motion").CustomValueType | undefined;
+    MozBorderTopColors?: import("csstype").Property.MozBorderTopColors | import("framer-motion").CustomValueType | undefined;
+    MozBoxSizing?: import("csstype").Property.BoxSizing | import("framer-motion").CustomValueType | undefined;
+    MozColumnCount?: import("csstype").Property.ColumnCount | import("framer-motion").CustomValueType | undefined;
+    MozColumnFill?: import("csstype").Property.ColumnFill | import("framer-motion").CustomValueType | undefined;
+    MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("framer-motion").CustomValueType | undefined;
+    MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("framer-motion").CustomValueType | undefined;
+    MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozContextProperties?: import("csstype").Property.MozContextProperties | import("framer-motion").CustomValueType | undefined;
+    MozFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | import("framer-motion").CustomValueType | undefined;
+    MozFontLanguageOverride?: import("csstype").Property.FontLanguageOverride | import("framer-motion").CustomValueType | undefined;
+    MozHyphens?: import("csstype").Property.Hyphens | import("framer-motion").CustomValueType | undefined;
+    MozImageRegion?: import("csstype").Property.MozImageRegion | import("framer-motion").CustomValueType | undefined;
+    MozMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOrient?: import("csstype").Property.MozOrient | import("framer-motion").CustomValueType | undefined;
+    MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozStackSizing?: import("csstype").Property.MozStackSizing | import("framer-motion").CustomValueType | undefined;
+    MozTabSize?: import("csstype").Property.TabSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozTextBlink?: import("csstype").Property.MozTextBlink | import("framer-motion").CustomValueType | undefined;
+    MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | import("framer-motion").CustomValueType | undefined;
+    MozUserFocus?: import("csstype").Property.MozUserFocus | import("framer-motion").CustomValueType | undefined;
+    MozUserModify?: import("csstype").Property.MozUserModify | import("framer-motion").CustomValueType | undefined;
+    MozUserSelect?: import("csstype").Property.UserSelect | import("framer-motion").CustomValueType | undefined;
+    MozWindowDragging?: import("csstype").Property.MozWindowDragging | import("framer-motion").CustomValueType | undefined;
+    MozWindowShadow?: import("csstype").Property.MozWindowShadow | import("framer-motion").CustomValueType | undefined;
+    msAccelerator?: import("csstype").Property.MsAccelerator | import("framer-motion").CustomValueType | undefined;
+    msBlockProgression?: import("csstype").Property.MsBlockProgression | import("framer-motion").CustomValueType | undefined;
+    msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | import("framer-motion").CustomValueType | undefined;
+    msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | import("framer-motion").CustomValueType | undefined;
+    msContentZoomLimitMin?: import("csstype").Property.MsContentZoomLimitMin | import("framer-motion").CustomValueType | undefined;
+    msContentZoomSnapPoints?: import("csstype").Property.MsContentZoomSnapPoints | import("framer-motion").CustomValueType | undefined;
+    msContentZoomSnapType?: import("csstype").Property.MsContentZoomSnapType | import("framer-motion").CustomValueType | undefined;
+    msContentZooming?: import("csstype").Property.MsContentZooming | import("framer-motion").CustomValueType | undefined;
+    msFilter?: import("csstype").Property.MsFilter | import("framer-motion").CustomValueType | undefined;
+    msFlexDirection?: import("csstype").Property.FlexDirection | import("framer-motion").CustomValueType | undefined;
+    msFlexPositive?: import("csstype").Property.FlexGrow | import("framer-motion").CustomValueType | undefined;
+    msFlowFrom?: import("csstype").Property.MsFlowFrom | import("framer-motion").CustomValueType | undefined;
+    msFlowInto?: import("csstype").Property.MsFlowInto | import("framer-motion").CustomValueType | undefined;
+    msGridColumns?: import("csstype").Property.MsGridColumns<string | number> | import("framer-motion").CustomValueType | undefined;
+    msGridRows?: import("csstype").Property.MsGridRows<string | number> | import("framer-motion").CustomValueType | undefined;
+    msHighContrastAdjust?: import("csstype").Property.MsHighContrastAdjust | import("framer-motion").CustomValueType | undefined;
+    msHyphenateLimitChars?: import("csstype").Property.MsHyphenateLimitChars | import("framer-motion").CustomValueType | undefined;
+    msHyphenateLimitLines?: import("csstype").Property.MsHyphenateLimitLines | import("framer-motion").CustomValueType | undefined;
+    msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number> | import("framer-motion").CustomValueType | undefined;
+    msHyphens?: import("csstype").Property.Hyphens | import("framer-motion").CustomValueType | undefined;
+    msImeAlign?: import("csstype").Property.MsImeAlign | import("framer-motion").CustomValueType | undefined;
+    msLineBreak?: import("csstype").Property.LineBreak | import("framer-motion").CustomValueType | undefined;
+    msOrder?: import("csstype").Property.Order | import("framer-motion").CustomValueType | undefined;
+    msOverflowStyle?: import("csstype").Property.MsOverflowStyle | import("framer-motion").CustomValueType | undefined;
+    msOverflowX?: import("csstype").Property.OverflowX | import("framer-motion").CustomValueType | undefined;
+    msOverflowY?: import("csstype").Property.OverflowY | import("framer-motion").CustomValueType | undefined;
+    msScrollChaining?: import("csstype").Property.MsScrollChaining | import("framer-motion").CustomValueType | undefined;
+    msScrollLimitXMax?: import("csstype").Property.MsScrollLimitXMax<string | number> | import("framer-motion").CustomValueType | undefined;
+    msScrollLimitXMin?: import("csstype").Property.MsScrollLimitXMin<string | number> | import("framer-motion").CustomValueType | undefined;
+    msScrollLimitYMax?: import("csstype").Property.MsScrollLimitYMax<string | number> | import("framer-motion").CustomValueType | undefined;
+    msScrollLimitYMin?: import("csstype").Property.MsScrollLimitYMin<string | number> | import("framer-motion").CustomValueType | undefined;
+    msScrollRails?: import("csstype").Property.MsScrollRails | import("framer-motion").CustomValueType | undefined;
+    msScrollSnapPointsX?: import("csstype").Property.MsScrollSnapPointsX | import("framer-motion").CustomValueType | undefined;
+    msScrollSnapPointsY?: import("csstype").Property.MsScrollSnapPointsY | import("framer-motion").CustomValueType | undefined;
+    msScrollSnapType?: import("csstype").Property.MsScrollSnapType | import("framer-motion").CustomValueType | undefined;
+    msScrollTranslation?: import("csstype").Property.MsScrollTranslation | import("framer-motion").CustomValueType | undefined;
+    msScrollbar3dlightColor?: import("csstype").Property.MsScrollbar3dlightColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarArrowColor?: import("csstype").Property.MsScrollbarArrowColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarBaseColor?: import("csstype").Property.MsScrollbarBaseColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarDarkshadowColor?: import("csstype").Property.MsScrollbarDarkshadowColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | import("framer-motion").CustomValueType | undefined;
+    msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("framer-motion").CustomValueType | undefined;
+    msTextAutospace?: import("csstype").Property.MsTextAutospace | import("framer-motion").CustomValueType | undefined;
+    msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | import("framer-motion").CustomValueType | undefined;
+    msTextOverflow?: import("csstype").Property.TextOverflow | import("framer-motion").CustomValueType | undefined;
+    msTouchAction?: import("csstype").Property.TouchAction | import("framer-motion").CustomValueType | undefined;
+    msTouchSelect?: import("csstype").Property.MsTouchSelect | import("framer-motion").CustomValueType | undefined;
+    msTransform?: import("csstype").Property.Transform | import("framer-motion").CustomValueType | undefined;
+    msTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    msTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    msTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    msTransitionProperty?: import("csstype").Property.TransitionProperty | import("framer-motion").CustomValueType | undefined;
+    msTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | import("framer-motion").CustomValueType | undefined;
+    msUserSelect?: import("csstype").Property.MsUserSelect | import("framer-motion").CustomValueType | undefined;
+    msWordBreak?: import("csstype").Property.WordBreak | import("framer-motion").CustomValueType | undefined;
+    msWrapFlow?: import("csstype").Property.MsWrapFlow | import("framer-motion").CustomValueType | undefined;
+    msWrapMargin?: import("csstype").Property.MsWrapMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    msWrapThrough?: import("csstype").Property.MsWrapThrough | import("framer-motion").CustomValueType | undefined;
+    msWritingMode?: import("csstype").Property.WritingMode | import("framer-motion").CustomValueType | undefined;
+    WebkitAlignContent?: import("csstype").Property.AlignContent | import("framer-motion").CustomValueType | undefined;
+    WebkitAlignItems?: import("csstype").Property.AlignItems | import("framer-motion").CustomValueType | undefined;
+    WebkitAlignSelf?: import("csstype").Property.AlignSelf | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationDirection?: import("csstype").Property.AnimationDirection | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationFillMode?: import("csstype").Property.AnimationFillMode | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationName?: import("csstype").Property.AnimationName | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationPlayState?: import("csstype").Property.AnimationPlayState | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | import("framer-motion").CustomValueType | undefined;
+    WebkitAppearance?: import("csstype").Property.WebkitAppearance | import("framer-motion").CustomValueType | undefined;
+    WebkitBackdropFilter?: import("csstype").Property.BackdropFilter | import("framer-motion").CustomValueType | undefined;
+    WebkitBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | import("framer-motion").CustomValueType | undefined;
+    WebkitBackgroundClip?: import("csstype").Property.BackgroundClip | import("framer-motion").CustomValueType | undefined;
+    WebkitBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | import("framer-motion").CustomValueType | undefined;
+    WebkitBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBeforeColor?: import("csstype").Property.WebkitBorderBeforeColor | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBeforeStyle?: import("csstype").Property.WebkitBorderBeforeStyle | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBeforeWidth?: import("csstype").Property.WebkitBorderBeforeWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderImageSlice?: import("csstype").Property.BorderImageSlice | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxReflect?: import("csstype").Property.WebkitBoxReflect<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxShadow?: import("csstype").Property.BoxShadow | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxSizing?: import("csstype").Property.BoxSizing | import("framer-motion").CustomValueType | undefined;
+    WebkitClipPath?: import("csstype").Property.ClipPath | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnCount?: import("csstype").Property.ColumnCount | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnFill?: import("csstype").Property.ColumnFill | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnSpan?: import("csstype").Property.ColumnSpan | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitFilter?: import("csstype").Property.Filter | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexBasis?: import("csstype").Property.FlexBasis<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexDirection?: import("csstype").Property.FlexDirection | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexGrow?: import("csstype").Property.FlexGrow | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexShrink?: import("csstype").Property.FlexShrink | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexWrap?: import("csstype").Property.FlexWrap | import("framer-motion").CustomValueType | undefined;
+    WebkitFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | import("framer-motion").CustomValueType | undefined;
+    WebkitFontKerning?: import("csstype").Property.FontKerning | import("framer-motion").CustomValueType | undefined;
+    WebkitFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitFontVariantLigatures?: import("csstype").Property.FontVariantLigatures | import("framer-motion").CustomValueType | undefined;
+    WebkitHyphenateCharacter?: import("csstype").Property.HyphenateCharacter | import("framer-motion").CustomValueType | undefined;
+    WebkitHyphens?: import("csstype").Property.Hyphens | import("framer-motion").CustomValueType | undefined;
+    WebkitInitialLetter?: import("csstype").Property.InitialLetter | import("framer-motion").CustomValueType | undefined;
+    WebkitJustifyContent?: import("csstype").Property.JustifyContent | import("framer-motion").CustomValueType | undefined;
+    WebkitLineBreak?: import("csstype").Property.LineBreak | import("framer-motion").CustomValueType | undefined;
+    WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | import("framer-motion").CustomValueType | undefined;
+    WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImageOutset?: import("csstype").Property.MaskBorderOutset<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImageRepeat?: import("csstype").Property.MaskBorderRepeat | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImageSlice?: import("csstype").Property.MaskBorderSlice | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImageSource?: import("csstype").Property.MaskBorderSource | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImageWidth?: import("csstype").Property.MaskBorderWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskClip?: import("csstype").Property.WebkitMaskClip | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskComposite?: import("csstype").Property.WebkitMaskComposite | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskImage?: import("csstype").Property.WebkitMaskImage | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskOrigin?: import("csstype").Property.WebkitMaskOrigin | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskPosition?: import("csstype").Property.WebkitMaskPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskPositionX?: import("csstype").Property.WebkitMaskPositionX<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskPositionY?: import("csstype").Property.WebkitMaskPositionY<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskRepeat?: import("csstype").Property.WebkitMaskRepeat | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskRepeatX?: import("csstype").Property.WebkitMaskRepeatX | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskRepeatY?: import("csstype").Property.WebkitMaskRepeatY | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskSize?: import("csstype").Property.WebkitMaskSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitOrder?: import("csstype").Property.Order | import("framer-motion").CustomValueType | undefined;
+    WebkitOverflowScrolling?: import("csstype").Property.WebkitOverflowScrolling | import("framer-motion").CustomValueType | undefined;
+    WebkitPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitPerspective?: import("csstype").Property.Perspective<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitPrintColorAdjust?: import("csstype").Property.PrintColorAdjust | import("framer-motion").CustomValueType | undefined;
+    WebkitRubyPosition?: import("csstype").Property.RubyPosition | import("framer-motion").CustomValueType | undefined;
+    WebkitScrollSnapType?: import("csstype").Property.ScrollSnapType | import("framer-motion").CustomValueType | undefined;
+    WebkitShapeMargin?: import("csstype").Property.ShapeMargin<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitTapHighlightColor?: import("csstype").Property.WebkitTapHighlightColor | import("framer-motion").CustomValueType | undefined;
+    WebkitTextCombine?: import("csstype").Property.TextCombineUpright | import("framer-motion").CustomValueType | undefined;
+    WebkitTextDecorationColor?: import("csstype").Property.TextDecorationColor | import("framer-motion").CustomValueType | undefined;
+    WebkitTextDecorationLine?: import("csstype").Property.TextDecorationLine | import("framer-motion").CustomValueType | undefined;
+    WebkitTextDecorationSkip?: import("csstype").Property.TextDecorationSkip | import("framer-motion").CustomValueType | undefined;
+    WebkitTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("framer-motion").CustomValueType | undefined;
+    WebkitTextEmphasisColor?: import("csstype").Property.TextEmphasisColor | import("framer-motion").CustomValueType | undefined;
+    WebkitTextEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | import("framer-motion").CustomValueType | undefined;
+    WebkitTextEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | import("framer-motion").CustomValueType | undefined;
+    WebkitTextFillColor?: import("csstype").Property.WebkitTextFillColor | import("framer-motion").CustomValueType | undefined;
+    WebkitTextOrientation?: import("csstype").Property.TextOrientation | import("framer-motion").CustomValueType | undefined;
+    WebkitTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | import("framer-motion").CustomValueType | undefined;
+    WebkitTextStrokeColor?: import("csstype").Property.WebkitTextStrokeColor | import("framer-motion").CustomValueType | undefined;
+    WebkitTextStrokeWidth?: import("csstype").Property.WebkitTextStrokeWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitTextUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | import("framer-motion").CustomValueType | undefined;
+    WebkitTouchCallout?: import("csstype").Property.WebkitTouchCallout | import("framer-motion").CustomValueType | undefined;
+    WebkitTransform?: import("csstype").Property.Transform | import("framer-motion").CustomValueType | undefined;
+    WebkitTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitTransformStyle?: import("csstype").Property.TransformStyle | import("framer-motion").CustomValueType | undefined;
+    WebkitTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitTransitionProperty?: import("csstype").Property.TransitionProperty | import("framer-motion").CustomValueType | undefined;
+    WebkitTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | import("framer-motion").CustomValueType | undefined;
+    WebkitUserModify?: import("csstype").Property.WebkitUserModify | import("framer-motion").CustomValueType | undefined;
+    WebkitUserSelect?: import("csstype").Property.UserSelect | import("framer-motion").CustomValueType | undefined;
+    WebkitWritingMode?: import("csstype").Property.WritingMode | import("framer-motion").CustomValueType | undefined;
+    MozAnimation?: import("csstype").Property.Animation<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozBorderImage?: import("csstype").Property.BorderImage | import("framer-motion").CustomValueType | undefined;
+    MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozColumns?: import("csstype").Property.Columns<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | import("framer-motion").CustomValueType | undefined;
+    msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | import("framer-motion").CustomValueType | undefined;
+    msFlex?: import("csstype").Property.Flex<string | number> | import("framer-motion").CustomValueType | undefined;
+    msScrollLimit?: import("csstype").Property.MsScrollLimit | import("framer-motion").CustomValueType | undefined;
+    msScrollSnapX?: import("csstype").Property.MsScrollSnapX | import("framer-motion").CustomValueType | undefined;
+    msScrollSnapY?: import("csstype").Property.MsScrollSnapY | import("framer-motion").CustomValueType | undefined;
+    msTransition?: import("csstype").Property.Transition<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitAnimation?: import("csstype").Property.Animation<string & {}> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderBefore?: import("csstype").Property.WebkitBorderBefore<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderImage?: import("csstype").Property.BorderImage | import("framer-motion").CustomValueType | undefined;
+    WebkitBorderRadius?: import("csstype").Property.BorderRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitColumnRule?: import("csstype").Property.ColumnRule<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitColumns?: import("csstype").Property.Columns<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitFlex?: import("csstype").Property.Flex<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitFlexFlow?: import("csstype").Property.FlexFlow | import("framer-motion").CustomValueType | undefined;
+    WebkitMask?: import("csstype").Property.WebkitMask<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | import("framer-motion").CustomValueType | undefined;
+    WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | import("framer-motion").CustomValueType | undefined;
+    WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number> | import("framer-motion").CustomValueType | undefined;
+    WebkitTransition?: import("csstype").Property.Transition<string & {}> | import("framer-motion").CustomValueType | undefined;
+    boxAlign?: import("csstype").Property.BoxAlign | import("framer-motion").CustomValueType | undefined;
+    boxDirection?: import("csstype").Property.BoxDirection | import("framer-motion").CustomValueType | undefined;
+    boxFlex?: import("csstype").Property.BoxFlex | import("framer-motion").CustomValueType | undefined;
+    boxFlexGroup?: import("csstype").Property.BoxFlexGroup | import("framer-motion").CustomValueType | undefined;
+    boxLines?: import("csstype").Property.BoxLines | import("framer-motion").CustomValueType | undefined;
+    boxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | import("framer-motion").CustomValueType | undefined;
+    boxOrient?: import("csstype").Property.BoxOrient | import("framer-motion").CustomValueType | undefined;
+    boxPack?: import("csstype").Property.BoxPack | import("framer-motion").CustomValueType | undefined;
+    gridColumnGap?: import("csstype").Property.GridColumnGap<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridGap?: import("csstype").Property.GridGap<string | number> | import("framer-motion").CustomValueType | undefined;
+    gridRowGap?: import("csstype").Property.GridRowGap<string | number> | import("framer-motion").CustomValueType | undefined;
+    imeMode?: import("csstype").Property.ImeMode | import("framer-motion").CustomValueType | undefined;
+    offsetBlock?: import("csstype").Property.InsetBlock<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetInline?: import("csstype").Property.InsetInline<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | import("framer-motion").CustomValueType | undefined;
+    offsetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapCoordinate?: import("csstype").Property.ScrollSnapCoordinate<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapDestination?: import("csstype").Property.ScrollSnapDestination<string | number> | import("framer-motion").CustomValueType | undefined;
+    scrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | import("framer-motion").CustomValueType | undefined;
+    scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | import("framer-motion").CustomValueType | undefined;
+    scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | import("framer-motion").CustomValueType | undefined;
+    scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxAlign?: import("csstype").Property.BoxAlign | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxDirection?: import("csstype").Property.BoxDirection | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxFlex?: import("csstype").Property.BoxFlex | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxFlexGroup?: import("csstype").Property.BoxFlexGroup | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxLines?: import("csstype").Property.BoxLines | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxOrient?: import("csstype").Property.BoxOrient | import("framer-motion").CustomValueType | undefined;
+    KhtmlBoxPack?: import("csstype").Property.BoxPack | import("framer-motion").CustomValueType | undefined;
+    KhtmlLineBreak?: import("csstype").Property.LineBreak | import("framer-motion").CustomValueType | undefined;
+    KhtmlOpacity?: import("csstype").Property.Opacity | import("framer-motion").CustomValueType | undefined;
+    KhtmlUserSelect?: import("csstype").Property.UserSelect | import("framer-motion").CustomValueType | undefined;
+    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | import("framer-motion").CustomValueType | undefined;
+    MozBackgroundClip?: import("csstype").Property.BackgroundClip | import("framer-motion").CustomValueType | undefined;
+    MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | import("framer-motion").CustomValueType | undefined;
+    MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | import("framer-motion").CustomValueType | undefined;
+    MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderRadiusTopleft?: import("csstype").Property.BorderTopLeftRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBorderRadiusTopright?: import("csstype").Property.BorderTopRightRadius<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozBoxAlign?: import("csstype").Property.BoxAlign | import("framer-motion").CustomValueType | undefined;
+    MozBoxDirection?: import("csstype").Property.BoxDirection | import("framer-motion").CustomValueType | undefined;
+    MozBoxFlex?: import("csstype").Property.BoxFlex | import("framer-motion").CustomValueType | undefined;
+    MozBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | import("framer-motion").CustomValueType | undefined;
+    MozBoxOrient?: import("csstype").Property.BoxOrient | import("framer-motion").CustomValueType | undefined;
+    MozBoxPack?: import("csstype").Property.BoxPack | import("framer-motion").CustomValueType | undefined;
+    MozBoxShadow?: import("csstype").Property.BoxShadow | import("framer-motion").CustomValueType | undefined;
+    MozFloatEdge?: import("csstype").Property.MozFloatEdge | import("framer-motion").CustomValueType | undefined;
+    MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | import("framer-motion").CustomValueType | undefined;
+    MozOpacity?: import("csstype").Property.Opacity | import("framer-motion").CustomValueType | undefined;
+    MozOutline?: import("csstype").Property.Outline<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozOutlineColor?: import("csstype").Property.OutlineColor | import("framer-motion").CustomValueType | undefined;
+    MozOutlineStyle?: import("csstype").Property.OutlineStyle | import("framer-motion").CustomValueType | undefined;
+    MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozPerspective?: import("csstype").Property.Perspective<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozTextAlignLast?: import("csstype").Property.TextAlignLast | import("framer-motion").CustomValueType | undefined;
+    MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | import("framer-motion").CustomValueType | undefined;
+    MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | import("framer-motion").CustomValueType | undefined;
+    MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("framer-motion").CustomValueType | undefined;
+    MozTransform?: import("csstype").Property.Transform | import("framer-motion").CustomValueType | undefined;
+    MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    MozTransformStyle?: import("csstype").Property.TransformStyle | import("framer-motion").CustomValueType | undefined;
+    MozTransition?: import("csstype").Property.Transition<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    MozTransitionProperty?: import("csstype").Property.TransitionProperty | import("framer-motion").CustomValueType | undefined;
+    MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | import("framer-motion").CustomValueType | undefined;
+    MozUserInput?: import("csstype").Property.MozUserInput | import("framer-motion").CustomValueType | undefined;
+    msImeMode?: import("csstype").Property.ImeMode | import("framer-motion").CustomValueType | undefined;
+    OAnimation?: import("csstype").Property.Animation<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OAnimationDirection?: import("csstype").Property.AnimationDirection | import("framer-motion").CustomValueType | undefined;
+    OAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OAnimationFillMode?: import("csstype").Property.AnimationFillMode | import("framer-motion").CustomValueType | undefined;
+    OAnimationIterationCount?: import("csstype").Property.AnimationIterationCount | import("framer-motion").CustomValueType | undefined;
+    OAnimationName?: import("csstype").Property.AnimationName | import("framer-motion").CustomValueType | undefined;
+    OAnimationPlayState?: import("csstype").Property.AnimationPlayState | import("framer-motion").CustomValueType | undefined;
+    OAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | import("framer-motion").CustomValueType | undefined;
+    OBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    OBorderImage?: import("csstype").Property.BorderImage | import("framer-motion").CustomValueType | undefined;
+    OObjectFit?: import("csstype").Property.ObjectFit | import("framer-motion").CustomValueType | undefined;
+    OObjectPosition?: import("csstype").Property.ObjectPosition<string | number> | import("framer-motion").CustomValueType | undefined;
+    OTabSize?: import("csstype").Property.TabSize<string | number> | import("framer-motion").CustomValueType | undefined;
+    OTextOverflow?: import("csstype").Property.TextOverflow | import("framer-motion").CustomValueType | undefined;
+    OTransform?: import("csstype").Property.Transform | import("framer-motion").CustomValueType | undefined;
+    OTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | import("framer-motion").CustomValueType | undefined;
+    OTransition?: import("csstype").Property.Transition<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | import("framer-motion").CustomValueType | undefined;
+    OTransitionProperty?: import("csstype").Property.TransitionProperty | import("framer-motion").CustomValueType | undefined;
+    OTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxAlign?: import("csstype").Property.BoxAlign | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxDirection?: import("csstype").Property.BoxDirection | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxFlex?: import("csstype").Property.BoxFlex | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxFlexGroup?: import("csstype").Property.BoxFlexGroup | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxLines?: import("csstype").Property.BoxLines | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxOrient?: import("csstype").Property.BoxOrient | import("framer-motion").CustomValueType | undefined;
+    WebkitBoxPack?: import("csstype").Property.BoxPack | import("framer-motion").CustomValueType | undefined;
+    suppressHydrationWarning?: boolean | import("framer-motion").CustomValueType | undefined;
+    className?: string | import("framer-motion").CustomValueType | undefined;
+    id?: string | import("framer-motion").CustomValueType | undefined;
+    lang?: string | import("framer-motion").CustomValueType | undefined;
+    max?: string | number | import("framer-motion").CustomValueType | undefined;
+    media?: string | import("framer-motion").CustomValueType | undefined;
+    method?: string | import("framer-motion").CustomValueType | undefined;
+    min?: string | number | import("framer-motion").CustomValueType | undefined;
+    name?: string | import("framer-motion").CustomValueType | undefined;
+    style?: import("react").CSSProperties | import("framer-motion").CustomValueType | undefined;
+    target?: string | import("framer-motion").CustomValueType | undefined;
+    type?: string | import("framer-motion").CustomValueType | undefined;
+    role?: import("react").AriaRole | import("framer-motion").CustomValueType | undefined;
+    tabIndex?: number | import("framer-motion").CustomValueType | undefined;
+    crossOrigin?: ("" | "anonymous" | "use-credentials" | undefined) | import("framer-motion").CustomValueType;
+    accentHeight?: string | number | import("framer-motion").CustomValueType | undefined;
+    accumulate?: "none" | "sum" | import("framer-motion").CustomValueType | undefined;
+    additive?: "replace" | "sum" | import("framer-motion").CustomValueType | undefined;
+    allowReorder?: "no" | "yes" | import("framer-motion").CustomValueType | undefined;
+    alphabetic?: string | number | import("framer-motion").CustomValueType | undefined;
+    amplitude?: string | number | import("framer-motion").CustomValueType | undefined;
+    arabicForm?: "initial" | "medial" | "terminal" | "isolated" | import("framer-motion").CustomValueType | undefined;
+    ascent?: string | number | import("framer-motion").CustomValueType | undefined;
+    attributeName?: string | import("framer-motion").CustomValueType | undefined;
+    attributeType?: string | import("framer-motion").CustomValueType | undefined;
+    autoReverse?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    baseFrequency?: string | number | import("framer-motion").CustomValueType | undefined;
+    baseProfile?: string | number | import("framer-motion").CustomValueType | undefined;
+    bbox?: string | number | import("framer-motion").CustomValueType | undefined;
+    begin?: string | number | import("framer-motion").CustomValueType | undefined;
+    bias?: string | number | import("framer-motion").CustomValueType | undefined;
+    by?: string | number | import("framer-motion").CustomValueType | undefined;
+    calcMode?: string | number | import("framer-motion").CustomValueType | undefined;
+    capHeight?: string | number | import("framer-motion").CustomValueType | undefined;
+    clipPathUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    colorInterpolationFilters?: "inherit" | "auto" | "linearRGB" | "sRGB" | import("framer-motion").CustomValueType | undefined;
+    colorProfile?: string | number | import("framer-motion").CustomValueType | undefined;
+    contentScriptType?: string | number | import("framer-motion").CustomValueType | undefined;
+    contentStyleType?: string | number | import("framer-motion").CustomValueType | undefined;
+    cx?: string | number | import("framer-motion").CustomValueType | undefined;
+    cy?: string | number | import("framer-motion").CustomValueType | undefined;
+    d?: string | import("framer-motion").CustomValueType | undefined;
+    decelerate?: string | number | import("framer-motion").CustomValueType | undefined;
+    descent?: string | number | import("framer-motion").CustomValueType | undefined;
+    diffuseConstant?: string | number | import("framer-motion").CustomValueType | undefined;
+    divisor?: string | number | import("framer-motion").CustomValueType | undefined;
+    dur?: string | number | import("framer-motion").CustomValueType | undefined;
+    dx?: string | number | import("framer-motion").CustomValueType | undefined;
+    dy?: string | number | import("framer-motion").CustomValueType | undefined;
+    edgeMode?: string | number | import("framer-motion").CustomValueType | undefined;
+    elevation?: string | number | import("framer-motion").CustomValueType | undefined;
+    enableBackground?: string | number | import("framer-motion").CustomValueType | undefined;
+    end?: string | number | import("framer-motion").CustomValueType | undefined;
+    exponent?: string | number | import("framer-motion").CustomValueType | undefined;
+    externalResourcesRequired?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    filterRes?: string | number | import("framer-motion").CustomValueType | undefined;
+    filterUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    focusable?: "auto" | (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    format?: string | number | import("framer-motion").CustomValueType | undefined;
+    fr?: string | number | import("framer-motion").CustomValueType | undefined;
+    from?: string | number | import("framer-motion").CustomValueType | undefined;
+    fx?: string | number | import("framer-motion").CustomValueType | undefined;
+    fy?: string | number | import("framer-motion").CustomValueType | undefined;
+    g1?: string | number | import("framer-motion").CustomValueType | undefined;
+    g2?: string | number | import("framer-motion").CustomValueType | undefined;
+    glyphName?: string | number | import("framer-motion").CustomValueType | undefined;
+    glyphOrientationHorizontal?: string | number | import("framer-motion").CustomValueType | undefined;
+    glyphRef?: string | number | import("framer-motion").CustomValueType | undefined;
+    gradientTransform?: string | import("framer-motion").CustomValueType | undefined;
+    gradientUnits?: string | import("framer-motion").CustomValueType | undefined;
+    hanging?: string | number | import("framer-motion").CustomValueType | undefined;
+    horizAdvX?: string | number | import("framer-motion").CustomValueType | undefined;
+    horizOriginX?: string | number | import("framer-motion").CustomValueType | undefined;
+    href?: string | import("framer-motion").CustomValueType | undefined;
+    ideographic?: string | number | import("framer-motion").CustomValueType | undefined;
+    in2?: string | number | import("framer-motion").CustomValueType | undefined;
+    in?: string | import("framer-motion").CustomValueType | undefined;
+    intercept?: string | number | import("framer-motion").CustomValueType | undefined;
+    k1?: string | number | import("framer-motion").CustomValueType | undefined;
+    k2?: string | number | import("framer-motion").CustomValueType | undefined;
+    k3?: string | number | import("framer-motion").CustomValueType | undefined;
+    k4?: string | number | import("framer-motion").CustomValueType | undefined;
+    k?: string | number | import("framer-motion").CustomValueType | undefined;
+    kernelMatrix?: string | number | import("framer-motion").CustomValueType | undefined;
+    kernelUnitLength?: string | number | import("framer-motion").CustomValueType | undefined;
+    kerning?: string | number | import("framer-motion").CustomValueType | undefined;
+    keyPoints?: string | number | import("framer-motion").CustomValueType | undefined;
+    keySplines?: string | number | import("framer-motion").CustomValueType | undefined;
+    keyTimes?: string | number | import("framer-motion").CustomValueType | undefined;
+    lengthAdjust?: string | number | import("framer-motion").CustomValueType | undefined;
+    limitingConeAngle?: string | number | import("framer-motion").CustomValueType | undefined;
+    local?: string | number | import("framer-motion").CustomValueType | undefined;
+    markerHeight?: string | number | import("framer-motion").CustomValueType | undefined;
+    markerUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    markerWidth?: string | number | import("framer-motion").CustomValueType | undefined;
+    maskContentUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    maskUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    mathematical?: string | number | import("framer-motion").CustomValueType | undefined;
+    mode?: string | number | import("framer-motion").CustomValueType | undefined;
+    numOctaves?: string | number | import("framer-motion").CustomValueType | undefined;
+    operator?: string | number | import("framer-motion").CustomValueType | undefined;
+    orient?: string | number | import("framer-motion").CustomValueType | undefined;
+    orientation?: string | number | import("framer-motion").CustomValueType | undefined;
+    origin?: string | number | import("framer-motion").CustomValueType | undefined;
+    overlinePosition?: string | number | import("framer-motion").CustomValueType | undefined;
+    overlineThickness?: string | number | import("framer-motion").CustomValueType | undefined;
+    panose1?: string | number | import("framer-motion").CustomValueType | undefined;
+    path?: string | import("framer-motion").CustomValueType | undefined;
+    pathLength?: number | import("framer-motion").CustomValueType | undefined;
+    patternContentUnits?: string | import("framer-motion").CustomValueType | undefined;
+    patternTransform?: string | number | import("framer-motion").CustomValueType | undefined;
+    patternUnits?: string | import("framer-motion").CustomValueType | undefined;
+    points?: string | import("framer-motion").CustomValueType | undefined;
+    pointsAtX?: string | number | import("framer-motion").CustomValueType | undefined;
+    pointsAtY?: string | number | import("framer-motion").CustomValueType | undefined;
+    pointsAtZ?: string | number | import("framer-motion").CustomValueType | undefined;
+    preserveAlpha?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    preserveAspectRatio?: string | import("framer-motion").CustomValueType | undefined;
+    primitiveUnits?: string | number | import("framer-motion").CustomValueType | undefined;
+    r?: string | number | import("framer-motion").CustomValueType | undefined;
+    radius?: string | number | import("framer-motion").CustomValueType | undefined;
+    refX?: string | number | import("framer-motion").CustomValueType | undefined;
+    refY?: string | number | import("framer-motion").CustomValueType | undefined;
+    renderingIntent?: string | number | import("framer-motion").CustomValueType | undefined;
+    repeatCount?: string | number | import("framer-motion").CustomValueType | undefined;
+    repeatDur?: string | number | import("framer-motion").CustomValueType | undefined;
+    requiredExtensions?: string | number | import("framer-motion").CustomValueType | undefined;
+    requiredFeatures?: string | number | import("framer-motion").CustomValueType | undefined;
+    restart?: string | number | import("framer-motion").CustomValueType | undefined;
+    result?: string | import("framer-motion").CustomValueType | undefined;
+    rotate?: string | number | import("framer-motion").CustomValueType | undefined;
+    rx?: string | number | import("framer-motion").CustomValueType | undefined;
+    ry?: string | number | import("framer-motion").CustomValueType | undefined;
+    scale?: string | number | import("framer-motion").CustomValueType | undefined;
+    seed?: string | number | import("framer-motion").CustomValueType | undefined;
+    slope?: string | number | import("framer-motion").CustomValueType | undefined;
+    spacing?: string | number | import("framer-motion").CustomValueType | undefined;
+    specularConstant?: string | number | import("framer-motion").CustomValueType | undefined;
+    specularExponent?: string | number | import("framer-motion").CustomValueType | undefined;
+    speed?: string | number | import("framer-motion").CustomValueType | undefined;
+    spreadMethod?: string | import("framer-motion").CustomValueType | undefined;
+    startOffset?: string | number | import("framer-motion").CustomValueType | undefined;
+    stdDeviation?: string | number | import("framer-motion").CustomValueType | undefined;
+    stemh?: string | number | import("framer-motion").CustomValueType | undefined;
+    stemv?: string | number | import("framer-motion").CustomValueType | undefined;
+    stitchTiles?: string | number | import("framer-motion").CustomValueType | undefined;
+    strikethroughPosition?: string | number | import("framer-motion").CustomValueType | undefined;
+    strikethroughThickness?: string | number | import("framer-motion").CustomValueType | undefined;
+    string?: string | number | import("framer-motion").CustomValueType | undefined;
+    surfaceScale?: string | number | import("framer-motion").CustomValueType | undefined;
+    systemLanguage?: string | number | import("framer-motion").CustomValueType | undefined;
+    tableValues?: string | number | import("framer-motion").CustomValueType | undefined;
+    targetX?: string | number | import("framer-motion").CustomValueType | undefined;
+    targetY?: string | number | import("framer-motion").CustomValueType | undefined;
+    textLength?: string | number | import("framer-motion").CustomValueType | undefined;
+    to?: string | number | import("framer-motion").CustomValueType | undefined;
+    u1?: string | number | import("framer-motion").CustomValueType | undefined;
+    u2?: string | number | import("framer-motion").CustomValueType | undefined;
+    underlinePosition?: string | number | import("framer-motion").CustomValueType | undefined;
+    underlineThickness?: string | number | import("framer-motion").CustomValueType | undefined;
+    unicode?: string | number | import("framer-motion").CustomValueType | undefined;
+    unicodeRange?: string | number | import("framer-motion").CustomValueType | undefined;
+    unitsPerEm?: string | number | import("framer-motion").CustomValueType | undefined;
+    vAlphabetic?: string | number | import("framer-motion").CustomValueType | undefined;
+    values?: string | import("framer-motion").CustomValueType | undefined;
+    version?: string | import("framer-motion").CustomValueType | undefined;
+    vertAdvY?: string | number | import("framer-motion").CustomValueType | undefined;
+    vertOriginX?: string | number | import("framer-motion").CustomValueType | undefined;
+    vertOriginY?: string | number | import("framer-motion").CustomValueType | undefined;
+    vHanging?: string | number | import("framer-motion").CustomValueType | undefined;
+    vIdeographic?: string | number | import("framer-motion").CustomValueType | undefined;
+    viewBox?: string | import("framer-motion").CustomValueType | undefined;
+    viewTarget?: string | number | import("framer-motion").CustomValueType | undefined;
+    vMathematical?: string | number | import("framer-motion").CustomValueType | undefined;
+    widths?: string | number | import("framer-motion").CustomValueType | undefined;
+    x1?: string | number | import("framer-motion").CustomValueType | undefined;
+    x2?: string | number | import("framer-motion").CustomValueType | undefined;
+    x?: string | number | import("framer-motion").CustomValueType | undefined;
+    xChannelSelector?: string | import("framer-motion").CustomValueType | undefined;
+    xHeight?: string | number | import("framer-motion").CustomValueType | undefined;
+    xlinkActuate?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkArcrole?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkHref?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkRole?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkShow?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkTitle?: string | import("framer-motion").CustomValueType | undefined;
+    xlinkType?: string | import("framer-motion").CustomValueType | undefined;
+    xmlBase?: string | import("framer-motion").CustomValueType | undefined;
+    xmlLang?: string | import("framer-motion").CustomValueType | undefined;
+    xmlns?: string | import("framer-motion").CustomValueType | undefined;
+    xmlnsXlink?: string | import("framer-motion").CustomValueType | undefined;
+    xmlSpace?: string | import("framer-motion").CustomValueType | undefined;
+    y1?: string | number | import("framer-motion").CustomValueType | undefined;
+    y2?: string | number | import("framer-motion").CustomValueType | undefined;
+    y?: string | number | import("framer-motion").CustomValueType | undefined;
+    yChannelSelector?: string | import("framer-motion").CustomValueType | undefined;
+    z?: string | number | import("framer-motion").CustomValueType | undefined;
+    zoomAndPan?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-activedescendant"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | import("framer-motion").CustomValueType | undefined;
+    "aria-braillelabel"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-brailleroledescription"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | import("framer-motion").CustomValueType | undefined;
+    "aria-colcount"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-colindex"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-colindextext"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-colspan"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-controls"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "date" | "location" | import("framer-motion").CustomValueType | undefined;
+    "aria-describedby"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-description"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-details"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | import("framer-motion").CustomValueType | undefined;
+    "aria-errormessage"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-flowto"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | import("framer-motion").CustomValueType | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | import("framer-motion").CustomValueType | undefined;
+    "aria-keyshortcuts"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-label"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-labelledby"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-level"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | import("framer-motion").CustomValueType | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | import("framer-motion").CustomValueType | undefined;
+    "aria-owns"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-placeholder"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-posinset"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | import("framer-motion").CustomValueType | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | import("framer-motion").CustomValueType | undefined;
+    "aria-required"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-roledescription"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-rowcount"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-rowindex"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-rowindextext"?: string | import("framer-motion").CustomValueType | undefined;
+    "aria-rowspan"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | import("framer-motion").CustomValueType | undefined;
+    "aria-setsize"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | import("framer-motion").CustomValueType | undefined;
+    "aria-valuemax"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-valuemin"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-valuenow"?: number | import("framer-motion").CustomValueType | undefined;
+    "aria-valuetext"?: string | import("framer-motion").CustomValueType | undefined;
+    children?: import("react").ReactNode | import("framer-motion").CustomValueType;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | import("framer-motion").CustomValueType | undefined;
+    onCopy?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCut?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPaste?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onFocus?: import("react").FocusEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onBlur?: import("react").FocusEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onChange?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onChangeCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onBeforeInput?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onInput?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onInputCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onReset?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onResetCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSubmit?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onInvalid?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoad?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onError?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAbort?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCanPlay?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDurationChange?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEmptied?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEncrypted?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEnded?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadedData?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadStart?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPause?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPlay?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPlaying?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onProgress?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onRateChange?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onResize?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSeeked?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSeeking?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onStalled?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSuspend?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onWaiting?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAuxClick?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onClick?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onClickCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onContextMenu?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDrag?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragEnd?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragEnter?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragExit?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragLeave?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragOver?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragStart?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDrop?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onDropCapture?: import("react").DragEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseDown?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseMove?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseOut?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseOver?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseUp?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSelect?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchMove?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchStart?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerDown?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerMove?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerUp?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerOver?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerOut?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onScroll?: import("react").UIEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onScrollCapture?: import("react").UIEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onWheel?: import("react").WheelEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<SVGElement> | import("framer-motion").CustomValueType | undefined;
+    attrX?: number | import("framer-motion").CustomValueType | undefined;
+    attrY?: number | import("framer-motion").CustomValueType | undefined;
+    attrScale?: number | import("framer-motion").CustomValueType | undefined;
+    translateX?: string | number | import("framer-motion").CustomValueType | undefined;
+    translateY?: string | number | import("framer-motion").CustomValueType | undefined;
+    translateZ?: string | number | import("framer-motion").CustomValueType | undefined;
+    rotateX?: string | number | import("framer-motion").CustomValueType | undefined;
+    rotateY?: string | number | import("framer-motion").CustomValueType | undefined;
+    rotateZ?: string | number | import("framer-motion").CustomValueType | undefined;
+    scaleX?: string | number | import("framer-motion").CustomValueType | undefined;
+    scaleY?: string | number | import("framer-motion").CustomValueType | undefined;
+    scaleZ?: string | number | import("framer-motion").CustomValueType | undefined;
+    skew?: string | number | import("framer-motion").CustomValueType | undefined;
+    skewX?: string | number | import("framer-motion").CustomValueType | undefined;
+    skewY?: string | number | import("framer-motion").CustomValueType | undefined;
+    originX?: string | number | import("framer-motion").CustomValueType | undefined;
+    originY?: string | number | import("framer-motion").CustomValueType | undefined;
+    originZ?: string | number | import("framer-motion").CustomValueType | undefined;
+    perspective?: string | number | import("framer-motion").CustomValueType | undefined;
+    transformPerspective?: string | number | import("framer-motion").CustomValueType | undefined;
+    size?: string | number | import("framer-motion").CustomValueType | undefined;
+    shadow?: string | import("framer-motion").CustomValueType | undefined;
+    image?: string | import("framer-motion").CustomValueType | undefined;
+    pathOffset?: number | import("framer-motion").CustomValueType | undefined;
+    pathSpacing?: number | import("framer-motion").CustomValueType | undefined;
+} | TargetAndTransition;
+//# sourceMappingURL=utils.d.ts.map