{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "lamp",
  "type": "registry:block",
  "title": "Lamp",
  "description": "Lamp",
  "files": [
    {
      "path": "components/usages/lampusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { LampContainer } from \"@/registry/open-source/lamp\";\r\nimport { motion } from \"motion/react\";\r\n\r\nexport default function LampDemo() {\r\n\treturn (\r\n\t\t<LampContainer>\r\n\t\t\t<motion.h1\r\n\t\t\t\tinitial={{ opacity: 0.5, y: 100 }}\r\n\t\t\t\twhileInView={{ opacity: 1, y: 0 }}\r\n\t\t\t\ttransition={{\r\n\t\t\t\t\tdelay: 0.3,\r\n\t\t\t\t\tduration: 0.8,\r\n\t\t\t\t\tease: \"easeInOut\",\r\n\t\t\t\t}}\r\n\t\t\t\tclassName=\"mt-8 bg-linear-to-br from-slate-300 to-slate-500 py-4 bg-clip-text text-center text-4xl font-medium tracking-tight text-transparent md:text-7xl\"\r\n\t\t\t>\r\n\t\t\t\tBuild lamps <br /> the right way\r\n\t\t\t</motion.h1>\r\n\t\t</LampContainer>\r\n\t);\r\n}\r\n",
      "type": "registry:block",
      "target": "~/example.tsx"
    },
    {
      "path": "components/usages/lampusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { LampContainer } from \"@/registry/open-source/lamp\";\r\nimport { motion } from \"motion/react\";\r\n\r\nexport default function LampDemo() {\r\n\treturn (\r\n\t\t<LampContainer>\r\n\t\t\t<motion.h1\r\n\t\t\t\tinitial={{ opacity: 0.5, y: 100 }}\r\n\t\t\t\twhileInView={{ opacity: 1, y: 0 }}\r\n\t\t\t\ttransition={{\r\n\t\t\t\t\tdelay: 0.3,\r\n\t\t\t\t\tduration: 0.8,\r\n\t\t\t\t\tease: \"easeInOut\",\r\n\t\t\t\t}}\r\n\t\t\t\tclassName=\"mt-8 bg-linear-to-br from-slate-300 to-slate-500 py-4 bg-clip-text text-center text-4xl font-medium tracking-tight text-transparent md:text-7xl\"\r\n\t\t\t>\r\n\t\t\t\tBuild lamps <br /> the right way\r\n\t\t\t</motion.h1>\r\n\t\t</LampContainer>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/lamp.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\n\nimport { cn } from \"@/registry/utilities/cn\";\nimport { motion } from \"motion/react\";\n\nimport { SparklesCore } from \"./sparkles\";\n\n// https://ui.aceternity.com/components/lamp-effect\n\nexport const LampContainer = ({\n\tchildren,\n\tclassName,\n}: {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex min-h-screen flex-col items-center md:w-1/2 justify-center overflow-hidden dark:bg-slate-950 z-0\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"relative flex flex-1 scale-y-125 items-center w-full justify-center isolate z-0 \">\n\t\t\t\t<motion.div\n\t\t\t\t\tinitial={{ opacity: 0.5, width: \"15rem\" }}\n\t\t\t\t\twhileInView={{ opacity: 1, width: \"30rem\" }}\n\t\t\t\t\tviewport={{ once: true }}\n\t\t\t\t\ttransition={{\n\t\t\t\t\t\tdelay: 2,\n\t\t\t\t\t\tduration: 0.8,\n\t\t\t\t\t\tease: \"easeInOut\",\n\t\t\t\t\t}}\n\t\t\t\t\t// style={{\n\t\t\t\t\t//   backgroundImage: `conic-gradient(var(--conic-position), var(--tw-gradient-from), var(--tw-gradient-to);)`,\n\t\t\t\t\t// }}\n\t\t\t\t\tclassName=\"from-[#D23A2A] via-transparent to-transparent absolute inset-auto right-1/2 h-56 overflow-visible w-120 bg-gradient-conic text-foreground [--conic-position:from_70deg_at_center_top]\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"absolute  w-full left-0 dark:bg-slate-950 h-40 bottom-0 z-20 mask-[linear-gradient(to_top,white,transparent)]\" />\n\t\t\t\t\t<div className=\"absolute  w-40 h-full left-0 dark:bg-slate-950  bottom-0 z-20 mask-[linear-gradient(to_right,white,transparent)]\" />\n\t\t\t\t</motion.div>\n\t\t\t\t<motion.div\n\t\t\t\t\tinitial={{ opacity: 0.5, width: \"15rem\" }}\n\t\t\t\t\twhileInView={{ opacity: 1, width: \"30rem\" }}\n\t\t\t\t\tviewport={{ once: true }}\n\t\t\t\t\ttransition={{\n\t\t\t\t\t\tdelay: 2,\n\t\t\t\t\t\tduration: 0.8,\n\t\t\t\t\t\tease: \"easeInOut\",\n\t\t\t\t\t}}\n\t\t\t\t\t// style={{\n\t\t\t\t\t//   backgroundImage: `conic-gradient(var(--conic-position),  var(--tw-gradient-from), var(--tw-gradient-to);)`,\n\t\t\t\t\t// }}\n\t\t\t\t\tclassName=\"from-transparent via-transparent to-[#D23A2A] absolute inset-auto left-1/2 h-56 w-120 bg-gradient-conic text-foreground [--conic-position:from_290deg_at_center_top]\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"absolute  w-40 h-full right-0 dark:bg-slate-950  bottom-0 z-20 mask-[linear-gradient(to_left,white,transparent)]\" />\n\t\t\t\t\t<div className=\"absolute  w-full right-0 dark:bg-slate-950 h-40 bottom-0 z-20 mask-[linear-gradient(to_top,white,transparent)]\" />\n\t\t\t\t</motion.div>\n\n\t\t\t\t<div className=\"absolute top-1/2 h-48 w-full translate-y-12 scale-x-150 dark:bg-slate-950 blur-2xl\"></div>\n\t\t\t\t<div className=\"absolute top-1/2 z-40 h-48 w-full bg-transparent opacity-10 backdrop-blur-md\"></div>\n\n\t\t\t\t<div className=\"absolute inset-auto z-40 h-36 w-md -translate-y-1/2 rounded-full bg-background opacity-50 blur-2xl\"></div>\n\n\t\t\t\t<motion.div\n\t\t\t\t\tinitial={{ width: \"8rem\" }}\n\t\t\t\t\twhileInView={{ width: \"16rem\" }}\n\t\t\t\t\tviewport={{ once: true }}\n\t\t\t\t\ttransition={{\n\t\t\t\t\t\tdelay: 2,\n\t\t\t\t\t\tduration: 0.8,\n\t\t\t\t\t\tease: \"easeInOut\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName=\"absolute inset-auto z-30 h-36 w-64 -translate-y-24 rounded-full bg-background blur-2xl\"\n\t\t\t\t></motion.div>\n\t\t\t\t<motion.div\n\t\t\t\t\tinitial={{ opacity: 0.5, width: \"15rem\" }}\n\t\t\t\t\twhileInView={{ opacity: 1, width: \"40rem\" }}\n\t\t\t\t\tviewport={{ once: true }}\n\t\t\t\t\ttransition={{\n\t\t\t\t\t\tdelay: 2,\n\t\t\t\t\t\tduration: 0.8,\n\t\t\t\t\t\tease: \"easeInOut\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName=\"absolute inset-auto h-40\"\n\t\t\t\t>\n\t\t\t\t\t<SparklesCore minSize={0.4} maxSize={1} particleDensity={1200} />\n\t\t\t\t</motion.div>\n\t\t\t\t<motion.div\n\t\t\t\t\tinitial={{ width: \"15rem\" }}\n\t\t\t\t\twhileInView={{ width: \"30rem\" }}\n\t\t\t\t\tviewport={{ once: true }}\n\t\t\t\t\ttransition={{\n\t\t\t\t\t\tdelay: 2,\n\t\t\t\t\t\tduration: 0.8,\n\t\t\t\t\t\tease: \"easeInOut\",\n\t\t\t\t\t}}\n\t\t\t\t\tclassName=\"absolute inset-auto z-40 h-0.5 w-120 -translate-y-28 bg-background\"\n\t\t\t\t></motion.div>\n\n\t\t\t\t<div className=\"absolute inset-auto z-40 h-44 w-full -translate-y-50 dark:bg-slate-950 \"></div>\n\t\t\t</div>\n\n\t\t\t<div className=\"relative z-40 flex -translate-y-[55vh] flex-col items-center px-5\">\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/utilities/cn.ts",
      "content": "import { ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n\treturn twMerge(clsx(inputs));\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/sparkles.tsx",
      "content": "\"use client\";\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nimport { cn } from \"@/registry/utilities/cn\";\r\nimport type { Container, SingleOrMultiple } from \"@tsparticles/engine\";\r\nimport Particles, { initParticlesEngine } from \"@tsparticles/react\";\r\nimport { loadSlim } from \"@tsparticles/slim\";\r\nimport { motion, useAnimation } from \"motion/react\";\r\n\r\n// ui.aceternity.com / components / sparkles;\r\n\r\ntype ParticlesProps = {\r\n\tid?: string;\r\n\tclassName?: string;\r\n\tbackground?: string;\r\n\tparticleSize?: number;\r\n\tminSize?: number;\r\n\tmaxSize?: number;\r\n\tspeed?: number;\r\n\tparticleColor?: string;\r\n\tparticleDensity?: number;\r\n};\r\nexport const SparklesCore = (props: ParticlesProps) => {\r\n\tconst {\r\n\t\tid,\r\n\t\tclassName,\r\n\t\tbackground,\r\n\t\tminSize,\r\n\t\tmaxSize,\r\n\t\tspeed,\r\n\t\tparticleColor,\r\n\t\tparticleDensity,\r\n\t} = props;\r\n\tconst [init, setInit] = useState(false);\r\n\tuseEffect(() => {\r\n\t\tinitParticlesEngine(async (engine) => {\r\n\t\t\tawait loadSlim(engine);\r\n\t\t}).then(() => {\r\n\t\t\tsetInit(true);\r\n\t\t});\r\n\t}, []);\r\n\tconst controls = useAnimation();\r\n\r\n\tconst particlesLoaded = async (container?: Container) => {\r\n\t\tif (container) {\r\n\t\t\tcontrols.start({\r\n\t\t\t\topacity: 1,\r\n\t\t\t\ttransition: {\r\n\t\t\t\t\tduration: 1,\r\n\t\t\t\t\tdelay: 0,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<motion.div animate={controls} className={cn(\"opacity-0\", className)}>\r\n\t\t\t{init && (\r\n\t\t\t\t<Particles\r\n\t\t\t\t\tid={id || \"tsparticles\"}\r\n\t\t\t\t\t// className={cn(\"h-full w-full\")}\r\n\t\t\t\t\tparticlesLoaded={particlesLoaded}\r\n\t\t\t\t\toptions={{\r\n\t\t\t\t\t\tbackground: {\r\n\t\t\t\t\t\t\tcolor: {\r\n\t\t\t\t\t\t\t\tvalue: background || \"transparent\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tfullScreen: {\r\n\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\tzIndex: 1,\r\n\t\t\t\t\t\t},\r\n\r\n\t\t\t\t\t\tfpsLimit: 120,\r\n\t\t\t\t\t\tinteractivity: {\r\n\t\t\t\t\t\t\tevents: {\r\n\t\t\t\t\t\t\t\tonClick: {\r\n\t\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\t\tmode: \"push\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tonHover: {\r\n\t\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\t\tmode: \"repulse\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tresize: true as any,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tmodes: {\r\n\t\t\t\t\t\t\t\tpush: {\r\n\t\t\t\t\t\t\t\t\tquantity: 4,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\trepulse: {\r\n\t\t\t\t\t\t\t\t\tdistance: 50,\r\n\t\t\t\t\t\t\t\t\tduration: 0.4,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tparticles: {\r\n\t\t\t\t\t\t\tbounce: {\r\n\t\t\t\t\t\t\t\thorizontal: {\r\n\t\t\t\t\t\t\t\t\tvalue: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tvertical: {\r\n\t\t\t\t\t\t\t\t\tvalue: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tcollisions: {\r\n\t\t\t\t\t\t\t\tabsorb: {\r\n\t\t\t\t\t\t\t\t\tspeed: 2,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tbounce: {\r\n\t\t\t\t\t\t\t\t\thorizontal: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: 1,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tvertical: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: 1,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\tmaxSpeed: 50,\r\n\t\t\t\t\t\t\t\tmode: \"bounce\",\r\n\t\t\t\t\t\t\t\toverlap: {\r\n\t\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\t\tretries: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tcolor: {\r\n\t\t\t\t\t\t\t\tvalue: particleColor || \"#ffffff\",\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\th: {\r\n\t\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\t\tspeed: 1,\r\n\t\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\t\tsync: true,\r\n\t\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\ts: {\r\n\t\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\t\tspeed: 1,\r\n\t\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\t\tsync: true,\r\n\t\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tl: {\r\n\t\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\t\tspeed: 1,\r\n\t\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\t\tsync: true,\r\n\t\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\teffect: {\r\n\t\t\t\t\t\t\t\tclose: true,\r\n\t\t\t\t\t\t\t\tfill: true,\r\n\t\t\t\t\t\t\t\toptions: {},\r\n\t\t\t\t\t\t\t\ttype: {} as SingleOrMultiple<string> | undefined,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tgroups: {},\r\n\t\t\t\t\t\t\tmove: {\r\n\t\t\t\t\t\t\t\tangle: {\r\n\t\t\t\t\t\t\t\t\toffset: 0,\r\n\t\t\t\t\t\t\t\t\tvalue: 90,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tattract: {\r\n\t\t\t\t\t\t\t\t\tdistance: 200,\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\trotate: {\r\n\t\t\t\t\t\t\t\t\t\tx: 3000,\r\n\t\t\t\t\t\t\t\t\t\ty: 3000,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tcenter: {\r\n\t\t\t\t\t\t\t\t\tx: 50,\r\n\t\t\t\t\t\t\t\t\ty: 50,\r\n\t\t\t\t\t\t\t\t\tmode: \"percent\",\r\n\t\t\t\t\t\t\t\t\tradius: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\tdistance: {},\r\n\t\t\t\t\t\t\t\tdirection: \"none\",\r\n\t\t\t\t\t\t\t\tdrift: 0,\r\n\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\tgravity: {\r\n\t\t\t\t\t\t\t\t\tacceleration: 9.81,\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tinverse: false,\r\n\t\t\t\t\t\t\t\t\tmaxSpeed: 50,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tpath: {\r\n\t\t\t\t\t\t\t\t\tclamp: true,\r\n\t\t\t\t\t\t\t\t\tdelay: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\toptions: {},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\toutModes: {\r\n\t\t\t\t\t\t\t\t\tdefault: \"out\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\trandom: false,\r\n\t\t\t\t\t\t\t\tsize: false,\r\n\t\t\t\t\t\t\t\tspeed: {\r\n\t\t\t\t\t\t\t\t\tmin: 0.1,\r\n\t\t\t\t\t\t\t\t\tmax: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tspin: {\r\n\t\t\t\t\t\t\t\t\tacceleration: 0,\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tstraight: false,\r\n\t\t\t\t\t\t\t\ttrail: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tlength: 10,\r\n\t\t\t\t\t\t\t\t\tfill: {},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tvibrate: false,\r\n\t\t\t\t\t\t\t\twarp: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tnumber: {\r\n\t\t\t\t\t\t\t\tdensity: {\r\n\t\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\t\twidth: 400,\r\n\t\t\t\t\t\t\t\t\theight: 400,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tlimit: {\r\n\t\t\t\t\t\t\t\t\tmode: \"delete\",\r\n\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tvalue: particleDensity || 120,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\topacity: {\r\n\t\t\t\t\t\t\t\tvalue: {\r\n\t\t\t\t\t\t\t\t\tmin: 0.1,\r\n\t\t\t\t\t\t\t\t\tmax: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\tenable: true,\r\n\t\t\t\t\t\t\t\t\tspeed: speed || 4,\r\n\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t\tmode: \"auto\",\r\n\t\t\t\t\t\t\t\t\tstartValue: \"random\",\r\n\t\t\t\t\t\t\t\t\tdestroy: \"none\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\treduceDuplicates: false,\r\n\t\t\t\t\t\t\tshadow: {\r\n\t\t\t\t\t\t\t\tblur: 0,\r\n\t\t\t\t\t\t\t\tcolor: {\r\n\t\t\t\t\t\t\t\t\tvalue: \"#000\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\toffset: {\r\n\t\t\t\t\t\t\t\t\tx: 0,\r\n\t\t\t\t\t\t\t\t\ty: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tshape: {\r\n\t\t\t\t\t\t\t\tclose: true,\r\n\t\t\t\t\t\t\t\tfill: true,\r\n\t\t\t\t\t\t\t\toptions: {},\r\n\t\t\t\t\t\t\t\ttype: \"circle\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tsize: {\r\n\t\t\t\t\t\t\t\tvalue: {\r\n\t\t\t\t\t\t\t\t\tmin: minSize || 1,\r\n\t\t\t\t\t\t\t\t\tmax: maxSize || 3,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tspeed: 5,\r\n\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t\tmode: \"auto\",\r\n\t\t\t\t\t\t\t\t\tstartValue: \"random\",\r\n\t\t\t\t\t\t\t\t\tdestroy: \"none\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tstroke: {\r\n\t\t\t\t\t\t\t\twidth: 0,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tzIndex: {\r\n\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\topacityRate: 1,\r\n\t\t\t\t\t\t\t\tsizeRate: 1,\r\n\t\t\t\t\t\t\t\tvelocityRate: 1,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tdestroy: {\r\n\t\t\t\t\t\t\t\tbounds: {},\r\n\t\t\t\t\t\t\t\tmode: \"none\",\r\n\t\t\t\t\t\t\t\tsplit: {\r\n\t\t\t\t\t\t\t\t\tcount: 1,\r\n\t\t\t\t\t\t\t\t\tfactor: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: 3,\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\trate: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: {\r\n\t\t\t\t\t\t\t\t\t\t\tmin: 4,\r\n\t\t\t\t\t\t\t\t\t\t\tmax: 9,\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tsizeOffset: true,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\troll: {\r\n\t\t\t\t\t\t\t\tdarken: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\tenlighten: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tmode: \"vertical\",\r\n\t\t\t\t\t\t\t\tspeed: 25,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\ttilt: {\r\n\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tspeed: 0,\r\n\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tdirection: \"clockwise\",\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\ttwinkle: {\r\n\t\t\t\t\t\t\t\tlines: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tfrequency: 0.05,\r\n\t\t\t\t\t\t\t\t\topacity: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tparticles: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tfrequency: 0.05,\r\n\t\t\t\t\t\t\t\t\topacity: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\twobble: {\r\n\t\t\t\t\t\t\t\tdistance: 5,\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\tspeed: {\r\n\t\t\t\t\t\t\t\t\tangle: 50,\r\n\t\t\t\t\t\t\t\t\tmove: 10,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tlife: {\r\n\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\tdelay: {\r\n\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tduration: {\r\n\t\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\trotate: {\r\n\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tspeed: 0,\r\n\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tdirection: \"clockwise\",\r\n\t\t\t\t\t\t\t\tpath: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\torbit: {\r\n\t\t\t\t\t\t\t\tanimation: {\r\n\t\t\t\t\t\t\t\t\tcount: 0,\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tspeed: 1,\r\n\t\t\t\t\t\t\t\t\tdecay: 0,\r\n\t\t\t\t\t\t\t\t\tdelay: 0,\r\n\t\t\t\t\t\t\t\t\tsync: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\topacity: 1,\r\n\t\t\t\t\t\t\t\trotation: {\r\n\t\t\t\t\t\t\t\t\tvalue: 45,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\twidth: 1,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\tlinks: {\r\n\t\t\t\t\t\t\t\tblink: false,\r\n\t\t\t\t\t\t\t\tcolor: {\r\n\t\t\t\t\t\t\t\t\tvalue: \"#fff\",\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\tconsent: false,\r\n\t\t\t\t\t\t\t\tdistance: 100,\r\n\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\tfrequency: 1,\r\n\t\t\t\t\t\t\t\topacity: 1,\r\n\t\t\t\t\t\t\t\tshadow: {\r\n\t\t\t\t\t\t\t\t\tblur: 5,\r\n\t\t\t\t\t\t\t\t\tcolor: {\r\n\t\t\t\t\t\t\t\t\t\tvalue: \"#000\",\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\ttriangles: {\r\n\t\t\t\t\t\t\t\t\tenable: false,\r\n\t\t\t\t\t\t\t\t\tfrequency: 1,\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\twidth: 1,\r\n\t\t\t\t\t\t\t\twarp: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\trepulse: {\r\n\t\t\t\t\t\t\t\tvalue: 0,\r\n\t\t\t\t\t\t\t\tenabled: false,\r\n\t\t\t\t\t\t\t\tdistance: 1,\r\n\t\t\t\t\t\t\t\tduration: 1,\r\n\t\t\t\t\t\t\t\tfactor: 1,\r\n\t\t\t\t\t\t\t\tspeed: 1,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tdetectRetina: true,\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</motion.div>\r\n\t);\r\n};\r\n",
      "type": "registry:ui"
    }
  ]
}