From a72460742e892f6583c44986ed0a4279e56b6531 Mon Sep 17 00:00:00 2001
From: ruru <142723369+ruru-m07@users.noreply.github.com>
Date: Thu, 19 Sep 2024 14:39:54 +0530
Subject: [PATCH] fix(assets): refactor assets folder structure

---
 apps/www/__registry__/blocks/index.ts           | 12 ------------
 apps/www/public/registry/blocks/forgot-1.json   |  4 ----
 apps/www/public/registry/blocks/login-1.json    |  4 ----
 apps/www/public/registry/blocks/register-1.json |  4 ----
 apps/www/public/registry/components/input.json  |  4 ----
 apps/www/public/registry/components/select.json |  4 ----
 6 files changed, 32 deletions(-)

diff --git a/apps/www/__registry__/blocks/index.ts b/apps/www/__registry__/blocks/index.ts
index 74af98c..68749f5 100644
--- a/apps/www/__registry__/blocks/index.ts
+++ b/apps/www/__registry__/blocks/index.ts
@@ -14,11 +14,7 @@ export const blocks_registry: Blocks_registry[] = [
     components: ["button", "input", "form"],
     type: "block:component",
     content: [
-<<<<<<< Updated upstream
       '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input, PasswordInput } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Login1 = (): React.ReactNode => {\n  const loginSchema = z.object({\n    email: z.string().email({ message: "Please enter a valid email address." }),\n    password: z\n      .string()\n      .min(8, { message: "Password must be at least 8 characters long." }),\n  });\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: "",\n      password: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof loginSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/assets/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/assets/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Welcome back\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name="password"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder="••••••••" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <Link href={"#"} className="hover:underline text-xs">\n              Forgot password?\n            </Link>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Login\n              </Button>\n              <Button\n                className="w-full"\n                variant={"secondary"}\n                onClick={() => console.log("Login with Github")}\n              >\n                Login with Github\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Don&apos;t have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login1;\n',
-=======
-      '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input, PasswordInput } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Login1 = (): React.ReactNode => {\n  const loginSchema = z.object({\n    email: z.string().email({ message: "Please enter a valid email address." }),\n    password: z\n      .string()\n      .min(8, { message: "Password must be at least 8 characters long." }),\n  });\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: "",\n      password: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof loginSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Welcome back\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name="password"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder="••••••••" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <Link href={"#"} className="hover:underline text-xs">\n              Forgot password?\n            </Link>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Login\n              </Button>\n              <Button\n                className="w-full"\n                variant={"secondary"}\n                onClick={() => console.log("Login with Github")}\n              >\n                Login with Github\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Don&apos;t have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login1;\n',
->>>>>>> Stashed changes
     ],
     default_export: Login1,
   },
@@ -29,11 +25,7 @@ export const blocks_registry: Blocks_registry[] = [
     components: ["button", "input", "form"],
     type: "block:component",
     content: [
-<<<<<<< Updated upstream
       '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input, PasswordInput } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Register1 = () => {\n  const registerSchema = z.object({\n    firstName: z\n      .string()\n      .min(3, { message: "First name must be at least 3 characters long." }),\n    lastName: z\n      .string()\n      .min(3, { message: "Last name must be at least 3 characters long." }),\n    email: z.string().email({ message: "Please enter a valid email address." }),\n    password: z\n      .string()\n      .min(8, { message: "Password must be at least 8 characters long." }),\n  });\n\n  const form = useForm<z.infer<typeof registerSchema>>({\n    resolver: zodResolver(registerSchema),\n    defaultValues: {\n      firstName: "",\n      lastName: "",\n      email: "",\n      password: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof registerSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/assets/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/assets/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Create an account\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <div className="flex gap-2">\n                <FormField\n                  control={form.control}\n                  name="firstName"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>First Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder="John" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n\n                <FormField\n                  control={form.control}\n                  name="lastName"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>Last Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder="doe" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </div>\n\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name="password"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder="••••••••" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Register\n              </Button>\n              <Button\n                className="w-full"\n                variant={"secondary"}\n                onClick={() => console.log("Login with Github")}\n              >\n                Register with Github\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Already have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Register1;\n',
-=======
-      '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input, PasswordInput } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Register1 = () => {\n  const registerSchema = z.object({\n    firstName: z\n      .string()\n      .min(3, { message: "First name must be at least 3 characters long." }),\n    lastName: z\n      .string()\n      .min(3, { message: "Last name must be at least 3 characters long." }),\n    email: z.string().email({ message: "Please enter a valid email address." }),\n    password: z\n      .string()\n      .min(8, { message: "Password must be at least 8 characters long." }),\n  });\n\n  const form = useForm<z.infer<typeof registerSchema>>({\n    resolver: zodResolver(registerSchema),\n    defaultValues: {\n      firstName: "",\n      lastName: "",\n      email: "",\n      password: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof registerSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Create an account\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <div className="flex gap-2">\n                <FormField\n                  control={form.control}\n                  name="firstName"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>First Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder="John" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n\n                <FormField\n                  control={form.control}\n                  name="lastName"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>Last Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder="doe" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </div>\n\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name="password"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder="••••••••" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Register\n              </Button>\n              <Button\n                className="w-full"\n                variant={"secondary"}\n                onClick={() => console.log("Login with Github")}\n              >\n                Register with Github\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Already have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Register1;\n',
->>>>>>> Stashed changes
     ],
     default_export: Register1,
   },
@@ -44,11 +36,7 @@ export const blocks_registry: Blocks_registry[] = [
     components: ["button", "input", "form"],
     type: "block:component",
     content: [
-<<<<<<< Updated upstream
       '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Forgot1 = (): React.ReactNode => {\n  const formSchema = z.object({\n    email: z.string().email({ message: "Please enter a valid email address." }),\n  });\n\n  const form = useForm<z.infer<typeof formSchema>>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      email: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof formSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/assets/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/assets/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Forgot your password?\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Send reset link\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Back to login\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Forgot1;\n',
-=======
-      '"use client";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from "next/image";\n\nimport Link from "next/link";\nimport React from "react";\nimport { useForm } from "react-hook-form";\nimport { zodResolver } from "@hookform/resolvers/zod";\nimport { z } from "zod";\nimport { Button } from "ruru-ui/components/button";\nimport { Input } from "ruru-ui/components/input";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from "ruru-ui/components/form";\n\nconst Forgot1 = (): React.ReactNode => {\n  const formSchema = z.object({\n    email: z.string().email({ message: "Please enter a valid email address." }),\n  });\n\n  const form = useForm<z.infer<typeof formSchema>>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      email: "",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof formSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className="flex items-center justify-center h-screen">\n      <div className="flex flex-col items-center w-96 border rounded-md bg-card p-4">\n        <div className="grid place-items-center">\n          <div className="flex items-center gap-4">\n            <img\n              className="dark:block hidden"\n              src={"https://ruru-ui.vercel.app/logo-white.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <img\n              className="dark:hidden block"\n              src={"https://ruru-ui.vercel.app/logo-black.png"}\n              alt="logo"\n              height={40}\n              width={40}\n            />\n            <span className="text-xl">Ruru UI</span>\n          </div>\n          <span className="text-sm text-muted-foreground mt-4">\n            Forgot your password?\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className="w-full space-y-2"\n          >\n            <div className="my-3">\n              <FormField\n                control={form.control}\n                name="email"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder="john.doe@example.com" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className="py-4 w-full space-y-3">\n              <Button type="submit" className="w-full">\n                Send reset link\n              </Button>\n            </div>\n\n            <Link\n              href={"#"}\n              className="hover:underline text-xs flex justify-center"\n            >\n              Back to login\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Forgot1;\n',
->>>>>>> Stashed changes
     ],
     default_export: Forgot1,
   },
diff --git a/apps/www/public/registry/blocks/forgot-1.json b/apps/www/public/registry/blocks/forgot-1.json
index 9c17345..737779a 100644
--- a/apps/www/public/registry/blocks/forgot-1.json
+++ b/apps/www/public/registry/blocks/forgot-1.json
@@ -3,11 +3,7 @@
   "files": [
     {
       "name": "forgot-1.tsx",
-<<<<<<< Updated upstream
       "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Forgot1 = (): React.ReactNode => {\n  const formSchema = z.object({\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n  });\n\n  const form = useForm<z.infer<typeof formSchema>>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      email: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof formSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Forgot your password?\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Send reset link\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Back to login\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Forgot1;\n"
-=======
-      "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Forgot1 = (): React.ReactNode => {\n  const formSchema = z.object({\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n  });\n\n  const form = useForm<z.infer<typeof formSchema>>({\n    resolver: zodResolver(formSchema),\n    defaultValues: {\n      email: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof formSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Forgot your password?\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Send reset link\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Back to login\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Forgot1;\n"
->>>>>>> Stashed changes
     }
   ],
   "dependencies": ["react-hook-form", "@hookform/resolvers", "zod"],
diff --git a/apps/www/public/registry/blocks/login-1.json b/apps/www/public/registry/blocks/login-1.json
index bd72b63..a5bdf9f 100644
--- a/apps/www/public/registry/blocks/login-1.json
+++ b/apps/www/public/registry/blocks/login-1.json
@@ -3,11 +3,7 @@
   "files": [
     {
       "name": "login-1.tsx",
-<<<<<<< Updated upstream
       "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input, PasswordInput } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Login1 = (): React.ReactNode => {\n  const loginSchema = z.object({\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n    password: z\n      .string()\n      .min(8, { message: \"Password must be at least 8 characters long.\" }),\n  });\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof loginSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Welcome back\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name=\"password\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder=\"••••••••\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <Link href={\"#\"} className=\"hover:underline text-xs\">\n              Forgot password?\n            </Link>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Login\n              </Button>\n              <Button\n                className=\"w-full\"\n                variant={\"secondary\"}\n                onClick={() => console.log(\"Login with Github\")}\n              >\n                Login with Github\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Don&apos;t have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login1;\n"
-=======
-      "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input, PasswordInput } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Login1 = (): React.ReactNode => {\n  const loginSchema = z.object({\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n    password: z\n      .string()\n      .min(8, { message: \"Password must be at least 8 characters long.\" }),\n  });\n\n  const form = useForm<z.infer<typeof loginSchema>>({\n    resolver: zodResolver(loginSchema),\n    defaultValues: {\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof loginSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Welcome back\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name=\"password\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder=\"••••••••\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <Link href={\"#\"} className=\"hover:underline text-xs\">\n              Forgot password?\n            </Link>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Login\n              </Button>\n              <Button\n                className=\"w-full\"\n                variant={\"secondary\"}\n                onClick={() => console.log(\"Login with Github\")}\n              >\n                Login with Github\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Don&apos;t have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login1;\n"
->>>>>>> Stashed changes
     }
   ],
   "dependencies": ["react-hook-form", "@hookform/resolvers", "zod"],
diff --git a/apps/www/public/registry/blocks/register-1.json b/apps/www/public/registry/blocks/register-1.json
index 2c0c4c3..8cdbf69 100644
--- a/apps/www/public/registry/blocks/register-1.json
+++ b/apps/www/public/registry/blocks/register-1.json
@@ -3,11 +3,7 @@
   "files": [
     {
       "name": "register-1.tsx",
-<<<<<<< Updated upstream
       "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input, PasswordInput } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Register1 = () => {\n  const registerSchema = z.object({\n    firstName: z\n      .string()\n      .min(3, { message: \"First name must be at least 3 characters long.\" }),\n    lastName: z\n      .string()\n      .min(3, { message: \"Last name must be at least 3 characters long.\" }),\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n    password: z\n      .string()\n      .min(8, { message: \"Password must be at least 8 characters long.\" }),\n  });\n\n  const form = useForm<z.infer<typeof registerSchema>>({\n    resolver: zodResolver(registerSchema),\n    defaultValues: {\n      firstName: \"\",\n      lastName: \"\",\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof registerSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/assets/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Create an account\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <div className=\"flex gap-2\">\n                <FormField\n                  control={form.control}\n                  name=\"firstName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>First Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder=\"John\" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n\n                <FormField\n                  control={form.control}\n                  name=\"lastName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>Last Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder=\"doe\" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </div>\n\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name=\"password\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder=\"••••••••\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Register\n              </Button>\n              <Button\n                className=\"w-full\"\n                variant={\"secondary\"}\n                onClick={() => console.log(\"Login with Github\")}\n              >\n                Register with Github\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Already have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Register1;\n"
-=======
-      "content": "\"use client\";\n\n/* eslint-disable @next/next/no-img-element */\nimport Image from \"next/image\";\n\nimport Link from \"next/link\";\nimport React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\nimport { z } from \"zod\";\nimport { Button } from \"ruru-ui/components/button\";\nimport { Input, PasswordInput } from \"ruru-ui/components/input\";\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormLabel,\n  FormItem,\n  FormMessage,\n} from \"ruru-ui/components/form\";\n\nconst Register1 = () => {\n  const registerSchema = z.object({\n    firstName: z\n      .string()\n      .min(3, { message: \"First name must be at least 3 characters long.\" }),\n    lastName: z\n      .string()\n      .min(3, { message: \"Last name must be at least 3 characters long.\" }),\n    email: z.string().email({ message: \"Please enter a valid email address.\" }),\n    password: z\n      .string()\n      .min(8, { message: \"Password must be at least 8 characters long.\" }),\n  });\n\n  const form = useForm<z.infer<typeof registerSchema>>({\n    resolver: zodResolver(registerSchema),\n    defaultValues: {\n      firstName: \"\",\n      lastName: \"\",\n      email: \"\",\n      password: \"\",\n    },\n  });\n\n  function onSubmit(values: z.infer<typeof registerSchema>) {\n    // Do something with the form values.\n    console.log(values);\n  }\n\n  return (\n    <div className=\"flex items-center justify-center h-screen\">\n      <div className=\"flex flex-col items-center w-96 border rounded-md bg-card p-4\">\n        <div className=\"grid place-items-center\">\n          <div className=\"flex items-center gap-4\">\n            <img\n              className=\"dark:block hidden\"\n              src={\"https://ruru-ui.vercel.app/logo-white.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <img\n              className=\"dark:hidden block\"\n              src={\"https://ruru-ui.vercel.app/logo-black.png\"}\n              alt=\"logo\"\n              height={40}\n              width={40}\n            />\n            <span className=\"text-xl\">Ruru UI</span>\n          </div>\n          <span className=\"text-sm text-muted-foreground mt-4\">\n            Create an account\n          </span>\n        </div>\n\n        <Form {...form}>\n          <form\n            onSubmit={form.handleSubmit(onSubmit)}\n            className=\"w-full space-y-2\"\n          >\n            <div className=\"my-3\">\n              <div className=\"flex gap-2\">\n                <FormField\n                  control={form.control}\n                  name=\"firstName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>First Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder=\"John\" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n\n                <FormField\n                  control={form.control}\n                  name=\"lastName\"\n                  render={({ field }) => (\n                    <FormItem>\n                      <FormLabel>Last Name</FormLabel>\n                      <FormControl>\n                        <Input placeholder=\"doe\" {...field} />\n                      </FormControl>\n                      <FormMessage />\n                    </FormItem>\n                  )}\n                />\n              </div>\n\n              <FormField\n                control={form.control}\n                name=\"email\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Email</FormLabel>\n                    <FormControl>\n                      <Input placeholder=\"john.doe@example.com\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n\n              <FormField\n                control={form.control}\n                name=\"password\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Password</FormLabel>\n                    <FormControl>\n                      <PasswordInput placeholder=\"••••••••\" {...field} />\n                    </FormControl>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            </div>\n\n            <div className=\"py-4 w-full space-y-3\">\n              <Button type=\"submit\" className=\"w-full\">\n                Register\n              </Button>\n              <Button\n                className=\"w-full\"\n                variant={\"secondary\"}\n                onClick={() => console.log(\"Login with Github\")}\n              >\n                Register with Github\n              </Button>\n            </div>\n\n            <Link\n              href={\"#\"}\n              className=\"hover:underline text-xs flex justify-center\"\n            >\n              Already have an account?\n            </Link>\n          </form>\n        </Form>\n      </div>\n    </div>\n  );\n};\n\nexport default Register1;\n"
->>>>>>> Stashed changes
     }
   ],
   "dependencies": ["react-hook-form", "@hookform/resolvers", "zod"],
diff --git a/apps/www/public/registry/components/input.json b/apps/www/public/registry/components/input.json
index 6f6eab6..9f7bdc9 100644
--- a/apps/www/public/registry/components/input.json
+++ b/apps/www/public/registry/components/input.json
@@ -3,11 +3,7 @@
   "files": [
     {
       "name": "input.tsx",
-<<<<<<< Updated upstream
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { EyeClosedIcon, EyeOpenIcon } from \"@radix-ui/react-icons\";\n\nexport interface InputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    \"children\" | \"prefix\" | \"suffix\"\n  > {\n  \n  className?: string;\n  \n  iclassName?: string;\n  \n  prefix?: React.ReactNode | string;\n  \n  suffix?: React.ReactNode | string;\n  \n  prefixStyling?: boolean;\n  \n  label?: string;\n  \n  suffixStyling?: boolean;\n  \n  error?: string;\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      iclassName,\n      prefix,\n      suffix,\n      prefixStyling = true,\n      suffixStyling = true,\n      label,\n      type,\n      error,\n      ...props\n    },\n    ref,\n  ) => {\n    \n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const suffixRef = React.useRef<HTMLDivElement>(null);\n    \n    const [prefixWidth, setPrefixWidth] = React.useState(0);\n    const [suffixWidth, setSuffixWidth] = React.useState(0);\n    \n    React.useEffect(() => {\n      if (prefixRef.current) {\n        setPrefixWidth(prefixRef.current.offsetWidth);\n      }\n      if (suffixRef.current) {\n        setSuffixWidth(suffixRef.current.offsetWidth);\n      }\n    }, [prefix, suffix]);\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        {label && (\n          <label\n            className={`text-sm ${error ? \"text-[#ff6166]\" : \"text-muted-foreground\"} `}\n            htmlFor={props.id}\n          >\n            {label}\n          </label>\n        )}\n        {prefix && (\n          <div\n            ref={prefixRef}\n            className={cn(\n              \"absolute top-0 left-0 h-full flex items-center justify-center pl-2 text-muted-foreground\",\n              `${prefixStyling ? \"rounded-l-md\" : \"\"}`,\n            )}\n          >\n            {prefix}\n            {prefixStyling && <div className=\"h-[94%] w-px ml-2 bg-border \" />}\n          </div>\n        )}\n        <input\n          type={type}\n          className={cn(\n            \"flex w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-shadow file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:border-primary/75 focus-visible:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50\",\n            iclassName,\n            `${error ? \"outline-none ring-2 ring-[#ffe6e6] border-[#ff6166] dark:ring-[#561a1e] focus-visible:dark:ring-primary/35 dark:hover:ring-[#832126] hover:ring-[#f8b9b9]\" : \"\"}`,\n          )}\n          style={{\n            paddingLeft: prefix ? `${prefixWidth + 12}px` : \"0.75rem\",\n            paddingRight: suffix ? `${suffixWidth + 12}px` : \"0.75rem\",\n          }}\n          ref={ref}\n          {...props}\n        />\n        {suffix && (\n          <div\n            ref={suffixRef}\n            className={cn(\n              \"absolute top-0 right-0 h-full flex items-center justify-center pr-2 text-muted-foreground\",\n              `${suffixStyling ? \"rounded-r-md\" : \"\"}`,\n            )}\n          >\n            {suffixStyling && (\n              <div className=\"h-[94%] w-[1px] mr-2 bg-border \" />\n            )}\n            {suffix}\n          </div>\n        )}\n        {error && (\n          <div\n            className=\"flex items-center text-sm text-[#ff6166] mt-1\"\n            role=\"alert\"\n          >\n            <svg\n              data-testid=\"geist-icon\"\n              height=\"16\"\n              strokeLinejoin=\"round\"\n              viewBox=\"0 0 16 16\"\n              width=\"16\"\n              style={{ color: \"currentcolor\" }}\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M5.30761 1.5L1.5 5.30761L1.5 10.6924L5.30761 14.5H10.6924L14.5 10.6924V5.30761L10.6924 1.5H5.30761ZM5.10051 0C4.83529 0 4.58094 0.105357 4.3934 0.292893L0.292893 4.3934C0.105357 4.58094 0 4.83529 0 5.10051V10.8995C0 11.1647 0.105357 11.4191 0.292894 11.6066L4.3934 15.7071C4.58094 15.8946 4.83529 16 5.10051 16H10.8995C11.1647 16 11.4191 15.8946 11.6066 15.7071L15.7071 11.6066C15.8946 11.4191 16 11.1647 16 10.8995V5.10051C16 4.83529 15.8946 4.58093 15.7071 4.3934L11.6066 0.292893C11.4191 0.105357 11.1647 0 10.8995 0H5.10051ZM8.75 3.75V4.5V8L8.75 8.75H7.25V8V4.5V3.75H8.75ZM8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            <label className=\"ml-1\" htmlFor=\"error\">\n              {error}\n            </label>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport interface SearchInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n  \n  enablePrefixStyling?: boolean;\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ enablePrefixStyling = false, ...props }, ref) => {\n    return (\n      <Input\n        type=\"search\"\n        prefix={\n          <svg\n            width=\"15\"\n            height=\"15\"\n            viewBox=\"0 0 15 15\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            ></path>\n          </svg>\n        }\n        prefixStyling={enablePrefixStyling}\n        className={cn(\"rounded-full\", props.className)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nSearchInput.displayName = \"SearchInput\";\n\nconst PasswordInput = React.forwardRef<\n  HTMLInputElement,\n  Omit<InputProps, \"label\" | \"error\">\n>(({ className, ...props }, ref) => {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className=\"relative\">\n      <Input\n        type={showPassword ? \"text\" : \"password\"}\n        className={cn(\"hide-password-toggle\", className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type=\"button\"\n        className={\n          \"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n        }\n        onClick={() => setShowPassword((prev) => !prev)}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOpenIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n        ) : (\n          <EyeClosedIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n        )}\n        <span className=\"sr-only\">\n          {showPassword ? \"Hide password\" : \"Show password\"}\n        </span>\n      </button>\n\n      {}\n      <style>{`\n\t\t\t\t\t.hide-password-toggle::-ms-reveal,\n\t\t\t\t\t.hide-password-toggle::-ms-clear {\n\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t`}</style>\n    </div>\n  );\n});\nPasswordInput.displayName = \"PasswordInput\";\n\nexport { Input, SearchInput, PasswordInput };\n"
-=======
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { EyeClosedIcon, EyeOpenIcon } from \"@radix-ui/react-icons\";\n\nexport interface InputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    \"children\" | \"prefix\" | \"suffix\"\n  > {\n  \n  className?: string;\n  \n  iclassName?: string;\n  \n  prefix?: React.ReactNode | string;\n  \n  suffix?: React.ReactNode | string;\n  \n  prefixStyling?: boolean;\n  \n  label?: string;\n  \n  suffixStyling?: boolean;\n  \n  error?: string;\n}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      className,\n      iclassName,\n      prefix,\n      suffix,\n      prefixStyling = true,\n      suffixStyling = true,\n      label,\n      type,\n      error,\n      ...props\n    },\n    ref,\n  ) => {\n    \n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const suffixRef = React.useRef<HTMLDivElement>(null);\n    \n    const [prefixWidth, setPrefixWidth] = React.useState(0);\n    const [suffixWidth, setSuffixWidth] = React.useState(0);\n    \n    React.useEffect(() => {\n      if (prefixRef.current) {\n        setPrefixWidth(prefixRef.current.offsetWidth);\n      }\n      if (suffixRef.current) {\n        setSuffixWidth(suffixRef.current.offsetWidth);\n      }\n    }, [prefix, suffix]);\n\n    return (\n      <div className={cn(\"relative\", className)}>\n        {label && (\n          <label\n            className={`text-sm ${error ? \"text-[#ff6166]\" : \"text-muted-foreground\"} `}\n            htmlFor={props.id}\n          >\n            {label}\n          </label>\n        )}\n        {prefix && (\n          <div\n            ref={prefixRef}\n            className={cn(\n              \"absolute top-0 left-0 h-full flex items-center justify-center pl-2 text-muted-foreground\",\n              `${prefixStyling ? \"rounded-l-md\" : \"\"}`,\n            )}\n          >\n            {prefix}\n            {prefixStyling && <div className=\"h-[94%] w-px ml-2 bg-border \" />}\n          </div>\n        )}\n        <input\n          type={type}\n          className={cn(\n            \"flex w-full h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-shadow file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:border-primary/75 focus-visible:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50\",\n            iclassName,\n            `${error ? \"outline-none ring-2 ring-[#ffe6e6] border-[#ff6166] dark:ring-[#561a1e] focus-visible:dark:ring-primary/35 dark:hover:ring-[#832126] hover:ring-[#f8b9b9]\" : \"\"}`,\n          )}\n          style={{\n            paddingLeft: prefix ? `${prefixWidth + 12}px` : \"0.75rem\",\n            paddingRight: suffix ? `${suffixWidth + 12}px` : \"0.75rem\",\n          }}\n          ref={ref}\n          {...props}\n        />\n        {suffix && (\n          <div\n            ref={suffixRef}\n            className={cn(\n              \"absolute top-0 right-0 h-full flex items-center justify-center pr-2 text-muted-foreground\",\n              `${suffixStyling ? \"rounded-r-md\" : \"\"}`,\n            )}\n          >\n            {suffixStyling && (\n              <div className=\"h-[94%] w-[1px] mr-2 bg-border \" />\n            )}\n            {suffix}\n          </div>\n        )}\n        {error && (\n          <div\n            className=\"flex items-center text-sm text-[#ff6166] mt-1\"\n            role=\"alert\"\n          >\n            <svg\n              data-testid=\"geist-icon\"\n              height=\"16\"\n              strokeLinejoin=\"round\"\n              viewBox=\"0 0 16 16\"\n              width=\"16\"\n              style={{ color: \"currentcolor\" }}\n            >\n              <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M5.30761 1.5L1.5 5.30761L1.5 10.6924L5.30761 14.5H10.6924L14.5 10.6924V5.30761L10.6924 1.5H5.30761ZM5.10051 0C4.83529 0 4.58094 0.105357 4.3934 0.292893L0.292893 4.3934C0.105357 4.58094 0 4.83529 0 5.10051V10.8995C0 11.1647 0.105357 11.4191 0.292894 11.6066L4.3934 15.7071C4.58094 15.8946 4.83529 16 5.10051 16H10.8995C11.1647 16 11.4191 15.8946 11.6066 15.7071L15.7071 11.6066C15.8946 11.4191 16 11.1647 16 10.8995V5.10051C16 4.83529 15.8946 4.58093 15.7071 4.3934L11.6066 0.292893C11.4191 0.105357 11.1647 0 10.8995 0H5.10051ZM8.75 3.75V4.5V8L8.75 8.75H7.25V8V4.5V3.75H8.75ZM8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            <label className=\"ml-1\" htmlFor=\"error\">\n              {error}\n            </label>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport interface SearchInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n  \n  enablePrefixStyling?: boolean;\n}\n\nconst SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ enablePrefixStyling = false, ...props }, ref) => {\n    return (\n      <Input\n        type=\"search\"\n        prefix={\n          <svg\n            width=\"15\"\n            height=\"15\"\n            viewBox=\"0 0 15 15\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z\"\n              fill=\"currentColor\"\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n            ></path>\n          </svg>\n        }\n        prefixStyling={enablePrefixStyling}\n        className={cn(\"rounded-full\", props.className)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nSearchInput.displayName = \"SearchInput\";\n\nconst PasswordInput = React.forwardRef<\n  HTMLInputElement,\n  Omit<InputProps, \"label\" | \"error\">\n>(({ className, ...props }, ref) => {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className=\"relative\">\n      <Input\n        type={showPassword ? \"text\" : \"password\"}\n        iclassName=\"hide-password-toggle\"\n        className={className}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type=\"button\"\n        className={\n          \"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent\"\n        }\n        onClick={() => setShowPassword((prev) => !prev)}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOpenIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n        ) : (\n          <EyeClosedIcon className=\"h-4 w-4\" aria-hidden=\"true\" />\n        )}\n        <span className=\"sr-only\">\n          {showPassword ? \"Hide password\" : \"Show password\"}\n        </span>\n      </button>\n\n      {}\n      <style>{`\n\t\t\t\t\t.hide-password-toggle::-ms-reveal,\n\t\t\t\t\t.hide-password-toggle::-ms-clear {\n\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t`}</style>\n    </div>\n  );\n});\nPasswordInput.displayName = \"PasswordInput\";\n\nexport { Input, SearchInput, PasswordInput };\n"
->>>>>>> Stashed changes
     }
   ],
   "type": "components:ui"
diff --git a/apps/www/public/registry/components/select.json b/apps/www/public/registry/components/select.json
index 31a0b0c..0c52f42 100644
--- a/apps/www/public/registry/components/select.json
+++ b/apps/www/public/registry/components/select.json
@@ -4,11 +4,7 @@
   "files": [
     {
       "name": "select.tsx",
-<<<<<<< Updated upstream
       "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  CaretSortIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"@/utils/cn\";\nimport { motion } from \"framer-motion\";\nimport { useRuru } from \"@/provider\";\n\nconst Select = SelectPrimitive.Root;\nconst SelectGroup = SelectPrimitive.Group;\nconst SelectValue = SelectPrimitive.Value;\n\nexport const selectAnimationVariants = {\n  zoom: {\n    initial: { opacity: 0, scale: 0.9 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.9 },\n    transition: { type: \"spring\", stiffness: 600, damping: 25 },\n  },\n  scaleBounce: {\n    initial: { opacity: 0, scale: 0.5 },\n    animate: { opacity: 1, scale: [1.2, 0.9, 1] },\n    exit: { opacity: 0, scale: 0.5 },\n    transition: { type: \"spring\", stiffness: 600, damping: 20 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.3 },\n  },\n  slideUp: {\n    initial: { opacity: 0, y: 20 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 20 },\n    transition: { type: \"spring\", stiffness: 500, damping: 20 },\n  },\n  slideDown: {\n    initial: { opacity: 0, y: -20 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: -20 },\n    transition: { type: \"spring\", stiffness: 500, damping: 20 },\n  },\n  slideRight: {\n    initial: { opacity: 0, x: -30 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: -30 },\n    transition: { type: \"spring\", stiffness: 400, damping: 20 },\n  },\n  slideLeft: {\n    initial: { opacity: 0, x: 30 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: 30 },\n    transition: { type: \"spring\", stiffness: 400, damping: 20 },\n  },\n  flip: {\n    initial: { opacity: 0, rotateY: 90 },\n    animate: { opacity: 1, rotateY: 0 },\n    exit: { opacity: 0, rotateY: 90 },\n    transition: { type: \"spring\", stiffness: 500, damping: 30 },\n  },\n  rotate: {\n    initial: { opacity: 0, rotate: -180 },\n    animate: { opacity: 1, rotate: 0 },\n    exit: { opacity: 0, rotate: -180 },\n    transition: { type: \"spring\", stiffness: 500, damping: 25 },\n  },\n};\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {\n    enableAnimation?: boolean;\n  }\n>(({ className, children, enableAnimation = false, ...props }, ref) => {\n  const { animation } = useRuru();\n  return animation && enableAnimation ? (\n    <motion.div whileTap={{ scale: 0.93 }}>\n      <SelectPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:border-primary/75 focus:dark:ring-primary/35 focus:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SelectPrimitive.Icon asChild>\n          <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    </motion.div>\n  ) : (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:border-primary/75 focus:dark:ring-primary/35 focus:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\n\nconst AnimatedSelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n    selectedVariant: keyof typeof selectAnimationVariants;\n  }\n>(\n  (\n    { className, children, position = \"popper\", selectedVariant, ...props },\n    ref,\n  ) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        className={cn(\n          \"relative z-50 max-h-96 my-2 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        ref={ref}\n        asChild\n        position={position}\n        {...props}\n      >\n        <motion.div\n          className={cn(\n            \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md\",\n            className,\n          )}\n          {...selectAnimationVariants[selectedVariant]}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.Viewport\n            className={cn(\n              \"p-1\",\n              position === \"popper\" &&\n                \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n            )}\n          >\n            {children}\n          </SelectPrimitive.Viewport>\n          <SelectScrollDownButton />\n        </motion.div>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n);\nAnimatedSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n\nconst StaticSelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nStaticSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n    variants?: keyof typeof selectAnimationVariants;\n  }\n>((props, ref) => {\n  const { animation } = useRuru();\n  const selectedVariant = props.variants || \"zoom\";\n\n  return animation ? (\n    <AnimatedSelectContent\n      selectedVariant={selectedVariant}\n      ref={ref}\n      {...props}\n    />\n  ) : (\n    <StaticSelectContent ref={ref} {...props} />\n  );\n});\n\nSelectContent.displayName = \"SelectContent\";\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"
-=======
-      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport {\n  CaretSortIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"@/utils/cn\";\nimport { motion } from \"framer-motion\";\nimport { useRuru } from \"@/provider\";\n\nconst Select = SelectPrimitive.Root;\nconst SelectGroup = SelectPrimitive.Group;\nconst SelectValue = SelectPrimitive.Value;\n\nexport const selectAnimationVariants = {\n  zoom: {\n    initial: { opacity: 0, scale: 0.9 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.9 },\n    transition: { type: \"spring\", stiffness: 600, damping: 25 },\n  },\n  scaleBounce: {\n    initial: { opacity: 0, scale: 0.5 },\n    animate: { opacity: 1, scale: [1.2, 0.9, 1] },\n    exit: { opacity: 0, scale: 0.5 },\n    transition: { type: \"spring\", stiffness: 600, damping: 20 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.3 },\n  },\n  slideUp: {\n    initial: { opacity: 0, y: 20 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 20 },\n    transition: { type: \"spring\", stiffness: 500, damping: 20 },\n  },\n  slideDown: {\n    initial: { opacity: 0, y: -20 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: -20 },\n    transition: { type: \"spring\", stiffness: 500, damping: 20 },\n  },\n  slideRight: {\n    initial: { opacity: 0, x: -30 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: -30 },\n    transition: { type: \"spring\", stiffness: 400, damping: 20 },\n  },\n  slideLeft: {\n    initial: { opacity: 0, x: 30 },\n    animate: { opacity: 1, x: 0 },\n    exit: { opacity: 0, x: 30 },\n    transition: { type: \"spring\", stiffness: 400, damping: 20 },\n  },\n  flip: {\n    initial: { opacity: 0, rotateY: 90 },\n    animate: { opacity: 1, rotateY: 0 },\n    exit: { opacity: 0, rotateY: 90 },\n    transition: { type: \"spring\", stiffness: 500, damping: 30 },\n  },\n  rotate: {\n    initial: { opacity: 0, rotate: -180 },\n    animate: { opacity: 1, rotate: 0 },\n    exit: { opacity: 0, rotate: -180 },\n    transition: { type: \"spring\", stiffness: 500, damping: 25 },\n  },\n};\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {\n    enableAnimation?: boolean;\n  }\n>(({ className, children, enableAnimation = false, ...props }, ref) => {\n  const { animation } = useRuru();\n  return animation && enableAnimation ? (\n    <motion.div whileTap={{ scale: 0.93 }}>\n      <SelectPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:border-primary/75 focus:dark:ring-primary/35 focus:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <SelectPrimitive.Icon asChild>\n          <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n        </SelectPrimitive.Icon>\n      </SelectPrimitive.Trigger>\n    </motion.div>\n  ) : (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:border-primary/75 focus:dark:ring-primary/35 focus:ring-primary/35 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <CaretSortIcon className=\"h-4 w-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1 w-full absolute top-0 bg-popover z-10\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1 w-full absolute bottom-0 bg-popover z-10\",\n      className,\n    )}\n    {...props}\n  >\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\n\nconst AnimatedSelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n    selectedVariant: keyof typeof selectAnimationVariants;\n  }\n>(\n  (\n    { className, children, position = \"popper\", selectedVariant, ...props },\n    ref,\n  ) => (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        className={cn(\n          \"relative z-50 max-h-96 my-2 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        ref={ref}\n        asChild\n        position={position}\n        {...props}\n      >\n        <motion.div\n          className={cn(\n            \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md\",\n            className,\n          )}\n          {...selectAnimationVariants[selectedVariant]}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.Viewport\n            className={cn(\n              \"p-1\",\n              position === \"popper\" &&\n                \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n            )}\n          >\n            {children}\n          </SelectPrimitive.Viewport>\n          <SelectScrollDownButton />\n        </motion.div>\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  ),\n);\nAnimatedSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n\nconst StaticSelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nStaticSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {\n    variants?: keyof typeof selectAnimationVariants;\n  }\n>((props, ref) => {\n  const { animation } = useRuru();\n  const selectedVariant = props.variants || \"zoom\";\n\n  return animation ? (\n    <AnimatedSelectContent\n      selectedVariant={selectedVariant}\n      ref={ref}\n      {...props}\n    />\n  ) : (\n    <StaticSelectContent ref={ref} {...props} />\n  );\n});\n\nSelectContent.displayName = \"SelectContent\";\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"
->>>>>>> Stashed changes
     }
   ],
   "type": "components:ui"