{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/69aY45EkfmVjGdDR7I8H/vTCEDyYPGfgcZMoM3Iwf/SpriteAnimation.js", "ssg:https://framerusercontent.com/modules/XBFX1eW87cURSnMSxazQ/GnWZ1DJTrHT8Zlptipvr/I2hxBsQWQ.js"],
  "sourcesContent": ["let e;\nimport { jsx as t } from \"react/jsx-runtime\";\nimport { useState as r, useEffect as a } from \"react\";\nimport { addPropertyControls as l, ControlType as o } from \"framer\";\nexport default function i({\n  play: l,\n  frameDuration: o = 30,\n  playOnce: i = !0\n}) {\n  let [p, n] = r(0),\n    [s, c] = r(!1);\n  a(() => (e = setInterval(() => {\n    l && n(e => (e + 1) % 48 // 6 rows and 8 columns\n    ), i && 47 === p && c(!0);\n  }, o), () => {\n    clearInterval(e);\n  }), [l, p, o, e]);\n  let m = s ? 47 : p,\n    f = {\n      width: 116 // Adjust the size as needed\n      ,\n      height: 160 // Adjust the size as needed\n      ,\n      background: `url('https://www.apple.com/v/apple-vision-pro/a/images/overview/privacy/lock__eqfvj9j7cas2_large_2x.png') -${m % 8 // Number of columns in the sprite sheet\n      * 116}px -${160 * Math.floor(m / 8)}px`\n    };\n  return /*#__PURE__*/t(\"div\", {\n    style: {\n      width: 116,\n      height: 160,\n      transform: \"scale(0.5)\"\n    },\n    children: /*#__PURE__*/t(\"div\", {\n      style: f\n    })\n  });\n}\nl(i, {\n  play: {\n    type: o.Boolean,\n    defaultValue: !1\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"SpriteAnimation\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./SpriteAnimation.map", "// Generated by Framer (4f5e97b)\nimport { jsx as r } from \"react/jsx-runtime\";\nimport { addFonts as e, addPropertyControls as t, ControlType as a, cx as o, getFonts as i, useLocaleInfo as n, useVariantState as l, withCSS as d } from \"framer\";\nimport { LayoutGroup as s, motion as m, MotionConfigContext as f } from \"framer-motion\";\nimport * as p from \"react\";\nimport h from \"https://framerusercontent.com/modules/69aY45EkfmVjGdDR7I8H/vTCEDyYPGfgcZMoM3Iwf/SpriteAnimation.js\";\nlet u = i(h),\n  c = [\"RmJBH4tJZ\", \"ofT7YrhhX\"],\n  v = \"framer-895IU\",\n  y = {\n    ofT7YrhhX: \"framer-v-uewzfj\",\n    RmJBH4tJZ: \"framer-v-1xwrbq5\"\n  };\nfunction b(r, ...e) {\n  let t = {};\n  return null == e || e.forEach(e => e && Object.assign(t, r[e])), t;\n}\nlet J = {\n    default: {\n      damping: 60,\n      delay: 0,\n      mass: 1,\n      stiffness: 500,\n      type: \"spring\"\n    }\n  },\n  g = (r, e) => `translate(-50%, -50%) ${e}`,\n  w = ({\n    value: e,\n    children: t\n  }) => {\n    let a = p.useContext(f),\n      o = null != e ? e : a.transition,\n      i = p.useMemo(() => ({\n        ...a,\n        transition: o\n      }), [JSON.stringify(o)]);\n    return /*#__PURE__*/r(f.Provider, {\n      value: i,\n      children: t\n    });\n  },\n  H = {\n    pause: \"RmJBH4tJZ\",\n    play: \"ofT7YrhhX\"\n  },\n  I = ({\n    height: r,\n    id: e,\n    width: t,\n    ...a\n  }) => {\n    var o, i;\n    return {\n      ...a,\n      variant: null !== (i = null !== (o = H[a.variant]) && void 0 !== o ? o : a.variant) && void 0 !== i ? i : \"RmJBH4tJZ\"\n    };\n  },\n  T = (r, e) => e.join(\"-\") + r.layoutDependency,\n  x = /*#__PURE__*/p.forwardRef(function (e, t) {\n    let {\n        activeLocale: a\n      } = n(),\n      {\n        style: i,\n        className: d,\n        layoutId: f,\n        variant: u,\n        ...v\n      } = I(e),\n      {\n        baseVariant: H,\n        classNames: x,\n        gestureVariant: B,\n        setGestureState: R,\n        setVariant: U,\n        transition: Z,\n        variants: D\n      } = l({\n        cycleOrder: c,\n        defaultVariant: \"RmJBH4tJZ\",\n        transitions: J,\n        variant: u,\n        variantClassNames: y\n      }),\n      X = T(e, D),\n      Y = p.useRef(null),\n      j = p.useId();\n    return /*#__PURE__*/r(s, {\n      id: null != f ? f : j,\n      children: /*#__PURE__*/r(m.div, {\n        initial: u,\n        animate: D,\n        onHoverStart: () => R({\n          isHovered: !0\n        }),\n        onHoverEnd: () => R({\n          isHovered: !1\n        }),\n        onTapStart: () => R({\n          isPressed: !0\n        }),\n        onTap: () => R({\n          isPressed: !1\n        }),\n        onTapCancel: () => R({\n          isPressed: !1\n        }),\n        className: o(\"framer-895IU\", ...[], x),\n        style: {\n          display: \"contents\"\n        },\n        children: /*#__PURE__*/r(w, {\n          value: Z,\n          children: /*#__PURE__*/r(m.div, {\n            ...v,\n            className: o(\"framer-1xwrbq5\", d),\n            \"data-framer-name\": \"pause\",\n            layoutDependency: X,\n            layoutId: \"RmJBH4tJZ\",\n            ref: null != t ? t : Y,\n            style: {\n              ...i\n            },\n            ...b({\n              ofT7YrhhX: {\n                \"data-framer-name\": \"play\"\n              }\n            }, H, B),\n            children: /*#__PURE__*/r(m.div, {\n              className: \"framer-gpara0-container\",\n              layoutDependency: X,\n              layoutId: \"gHJITDhB2-container\",\n              transformTemplate: g,\n              children: /*#__PURE__*/r(h, {\n                height: \"100%\",\n                id: \"gHJITDhB2\",\n                layoutId: \"gHJITDhB2\",\n                play: !1,\n                width: \"100%\",\n                ...b({\n                  ofT7YrhhX: {\n                    play: !0\n                  }\n                }, H, B)\n              })\n            })\n          })\n        })\n      })\n    });\n  }),\n  B = ['.framer-895IU [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-895IU .framer-1dsboos { display: block; }\", \".framer-895IU .framer-1xwrbq5 { height: 160px; overflow: hidden; position: relative; width: 116px; }\", \".framer-895IU .framer-gpara0-container { flex: none; height: auto; left: 50%; position: absolute; top: 50%; width: auto; }\"],\n  R = d(x, B, \"framer-895IU\");\nexport default R;\nR.displayName = \"SpriteAnimate on Appear\", R.defaultProps = {\n  height: 160,\n  width: 116\n}, t(R, {\n  variant: {\n    options: [\"RmJBH4tJZ\", \"ofT7YrhhX\"],\n    optionTitles: [\"pause\", \"play\"],\n    title: \"Variant\",\n    type: a.Enum\n  }\n}), e(R, [...u]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerI2hxBsQWQ\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerImmutableVariables\": \"true\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"ofT7YrhhX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"116\",\n        \"framerIntrinsicHeight\": \"160\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./I2hxBsQWQ.map"],
  "mappings": "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",
  "names": ["e", "i", "l", "o", "p", "ye", "s", "c", "ue", "addPropertyControls", "ControlType", "u", "getFonts", "i", "c", "y", "b", "r", "t", "e", "J", "g", "w", "a", "re", "MotionConfigContext", "o", "i", "se", "p", "H", "I", "T", "x", "Y", "useLocaleInfo", "d", "f", "u", "v", "B", "R", "U", "Z", "D", "useVariantState", "c", "X", "pe", "j", "ae", "LayoutGroup", "motion", "cx", "withCSS", "I2hxBsQWQ_default", "addPropertyControls", "ControlType", "addFonts"]
}