4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T4f7,import { type AnyFormApi } from "@tanstack/react-form"; import { useState } from "react"; import { EyeIcon, EyeOffIcon, LockIcon } from "lucide-react"; import { Button } from "@/components/ui/button"; import { FormInput, type FormInputProps } from "@/components/ui/forms/form-input"; type FormPasswordInputProps = FormInputProps & {}; export const FormPassword = ({ prefix, suffix, ...rest }: FormPasswordInputProps) => { const [show, setShow] = useState(false); return ( } suffix={ suffix ?? ( ) } /> ); }; 52:T845,import { type AnyFormApi, type DeepKeys, useField } from "@tanstack/react-form"; import type { ComponentProps, ReactNode } from "react"; import { cn } from "@/lib/utils"; import { Field, FieldLabel } from "@/components/ui/field"; import { FormError } from "@/components/ui/forms/form-error"; import { type GetFormData } from "@/components/ui/forms/helpers"; import { Input } from "@/components/ui/input"; export type FormInputProps = Omit, "name" | "form" | "prefix"> & { label?: ReactNode; form: TForm; name: DeepKeys>; prefix?: ReactNode; suffix?: ReactNode; }; export const FormInput = ({ label, form, name, className, prefix, suffix, ...rest }: FormInputProps) => { const field = useField({ form, name, }); const errors = field.state.meta.errors[0]; const error = typeof errors === "object" ? errors.message : errors; return ( {label && {label}}

{prefix &&

{prefix}

} { const val = e.target.value; field.handleChange(rest.type === "number" ? Number(val) : val); }} aria-invalid={error != undefined} {...rest} /> {suffix &&

{suffix}

}

); }; 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@tanstack/react-form",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tanstack%2Freact-form","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tanstack/react-form"}]]}]}]]}],["$","$L4f",null,{"namespace":"@paceui","registryDependencies":["button","field","input"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"components/ui/forms/form-password.tsx","content":"$51","type":"registry:component"},{"path":"components/ui/forms/form-input.tsx","content":"$52","type":"registry:ui"},{"path":"components/ui/forms/form-error.tsx","content":"import { type AnyFormApi, type DeepKeys, useField } from \"@tanstack/react-form\";\nimport type { InputHTMLAttributes } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { type GetFormData } from \"@/components/ui/forms/helpers\";\n\nexport type FormErrorProps = Omit<\n InputHTMLAttributes,\n \"name\" | \"form\"\n> & {\n form: TForm;\n name: DeepKeys>;\n};\n\nexport const FormError = ({ form, name = \"\", className, ...rest }: FormErrorProps) => {\n const field = useField({\n form,\n name,\n });\n\n const errors = field.state.meta.errors[0];\n const error = typeof errors === \"object\" ? errors.message : errors;\n\n return (\n <>\n {error && (\n

\n {error}\n

\n )}\n \n );\n};\n","type":"registry:ui"},{"path":"components/ui/forms/helpers.ts","content":"import { type AnyFormApi, type DeepKeys, type FormApi } from \"@tanstack/react-form\";\n\nexport type GetFormData =\n TForm extends FormApi ? TData : never;\n\nexport const setFieldError = (\n form: TForm,\n field: DeepKeys>,\n error: string,\n) => {\n form.setFieldMeta(field, (prev) => ({\n ...prev,\n errorMap: {\n ...prev.errorMap,\n onSubmit: error,\n },\n }));\n};\n\nexport const clearFormErrors = (form: TForm) => {\n form.setErrorMap({ onDynamic: { fields: {} } });\n};\n","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]