@luochuanyuewu/payload-auth 1.8.0

package/dist/shared/form/fields/text-field.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useStore } from "@tanstack/react-form";
+import { useFieldContext } from "../index";
+import { FieldErrors, FieldInputWrap, FormField, FormLabel } from "../ui";
+export function TextField({ className, label, required = false, type = "text", autoComplete = "off", onValueChange }) {
+    const field = useFieldContext();
+    const meta = useStore(field.store, (state)=>state.meta);
+    const hasError = meta.isTouched && meta.errors.length > 0;
+    return /*#__PURE__*/ _jsxs(FormField, {
+        id: field.name,
+        className: className,
+        hasError: hasError,
+        children: [
+            /*#__PURE__*/ _jsx(FormLabel, {
+                label: label,
+                htmlFor: field.name,
+                required: required
+            }),
+            /*#__PURE__*/ _jsxs(FieldInputWrap, {
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        autoComplete: autoComplete,
+                        type: type,
+                        id: field.name,
+                        name: field.name,
+                        value: field.state.value,
+                        onChange: (e)=>{
+                            field.handleChange(e.target.value);
+                            onValueChange?.(e.target.value);
+                        },
+                        onBlur: field.handleBlur,
+                        required: required,
+                        className: "text-field"
+                    }),
+                    /*#__PURE__*/ _jsx(FieldErrors, {
+                        meta: meta
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS9maWVsZHMvdGV4dC1maWVsZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RvcmUgfSBmcm9tIFwiQHRhbnN0YWNrL3JlYWN0LWZvcm1cIjtcbmltcG9ydCB7IHVzZUZpZWxkQ29udGV4dCB9IGZyb20gXCIuLi9pbmRleFwiO1xuaW1wb3J0IHsgRmllbGRFcnJvcnMsIEZpZWxkSW5wdXRXcmFwLCBGb3JtRmllbGQsIEZvcm1MYWJlbCB9IGZyb20gXCIuLi91aVwiO1xuXG5leHBvcnQgZnVuY3Rpb24gVGV4dEZpZWxkKHtcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgdHlwZSA9IFwidGV4dFwiLFxuICBhdXRvQ29tcGxldGUgPSBcIm9mZlwiLFxuICBvblZhbHVlQ2hhbmdlXG59OiB7XG4gIGNsYXNzTmFtZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIHR5cGU/OiBzdHJpbmc7XG4gIGF1dG9Db21wbGV0ZT86IHN0cmluZztcbiAgb25WYWx1ZUNoYW5nZT86ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xufSkge1xuICBjb25zdCBmaWVsZCA9IHVzZUZpZWxkQ29udGV4dDxzdHJpbmc+KCk7XG4gIGNvbnN0IG1ldGEgPSB1c2VTdG9yZShmaWVsZC5zdG9yZSwgKHN0YXRlKSA9PiBzdGF0ZS5tZXRhKTtcblxuICBjb25zdCBoYXNFcnJvciA9IG1ldGEuaXNUb3VjaGVkICYmIG1ldGEuZXJyb3JzLmxlbmd0aCA+IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUZpZWxkIGlkPXtmaWVsZC5uYW1lfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gaGFzRXJyb3I9e2hhc0Vycm9yfT5cbiAgICAgIDxGb3JtTGFiZWwgbGFiZWw9e2xhYmVsfSBodG1sRm9yPXtmaWVsZC5uYW1lfSByZXF1aXJlZD17cmVxdWlyZWR9IC8+XG4gICAgICA8RmllbGRJbnB1dFdyYXA+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgaWQ9e2ZpZWxkLm5hbWV9XG4gICAgICAgICAgbmFtZT17ZmllbGQubmFtZX1cbiAgICAgICAgICB2YWx1ZT17ZmllbGQuc3RhdGUudmFsdWV9XG4gICAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiB7XG4gICAgICAgICAgICBmaWVsZC5oYW5kbGVDaGFuZ2UoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgb25WYWx1ZUNoYW5nZT8uKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQmx1cj17ZmllbGQuaGFuZGxlQmx1cn1cbiAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgY2xhc3NOYW1lPVwidGV4dC1maWVsZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxGaWVsZEVycm9ycyBtZXRhPXttZXRhfSAvPlxuICAgICAgPC9GaWVsZElucHV0V3JhcD5cbiAgICA8L0Zvcm1GaWVsZD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6WyJ1c2VTdG9yZSIsInVzZUZpZWxkQ29udGV4dCIsIkZpZWxkRXJyb3JzIiwiRmllbGRJbnB1dFdyYXAiLCJGb3JtRmllbGQiLCJGb3JtTGFiZWwiLCJUZXh0RmllbGQiLCJjbGFzc05hbWUiLCJsYWJlbCIsInJlcXVpcmVkIiwidHlwZSIsImF1dG9Db21wbGV0ZSIsIm9uVmFsdWVDaGFuZ2UiLCJmaWVsZCIsIm1ldGEiLCJzdG9yZSIsInN0YXRlIiwiaGFzRXJyb3IiLCJpc1RvdWNoZWQiLCJlcnJvcnMiLCJsZW5ndGgiLCJpZCIsIm5hbWUiLCJodG1sRm9yIiwiaW5wdXQiLCJ2YWx1ZSIsIm9uQ2hhbmdlIiwiZSIsImhhbmRsZUNoYW5nZSIsInRhcmdldCIsIm9uQmx1ciIsImhhbmRsZUJsdXIiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxRQUFRLFFBQVEsdUJBQXVCO0FBQ2hELFNBQVNDLGVBQWUsUUFBUSxXQUFXO0FBQzNDLFNBQVNDLFdBQVcsRUFBRUMsY0FBYyxFQUFFQyxTQUFTLEVBQUVDLFNBQVMsUUFBUSxRQUFRO0FBRTFFLE9BQU8sU0FBU0MsVUFBVSxFQUN4QkMsU0FBUyxFQUNUQyxLQUFLLEVBQ0xDLFdBQVcsS0FBSyxFQUNoQkMsT0FBTyxNQUFNLEVBQ2JDLGVBQWUsS0FBSyxFQUNwQkMsYUFBYSxFQVFkO0lBQ0MsTUFBTUMsUUFBUVo7SUFDZCxNQUFNYSxPQUFPZCxTQUFTYSxNQUFNRSxLQUFLLEVBQUUsQ0FBQ0MsUUFBVUEsTUFBTUYsSUFBSTtJQUV4RCxNQUFNRyxXQUFXSCxLQUFLSSxTQUFTLElBQUlKLEtBQUtLLE1BQU0sQ0FBQ0MsTUFBTSxHQUFHO0lBRXhELHFCQUNFLE1BQUNoQjtRQUFVaUIsSUFBSVIsTUFBTVMsSUFBSTtRQUFFZixXQUFXQTtRQUFXVSxVQUFVQTs7MEJBQ3pELEtBQUNaO2dCQUFVRyxPQUFPQTtnQkFBT2UsU0FBU1YsTUFBTVMsSUFBSTtnQkFBRWIsVUFBVUE7OzBCQUN4RCxNQUFDTjs7a0NBQ0MsS0FBQ3FCO3dCQUNDYixjQUFjQTt3QkFDZEQsTUFBTUE7d0JBQ05XLElBQUlSLE1BQU1TLElBQUk7d0JBQ2RBLE1BQU1ULE1BQU1TLElBQUk7d0JBQ2hCRyxPQUFPWixNQUFNRyxLQUFLLENBQUNTLEtBQUs7d0JBQ3hCQyxVQUFVLENBQUNDOzRCQUNUZCxNQUFNZSxZQUFZLENBQUNELEVBQUVFLE1BQU0sQ0FBQ0osS0FBSzs0QkFDakNiLGdCQUFnQmUsRUFBRUUsTUFBTSxDQUFDSixLQUFLO3dCQUNoQzt3QkFDQUssUUFBUWpCLE1BQU1rQixVQUFVO3dCQUN4QnRCLFVBQVVBO3dCQUNWRixXQUFVOztrQ0FFWixLQUFDTDt3QkFBWVksTUFBTUE7Ozs7OztBQUkzQiJ9

package/dist/shared/form/index.d.ts

@@ -0,0 +1,28 @@
+import { TextField } from "./fields/text-field";
+declare const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+}, {
+    readonly Submit: import("react").FC<{
+        label: string;
+        loadingLabel: string;
+    }>;
+}>, withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+}, {
+    readonly Submit: import("react").FC<{
+        label: string;
+        loadingLabel: string;
+    }>;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: typeof TextField;
+    }, {
+        readonly Submit: import("react").FC<{
+            label: string;
+            loadingLabel: string;
+        }>;
+    }>;
+}>>;
+export { fieldContext, formContext, useAppForm, useFieldContext, useFormContext, withForm };
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,QAAA,MAAQ,YAAY,uEAAE,WAAW,sEAAE,eAAe,gLAAE,cAAc,yIACxC,CAAC;AAE3B,QAAA,MAAQ,UAAU;;;;;;;IAAE,QAAQ;;;;;;;;;;;;;;;;GAS1B,CAAC;AAEH,OAAO,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,eAAe,EACf,cAAc,EACd,QAAQ,EACT,CAAC"}

package/dist/shared/form/index.js

@@ -0,0 +1,17 @@
+import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
+import { Submit } from "./components/submit";
+import { TextField } from "./fields/text-field";
+const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
+const { useAppForm, withForm } = createFormHook({
+    fieldContext,
+    formContext,
+    fieldComponents: {
+        TextField
+    },
+    formComponents: {
+        Submit
+    }
+});
+export { fieldContext, formContext, useAppForm, useFieldContext, useFormContext, withForm };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVGb3JtSG9vaywgY3JlYXRlRm9ybUhvb2tDb250ZXh0cyB9IGZyb20gXCJAdGFuc3RhY2svcmVhY3QtZm9ybVwiO1xuaW1wb3J0IHsgU3VibWl0IH0gZnJvbSBcIi4vY29tcG9uZW50cy9zdWJtaXRcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuL2ZpZWxkcy90ZXh0LWZpZWxkXCI7XG5cbmNvbnN0IHsgZmllbGRDb250ZXh0LCBmb3JtQ29udGV4dCwgdXNlRmllbGRDb250ZXh0LCB1c2VGb3JtQ29udGV4dCB9ID1cbiAgY3JlYXRlRm9ybUhvb2tDb250ZXh0cygpO1xuXG5jb25zdCB7IHVzZUFwcEZvcm0sIHdpdGhGb3JtIH0gPSBjcmVhdGVGb3JtSG9vayh7XG4gIGZpZWxkQ29udGV4dCxcbiAgZm9ybUNvbnRleHQsXG4gIGZpZWxkQ29tcG9uZW50czoge1xuICAgIFRleHRGaWVsZFxuICB9LFxuICBmb3JtQ29tcG9uZW50czoge1xuICAgIFN1Ym1pdFxuICB9XG59KTtcblxuZXhwb3J0IHtcbiAgZmllbGRDb250ZXh0LFxuICBmb3JtQ29udGV4dCxcbiAgdXNlQXBwRm9ybSxcbiAgdXNlRmllbGRDb250ZXh0LFxuICB1c2VGb3JtQ29udGV4dCxcbiAgd2l0aEZvcm1cbn07XG4iXSwibmFtZXMiOlsiY3JlYXRlRm9ybUhvb2siLCJjcmVhdGVGb3JtSG9va0NvbnRleHRzIiwiU3VibWl0IiwiVGV4dEZpZWxkIiwiZmllbGRDb250ZXh0IiwiZm9ybUNvbnRleHQiLCJ1c2VGaWVsZENvbnRleHQiLCJ1c2VGb3JtQ29udGV4dCIsInVzZUFwcEZvcm0iLCJ3aXRoRm9ybSIsImZpZWxkQ29tcG9uZW50cyIsImZvcm1Db21wb25lbnRzIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxjQUFjLEVBQUVDLHNCQUFzQixRQUFRLHVCQUF1QjtBQUM5RSxTQUFTQyxNQUFNLFFBQVEsc0JBQXNCO0FBQzdDLFNBQVNDLFNBQVMsUUFBUSxzQkFBc0I7QUFFaEQsTUFBTSxFQUFFQyxZQUFZLEVBQUVDLFdBQVcsRUFBRUMsZUFBZSxFQUFFQyxjQUFjLEVBQUUsR0FDbEVOO0FBRUYsTUFBTSxFQUFFTyxVQUFVLEVBQUVDLFFBQVEsRUFBRSxHQUFHVCxlQUFlO0lBQzlDSTtJQUNBQztJQUNBSyxpQkFBaUI7UUFDZlA7SUFDRjtJQUNBUSxnQkFBZ0I7UUFDZFQ7SUFDRjtBQUNGO0FBRUEsU0FDRUUsWUFBWSxFQUNaQyxXQUFXLEVBQ1hHLFVBQVUsRUFDVkYsZUFBZSxFQUNmQyxjQUFjLEVBQ2RFLFFBQVEsR0FDUiJ9

package/dist/shared/form/ui/header/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./index.scss";
+interface Props extends React.ComponentProps<"div"> {
+    description?: React.ReactNode | string;
+    heading: string;
+}
+export declare function FormHeader({ description, heading, ...props }: Props): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/form/ui/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/form/ui/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAItB,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,4BAWnE"}

package/dist/shared/form/ui/header/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import "./index.scss";
+const baseClass = "form-header";
+export function FormHeader({ description, heading, ...props }) {
+    if (!heading) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("h1", {
+                children: heading
+            }),
+            Boolean(description) && /*#__PURE__*/ _jsx("p", {
+                children: description
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS91aS9oZWFkZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IFwiLi9pbmRleC5zY3NzXCI7XG5cbmNvbnN0IGJhc2VDbGFzcyA9IFwiZm9ybS1oZWFkZXJcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBkZXNjcmlwdGlvbj86IFJlYWN0LlJlYWN0Tm9kZSB8IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gRm9ybUhlYWRlcih7IGRlc2NyaXB0aW9uLCBoZWFkaW5nLCAuLi5wcm9wcyB9OiBQcm9wcykge1xuICBpZiAoIWhlYWRpbmcpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30gey4uLnByb3BzfT5cbiAgICAgIDxoMT57aGVhZGluZ308L2gxPlxuICAgICAge0Jvb2xlYW4oZGVzY3JpcHRpb24pICYmIDxwPntkZXNjcmlwdGlvbn08L3A+fVxuICAgIDwvZGl2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbIlJlYWN0IiwiYmFzZUNsYXNzIiwiRm9ybUhlYWRlciIsImRlc2NyaXB0aW9uIiwiaGVhZGluZyIsInByb3BzIiwiZGl2IiwiY2xhc3NOYW1lIiwiaDEiLCJCb29sZWFuIiwicCJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLFdBQVcsUUFBUTtBQUUxQixPQUFPLGVBQWU7QUFFdEIsTUFBTUMsWUFBWTtBQU9sQixPQUFPLFNBQVNDLFdBQVcsRUFBRUMsV0FBVyxFQUFFQyxPQUFPLEVBQUUsR0FBR0MsT0FBYztJQUNsRSxJQUFJLENBQUNELFNBQVM7UUFDWixPQUFPO0lBQ1Q7SUFFQSxxQkFDRSxNQUFDRTtRQUFJQyxXQUFXTjtRQUFZLEdBQUdJLEtBQUs7OzBCQUNsQyxLQUFDRzswQkFBSUo7O1lBQ0pLLFFBQVFOLDhCQUFnQixLQUFDTzswQkFBR1A7Ozs7QUFHbkMifQ==

package/dist/shared/form/ui/header/index.scss

@@ -0,0 +1,8 @@
+@layer payload-default {
+  .form-header {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) * 0.5);
+    margin-bottom: var(--base);
+  }
+}

package/dist/shared/form/ui/index.d.ts

@@ -0,0 +1,34 @@
+import type { AnyFieldMeta } from "@tanstack/react-form";
+import React, { type ReactNode } from "react";
+import "./index.scss";
+interface FormFieldProps extends React.ComponentProps<"div"> {
+    hasError?: boolean;
+}
+declare function FormField({ children, hasError, className, ...rest }: FormFieldProps): React.JSX.Element;
+interface FormLabelProps extends React.ComponentProps<"label"> {
+    label: ReactNode;
+    required?: boolean;
+}
+declare function FormLabel({ label, required, className, ...rest }: FormLabelProps): React.JSX.Element;
+interface FieldErrorsProps {
+    meta: AnyFieldMeta;
+    className?: string;
+}
+declare function FieldErrors({ meta, className }: FieldErrorsProps): React.JSX.Element | null;
+interface FormErrorProps {
+    errors?: string[];
+    className?: string;
+}
+declare function FormError({ errors, className }: FormErrorProps): React.JSX.Element | null;
+interface FormProps extends React.ComponentProps<"form"> {
+}
+declare function Form({ children, className, ...rest }: FormProps): React.JSX.Element;
+interface FormInputWrapProps extends React.ComponentProps<"div"> {
+}
+declare function FormInputWrap({ children, className, ...rest }: FormInputWrapProps): React.JSX.Element;
+interface FieldInputWrapProps extends React.ComponentProps<"div"> {
+}
+declare function FieldInputWrap({ children, className, ...rest }: FieldInputWrapProps): React.JSX.Element;
+export { FieldErrors, FieldInputWrap, Form, FormError, FormField, FormInputWrap, FormLabel };
+export type { FormErrorProps, FormFieldProps, FormInputWrapProps, FormLabelProps, FormProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/form/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/form/ui/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,cAAc,CAAC;AAEtB,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,qBAS5E;AAED,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,qBAOhB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,4BAezD;AAED,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,cAAc,4BAKvD;AAED,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;CAAG;AAE3D,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,qBAMxD;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,qBAM1E;AAED,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG;AAEpE,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,qBAM5E;AAED,OAAO,EACL,WAAW,EACX,cAAc,EACd,IAAI,EACJ,SAAS,EACT,SAAS,EACT,aAAa,EACb,SAAS,EACV,CAAC;AAEF,YAAY,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,SAAS,EACV,CAAC"}

package/dist/shared/form/ui/index.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@payloadcms/ui/elements/Tooltip";
+import clsx from "clsx";
+import React from "react";
+import "./index.scss";
+function FormField({ children, hasError, className, ...rest }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: clsx("field-type", className, {
+            error: hasError
+        }),
+        ...rest,
+        children: children
+    });
+}
+function FormLabel({ label, required = false, className, ...rest }) {
+    return /*#__PURE__*/ _jsxs("label", {
+        className: clsx("field-label", className),
+        ...rest,
+        children: [
+            label,
+            required && /*#__PURE__*/ _jsx("span", {
+                className: "required",
+                children: "*"
+            })
+        ]
+    });
+}
+function FieldErrors({ meta, className }) {
+    if (!meta.isTouched) return null;
+    const error = meta.errors.at(0)?.message || null;
+    return /*#__PURE__*/ _jsx(Tooltip, {
+        alignCaret: "right",
+        className: clsx("field-error", className),
+        show: !!error,
+        delay: 0,
+        staticPositioning: true,
+        children: error
+    });
+}
+function FormError({ errors, className }) {
+    if (!errors) return null;
+    return /*#__PURE__*/ _jsx("div", {
+        className: clsx("form-error", className),
+        children: errors.join(", ")
+    });
+}
+function Form({ children, className, ...rest }) {
+    return /*#__PURE__*/ _jsx("form", {
+        className: clsx("form", className),
+        ...rest,
+        children: children
+    });
+}
+function FormInputWrap({ children, className, ...rest }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: `${className}__inputWrap`,
+        ...rest,
+        children: children
+    });
+}
+function FieldInputWrap({ children, className, ...rest }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: clsx("field-type__wrap", className),
+        ...rest,
+        children: children
+    });
+}
+export { FieldErrors, FieldInputWrap, Form, FormError, FormField, FormInputWrap, FormLabel };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS91aS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAcGF5bG9hZGNtcy91aS9lbGVtZW50cy9Ub29sdGlwXCI7XG5pbXBvcnQgdHlwZSB7IEFueUZpZWxkTWV0YSB9IGZyb20gXCJAdGFuc3RhY2svcmVhY3QtZm9ybVwiO1xuaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBSZWFjdCwgeyB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgXCIuL2luZGV4LnNjc3NcIjtcblxuaW50ZXJmYWNlIEZvcm1GaWVsZFByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEZvcm1GaWVsZCh7IGNoaWxkcmVuLCBoYXNFcnJvciwgY2xhc3NOYW1lLCAuLi5yZXN0IH06IEZvcm1GaWVsZFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFwiZmllbGQtdHlwZVwiLCBjbGFzc05hbWUsIHsgZXJyb3I6IGhhc0Vycm9yIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5pbnRlcmZhY2UgRm9ybUxhYmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wczxcImxhYmVsXCI+IHtcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBGb3JtTGFiZWwoe1xuICBsYWJlbCxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBGb3JtTGFiZWxQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxsYWJlbCBjbGFzc05hbWU9e2Nsc3goXCJmaWVsZC1sYWJlbFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7bGFiZWx9XG4gICAgICB7cmVxdWlyZWQgJiYgPHNwYW4gY2xhc3NOYW1lPVwicmVxdWlyZWRcIj4qPC9zcGFuPn1cbiAgICA8L2xhYmVsPlxuICApO1xufVxuXG5pbnRlcmZhY2UgRmllbGRFcnJvcnNQcm9wcyB7XG4gIG1ldGE6IEFueUZpZWxkTWV0YTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBGaWVsZEVycm9ycyh7IG1ldGEsIGNsYXNzTmFtZSB9OiBGaWVsZEVycm9yc1Byb3BzKSB7XG4gIGlmICghbWV0YS5pc1RvdWNoZWQpIHJldHVybiBudWxsO1xuICBjb25zdCBlcnJvciA9IG1ldGEuZXJyb3JzLmF0KDApPy5tZXNzYWdlIHx8IG51bGw7XG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcFxuICAgICAgYWxpZ25DYXJldD1cInJpZ2h0XCJcbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcImZpZWxkLWVycm9yXCIsIGNsYXNzTmFtZSl9XG4gICAgICBzaG93PXshIWVycm9yfVxuICAgICAgZGVsYXk9ezB9XG4gICAgICBzdGF0aWNQb3NpdGlvbmluZ1xuICAgID5cbiAgICAgIHtlcnJvcn1cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59XG5cbmludGVyZmFjZSBGb3JtRXJyb3JQcm9wcyB7XG4gIGVycm9ycz86IHN0cmluZ1tdO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEZvcm1FcnJvcih7IGVycm9ycywgY2xhc3NOYW1lIH06IEZvcm1FcnJvclByb3BzKSB7XG4gIGlmICghZXJyb3JzKSByZXR1cm4gbnVsbDtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xzeChcImZvcm0tZXJyb3JcIiwgY2xhc3NOYW1lKX0+e2Vycm9ycy5qb2luKFwiLCBcIil9PC9kaXY+XG4gICk7XG59XG5cbmludGVyZmFjZSBGb3JtUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wczxcImZvcm1cIj4ge31cblxuZnVuY3Rpb24gRm9ybSh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogRm9ybVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGZvcm0gY2xhc3NOYW1lPXtjbHN4KFwiZm9ybVwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9mb3JtPlxuICApO1xufVxuXG5pbnRlcmZhY2UgRm9ybUlucHV0V3JhcFByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHM8XCJkaXZcIj4ge31cblxuZnVuY3Rpb24gRm9ybUlucHV0V3JhcCh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogRm9ybUlucHV0V3JhcFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZX1fX2lucHV0V3JhcGB9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuaW50ZXJmYWNlIEZpZWxkSW5wdXRXcmFwUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wczxcImRpdlwiPiB7fVxuXG5mdW5jdGlvbiBGaWVsZElucHV0V3JhcCh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfTogRmllbGRJbnB1dFdyYXBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbHN4KFwiZmllbGQtdHlwZV9fd3JhcFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCB7XG4gIEZpZWxkRXJyb3JzLFxuICBGaWVsZElucHV0V3JhcCxcbiAgRm9ybSxcbiAgRm9ybUVycm9yLFxuICBGb3JtRmllbGQsXG4gIEZvcm1JbnB1dFdyYXAsXG4gIEZvcm1MYWJlbFxufTtcblxuZXhwb3J0IHR5cGUge1xuICBGb3JtRXJyb3JQcm9wcyxcbiAgRm9ybUZpZWxkUHJvcHMsXG4gIEZvcm1JbnB1dFdyYXBQcm9wcyxcbiAgRm9ybUxhYmVsUHJvcHMsXG4gIEZvcm1Qcm9wc1xufTtcbiJdLCJuYW1lcyI6WyJUb29sdGlwIiwiY2xzeCIsIlJlYWN0IiwiRm9ybUZpZWxkIiwiY2hpbGRyZW4iLCJoYXNFcnJvciIsImNsYXNzTmFtZSIsInJlc3QiLCJkaXYiLCJlcnJvciIsIkZvcm1MYWJlbCIsImxhYmVsIiwicmVxdWlyZWQiLCJzcGFuIiwiRmllbGRFcnJvcnMiLCJtZXRhIiwiaXNUb3VjaGVkIiwiZXJyb3JzIiwiYXQiLCJtZXNzYWdlIiwiYWxpZ25DYXJldCIsInNob3ciLCJkZWxheSIsInN0YXRpY1Bvc2l0aW9uaW5nIiwiRm9ybUVycm9yIiwiam9pbiIsIkZvcm0iLCJmb3JtIiwiRm9ybUlucHV0V3JhcCIsIkZpZWxkSW5wdXRXcmFwIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsT0FBTyxRQUFRLGtDQUFrQztBQUUxRCxPQUFPQyxVQUFVLE9BQU87QUFDeEIsT0FBT0MsV0FBK0IsUUFBUTtBQUU5QyxPQUFPLGVBQWU7QUFNdEIsU0FBU0MsVUFBVSxFQUFFQyxRQUFRLEVBQUVDLFFBQVEsRUFBRUMsU0FBUyxFQUFFLEdBQUdDLE1BQXNCO0lBQzNFLHFCQUNFLEtBQUNDO1FBQ0NGLFdBQVdMLEtBQUssY0FBY0ssV0FBVztZQUFFRyxPQUFPSjtRQUFTO1FBQzFELEdBQUdFLElBQUk7a0JBRVBIOztBQUdQO0FBT0EsU0FBU00sVUFBVSxFQUNqQkMsS0FBSyxFQUNMQyxXQUFXLEtBQUssRUFDaEJOLFNBQVMsRUFDVCxHQUFHQyxNQUNZO0lBQ2YscUJBQ0UsTUFBQ0k7UUFBTUwsV0FBV0wsS0FBSyxlQUFlSztRQUFhLEdBQUdDLElBQUk7O1lBQ3ZESTtZQUNBQywwQkFBWSxLQUFDQztnQkFBS1AsV0FBVTswQkFBVzs7OztBQUc5QztBQU9BLFNBQVNRLFlBQVksRUFBRUMsSUFBSSxFQUFFVCxTQUFTLEVBQW9CO0lBQ3hELElBQUksQ0FBQ1MsS0FBS0MsU0FBUyxFQUFFLE9BQU87SUFDNUIsTUFBTVAsUUFBUU0sS0FBS0UsTUFBTSxDQUFDQyxFQUFFLENBQUMsSUFBSUMsV0FBVztJQUU1QyxxQkFDRSxLQUFDbkI7UUFDQ29CLFlBQVc7UUFDWGQsV0FBV0wsS0FBSyxlQUFlSztRQUMvQmUsTUFBTSxDQUFDLENBQUNaO1FBQ1JhLE9BQU87UUFDUEMsaUJBQWlCO2tCQUVoQmQ7O0FBR1A7QUFPQSxTQUFTZSxVQUFVLEVBQUVQLE1BQU0sRUFBRVgsU0FBUyxFQUFrQjtJQUN0RCxJQUFJLENBQUNXLFFBQVEsT0FBTztJQUNwQixxQkFDRSxLQUFDVDtRQUFJRixXQUFXTCxLQUFLLGNBQWNLO2tCQUFhVyxPQUFPUSxJQUFJLENBQUM7O0FBRWhFO0FBSUEsU0FBU0MsS0FBSyxFQUFFdEIsUUFBUSxFQUFFRSxTQUFTLEVBQUUsR0FBR0MsTUFBaUI7SUFDdkQscUJBQ0UsS0FBQ29CO1FBQUtyQixXQUFXTCxLQUFLLFFBQVFLO1FBQWEsR0FBR0MsSUFBSTtrQkFDL0NIOztBQUdQO0FBSUEsU0FBU3dCLGNBQWMsRUFBRXhCLFFBQVEsRUFBRUUsU0FBUyxFQUFFLEdBQUdDLE1BQTBCO0lBQ3pFLHFCQUNFLEtBQUNDO1FBQUlGLFdBQVcsR0FBR0EsVUFBVSxXQUFXLENBQUM7UUFBRyxHQUFHQyxJQUFJO2tCQUNoREg7O0FBR1A7QUFJQSxTQUFTeUIsZUFBZSxFQUFFekIsUUFBUSxFQUFFRSxTQUFTLEVBQUUsR0FBR0MsTUFBMkI7SUFDM0UscUJBQ0UsS0FBQ0M7UUFBSUYsV0FBV0wsS0FBSyxvQkFBb0JLO1FBQWEsR0FBR0MsSUFBSTtrQkFDMURIOztBQUdQO0FBRUEsU0FDRVUsV0FBVyxFQUNYZSxjQUFjLEVBQ2RILElBQUksRUFDSkYsU0FBUyxFQUNUckIsU0FBUyxFQUNUeUIsYUFBYSxFQUNibEIsU0FBUyxHQUNUIn0=

package/dist/shared/form/ui/index.scss

@@ -0,0 +1,27 @@
+.field-error {
+  display: block;
+}
+
+.field-error-message {
+  margin-top: 6px;
+  color: var(--theme-error-950);
+  background-color: var(--theme-error-300);
+  border-radius: 2px;
+  padding: 4px 8px;
+  line-height: 15px;
+}
+
+html[data-theme="light"] .form-error {
+  background-color: var(--theme-error-200);
+  color: black;
+}
+
+.form-error {
+  display: block;
+  color: var(--theme-error-950);
+  background-color: var(--theme-error-300);
+  color: white;
+  border-radius: var(--style-radius-s);
+  padding: 10px 15px;
+  margin-bottom: 1.2rem;
+}

package/dist/shared/form/validation.d.ts

@@ -0,0 +1,65 @@
+import { z } from "zod";
+/**
+ * Minimal translation function type extracted from `i18next`.
+ * Accepts a key and returns the translated string.
+ */
+export type Translate = (...args: any[]) => string;
+export declare const emailField: ({ t, required }: {
+    t: Translate;
+    required?: boolean;
+}) => z.ZodString;
+export declare const usernameField: ({ t, required }: {
+    t: Translate;
+    required?: boolean;
+}) => z.ZodString;
+export declare const passwordField: ({ t, required, minLength }: {
+    t: Translate;
+    required?: boolean;
+    minLength?: number;
+}) => z.ZodString;
+export declare const confirmPasswordField: ({ t, required }: {
+    t: Translate;
+    required?: boolean;
+}) => z.ZodString;
+/**
+ * Returns a Zod object schema with `password` and `confirmPassword` fields
+ * and a refinement that ensures they match.
+ */
+export declare const passwordWithConfirmation: ({ t, minLength }: {
+    t: Translate;
+    minLength?: number;
+}) => z.ZodObject<{
+    password: z.ZodString;
+    confirmPassword: z.ZodString;
+}, z.core.$strip>;
+export declare const isValidEmail: (val: string) => boolean;
+export declare const isValidUsername: (val: string, { minLength, maxLength }?: {
+    minLength?: number;
+    maxLength?: number;
+}) => boolean;
+type UsernameSettings = {
+    minLength: number;
+    maxLength: number;
+};
+export declare const createLoginSchema: ({ t, loginType, canLoginWithUsername, usernameSettings }: {
+    t: Translate;
+    loginType: "email" | "username" | "emailOrUsername";
+    canLoginWithUsername?: boolean;
+    usernameSettings?: UsernameSettings;
+}) => z.ZodObject<{
+    login: z.ZodString;
+    password: z.ZodString;
+}, z.core.$strip>;
+export declare const createSignupSchema: ({ t, requireUsername, requireConfirmPassword }: {
+    t: Translate;
+    requireUsername?: boolean;
+    requireConfirmPassword?: boolean;
+}) => z.ZodObject<{
+    name: z.ZodString;
+    email: z.ZodString;
+    username: z.ZodOptional<z.ZodString>;
+    password: z.ZodString;
+    confirmPassword: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export {};
+//# sourceMappingURL=validation.d.ts.map

package/dist/shared/form/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/shared/form/validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC;AAMnD,eAAO,MAAM,UAAU,GAAI,iBAGxB;IACD,CAAC,EAAE,SAAS,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,gBAMA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,iBAG3B;IACD,CAAC,EAAE,SAAS,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,gBAMA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4BAI3B;IACD,CAAC,EAAE,SAAS,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,gBAQA,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,iBAGlC;IACD,CAAC,EAAE,SAAS,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,gBAQA,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,kBAGtC;IACD,CAAC,EAAE,SAAS,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;iBASK,CAAC;AAMP,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,YAAyB,CAAC;AAClE,eAAO,MAAM,eAAe,GAC1B,KAAK,MAAM,EACX,2BAGG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,YAE2B,CAAC;AAMhF,KAAK,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,eAAO,MAAM,iBAAiB,GAAI,0DAK/B;IACD,CAAC,EAAE,SAAS,CAAC;IACb,SAAS,EAAE,OAAO,GAAG,UAAU,GAAG,iBAAiB,CAAC;IACpD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;;;iBAgCG,CAAC;AAEL,eAAO,MAAM,kBAAkB,GAAI,gDAIhC;IACD,CAAC,EAAE,SAAS,CAAC;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;;;;;;iBAkBA,CAAC"}

package/dist/shared/form/validation.js

@@ -0,0 +1,108 @@
+import { z } from "zod";
+import { emailRegex, usernameRegex } from "../utils/regex";
+// ---------------------------------------------------------------------------
+// Field builders
+// ---------------------------------------------------------------------------
+export const emailField = ({ t, required = true })=>{
+    let schema = z.string();
+    if (required) schema = schema.min(1, t("validation:required"));
+    return schema.refine((val)=>emailRegex.test(val), {
+        message: t("authentication:emailNotValid") || "Email is not valid"
+    });
+};
+export const usernameField = ({ t, required = true })=>{
+    let schema = z.string();
+    if (required) schema = schema.min(1, t("validation:required"));
+    return schema.refine((val)=>usernameRegex.test(val), {
+        message: t("authentication:usernameNotValid") || "Username is not valid"
+    });
+};
+export const passwordField = ({ t, required = true, minLength = 1 })=>{
+    let schema = z.string();
+    if (required) schema = schema.min(minLength, t("validation:required") || "Password is required");
+    return schema;
+};
+export const confirmPasswordField = ({ t, required = true })=>{
+    let schema = z.string();
+    if (required) schema = schema.min(1, t("validation:required") || "Confirm password is required");
+    return schema;
+};
+// ---------------------------------------------------------------------------
+// Composables
+// ---------------------------------------------------------------------------
+/**
+ * Returns a Zod object schema with `password` and `confirmPassword` fields
+ * and a refinement that ensures they match.
+ */ export const passwordWithConfirmation = ({ t, minLength = 1 })=>z.object({
+        password: passwordField({
+            t,
+            minLength
+        }),
+        confirmPassword: confirmPasswordField({
+            t
+        })
+    }).refine((data)=>data.password === data.confirmPassword, {
+        path: [
+            "confirmPassword"
+        ],
+        message: t("fields:passwordsDoNotMatch") || "Passwords do not match"
+    });
+// ---------------------------------------------------------------------------
+// Utility validators (non‑Zod) — handy for dynamic login field checks
+// ---------------------------------------------------------------------------
+export const isValidEmail = (val)=>emailRegex.test(val);
+export const isValidUsername = (val, { minLength = 5, maxLength = 128 } = {})=>usernameRegex.test(val) && val.length >= minLength && val.length <= maxLength;
+export const createLoginSchema = ({ t, loginType, canLoginWithUsername = false, usernameSettings = {
+    minLength: 5,
+    maxLength: 128
+} })=>z.object({
+        login: z.string({
+            message: t("validation:required")
+        }).min(1, {
+            message: t("validation:required")
+        }).refine((val)=>{
+            switch(loginType){
+                case "email":
+                    return isValidEmail(val);
+                case "username":
+                    return isValidUsername(val, usernameSettings);
+                default:
+                    return isValidEmail(val) || isValidUsername(val, usernameSettings);
+            }
+        }, {
+            message: loginType === "email" ? t("authentication:emailNotValid") || "Email is not valid" : loginType === "username" ? t("authentication:usernameNotValid") || "Username is not valid" : !canLoginWithUsername ? t("authentication:emailNotValid") || "Email is not valid" : t("authentication:usernameNotValid") || "Username is not valid"
+        }),
+        password: passwordField({
+            t
+        })
+    });
+export const createSignupSchema = ({ t, requireUsername = false, requireConfirmPassword = false })=>{
+    const schema = z.object({
+        name: z.string({
+            message: "Name is required"
+        }).min(1),
+        email: emailField({
+            t
+        }),
+        username: usernameField({
+            t,
+            required: requireUsername
+        }).optional(),
+        password: passwordField({
+            t
+        }),
+        confirmPassword: confirmPasswordField({
+            t,
+            required: requireConfirmPassword
+        }).optional()
+    });
+    if (!requireConfirmPassword) return schema;
+    return schema.refine((data)=>data.password === data.confirmPassword, {
+        path: [
+            "confirmPassword"
+        ],
+        message: t("fields:passwordsDoNotMatch") || "Passwords do not match"
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS92YWxpZGF0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHogfSBmcm9tIFwiem9kXCI7XG5cbmltcG9ydCB7IGVtYWlsUmVnZXgsIHVzZXJuYW1lUmVnZXggfSBmcm9tIFwiQC9zaGFyZWQvdXRpbHMvcmVnZXhcIjtcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBUeXBlc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbi8qKlxuICogTWluaW1hbCB0cmFuc2xhdGlvbiBmdW5jdGlvbiB0eXBlIGV4dHJhY3RlZCBmcm9tIGBpMThuZXh0YC5cbiAqIEFjY2VwdHMgYSBrZXkgYW5kIHJldHVybnMgdGhlIHRyYW5zbGF0ZWQgc3RyaW5nLlxuICovXG5leHBvcnQgdHlwZSBUcmFuc2xhdGUgPSAoLi4uYXJnczogYW55W10pID0+IHN0cmluZztcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBGaWVsZCBidWlsZGVyc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbmV4cG9ydCBjb25zdCBlbWFpbEZpZWxkID0gKHtcbiAgdCxcbiAgcmVxdWlyZWQgPSB0cnVlXG59OiB7XG4gIHQ6IFRyYW5zbGF0ZTtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xufSkgPT4ge1xuICBsZXQgc2NoZW1hID0gei5zdHJpbmcoKTtcbiAgaWYgKHJlcXVpcmVkKSBzY2hlbWEgPSBzY2hlbWEubWluKDEsIHQoXCJ2YWxpZGF0aW9uOnJlcXVpcmVkXCIpKTtcbiAgcmV0dXJuIHNjaGVtYS5yZWZpbmUoKHZhbCkgPT4gZW1haWxSZWdleC50ZXN0KHZhbCksIHtcbiAgICBtZXNzYWdlOiB0KFwiYXV0aGVudGljYXRpb246ZW1haWxOb3RWYWxpZFwiKSB8fCBcIkVtYWlsIGlzIG5vdCB2YWxpZFwiXG4gIH0pO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZXJuYW1lRmllbGQgPSAoe1xuICB0LFxuICByZXF1aXJlZCA9IHRydWVcbn06IHtcbiAgdDogVHJhbnNsYXRlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG59KSA9PiB7XG4gIGxldCBzY2hlbWEgPSB6LnN0cmluZygpO1xuICBpZiAocmVxdWlyZWQpIHNjaGVtYSA9IHNjaGVtYS5taW4oMSwgdChcInZhbGlkYXRpb246cmVxdWlyZWRcIikpO1xuICByZXR1cm4gc2NoZW1hLnJlZmluZSgodmFsKSA9PiB1c2VybmFtZVJlZ2V4LnRlc3QodmFsKSwge1xuICAgIG1lc3NhZ2U6IHQoXCJhdXRoZW50aWNhdGlvbjp1c2VybmFtZU5vdFZhbGlkXCIpIHx8IFwiVXNlcm5hbWUgaXMgbm90IHZhbGlkXCJcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgcGFzc3dvcmRGaWVsZCA9ICh7XG4gIHQsXG4gIHJlcXVpcmVkID0gdHJ1ZSxcbiAgbWluTGVuZ3RoID0gMVxufToge1xuICB0OiBUcmFuc2xhdGU7XG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgbWluTGVuZ3RoPzogbnVtYmVyO1xufSkgPT4ge1xuICBsZXQgc2NoZW1hID0gei5zdHJpbmcoKTtcbiAgaWYgKHJlcXVpcmVkKVxuICAgIHNjaGVtYSA9IHNjaGVtYS5taW4oXG4gICAgICBtaW5MZW5ndGgsXG4gICAgICB0KFwidmFsaWRhdGlvbjpyZXF1aXJlZFwiKSB8fCBcIlBhc3N3b3JkIGlzIHJlcXVpcmVkXCJcbiAgICApO1xuICByZXR1cm4gc2NoZW1hO1xufTtcblxuZXhwb3J0IGNvbnN0IGNvbmZpcm1QYXNzd29yZEZpZWxkID0gKHtcbiAgdCxcbiAgcmVxdWlyZWQgPSB0cnVlXG59OiB7XG4gIHQ6IFRyYW5zbGF0ZTtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xufSkgPT4ge1xuICBsZXQgc2NoZW1hID0gei5zdHJpbmcoKTtcbiAgaWYgKHJlcXVpcmVkKVxuICAgIHNjaGVtYSA9IHNjaGVtYS5taW4oXG4gICAgICAxLFxuICAgICAgdChcInZhbGlkYXRpb246cmVxdWlyZWRcIikgfHwgXCJDb25maXJtIHBhc3N3b3JkIGlzIHJlcXVpcmVkXCJcbiAgICApO1xuICByZXR1cm4gc2NoZW1hO1xufTtcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBDb21wb3NhYmxlc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbi8qKlxuICogUmV0dXJucyBhIFpvZCBvYmplY3Qgc2NoZW1hIHdpdGggYHBhc3N3b3JkYCBhbmQgYGNvbmZpcm1QYXNzd29yZGAgZmllbGRzXG4gKiBhbmQgYSByZWZpbmVtZW50IHRoYXQgZW5zdXJlcyB0aGV5IG1hdGNoLlxuICovXG5leHBvcnQgY29uc3QgcGFzc3dvcmRXaXRoQ29uZmlybWF0aW9uID0gKHtcbiAgdCxcbiAgbWluTGVuZ3RoID0gMVxufToge1xuICB0OiBUcmFuc2xhdGU7XG4gIG1pbkxlbmd0aD86IG51bWJlcjtcbn0pID0+XG4gIHpcbiAgICAub2JqZWN0KHtcbiAgICAgIHBhc3N3b3JkOiBwYXNzd29yZEZpZWxkKHsgdCwgbWluTGVuZ3RoIH0pLFxuICAgICAgY29uZmlybVBhc3N3b3JkOiBjb25maXJtUGFzc3dvcmRGaWVsZCh7IHQgfSlcbiAgICB9KVxuICAgIC5yZWZpbmUoKGRhdGEpID0+IGRhdGEucGFzc3dvcmQgPT09IGRhdGEuY29uZmlybVBhc3N3b3JkLCB7XG4gICAgICBwYXRoOiBbXCJjb25maXJtUGFzc3dvcmRcIl0sXG4gICAgICBtZXNzYWdlOiB0KFwiZmllbGRzOnBhc3N3b3Jkc0RvTm90TWF0Y2hcIikgfHwgXCJQYXNzd29yZHMgZG8gbm90IG1hdGNoXCJcbiAgICB9KTtcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBVdGlsaXR5IHZhbGlkYXRvcnMgKG5vbuKAkVpvZCkg4oCUIGhhbmR5IGZvciBkeW5hbWljIGxvZ2luIGZpZWxkIGNoZWNrc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbmV4cG9ydCBjb25zdCBpc1ZhbGlkRW1haWwgPSAodmFsOiBzdHJpbmcpID0+IGVtYWlsUmVnZXgudGVzdCh2YWwpO1xuZXhwb3J0IGNvbnN0IGlzVmFsaWRVc2VybmFtZSA9IChcbiAgdmFsOiBzdHJpbmcsXG4gIHtcbiAgICBtaW5MZW5ndGggPSA1LFxuICAgIG1heExlbmd0aCA9IDEyOFxuICB9OiB7IG1pbkxlbmd0aD86IG51bWJlcjsgbWF4TGVuZ3RoPzogbnVtYmVyIH0gPSB7fVxuKSA9PlxuICB1c2VybmFtZVJlZ2V4LnRlc3QodmFsKSAmJiB2YWwubGVuZ3RoID49IG1pbkxlbmd0aCAmJiB2YWwubGVuZ3RoIDw9IG1heExlbmd0aDtcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBTY2hlbWEgYnVpbGRlcnNcbi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG50eXBlIFVzZXJuYW1lU2V0dGluZ3MgPSB7IG1pbkxlbmd0aDogbnVtYmVyOyBtYXhMZW5ndGg6IG51bWJlciB9O1xuXG5leHBvcnQgY29uc3QgY3JlYXRlTG9naW5TY2hlbWEgPSAoe1xuICB0LFxuICBsb2dpblR5cGUsXG4gIGNhbkxvZ2luV2l0aFVzZXJuYW1lID0gZmFsc2UsXG4gIHVzZXJuYW1lU2V0dGluZ3MgPSB7IG1pbkxlbmd0aDogNSwgbWF4TGVuZ3RoOiAxMjggfVxufToge1xuICB0OiBUcmFuc2xhdGU7XG4gIGxvZ2luVHlwZTogXCJlbWFpbFwiIHwgXCJ1c2VybmFtZVwiIHwgXCJlbWFpbE9yVXNlcm5hbWVcIjtcbiAgY2FuTG9naW5XaXRoVXNlcm5hbWU/OiBib29sZWFuO1xuICB1c2VybmFtZVNldHRpbmdzPzogVXNlcm5hbWVTZXR0aW5ncztcbn0pID0+XG4gIHoub2JqZWN0KHtcbiAgICBsb2dpbjogelxuICAgICAgLnN0cmluZyh7IG1lc3NhZ2U6IHQoXCJ2YWxpZGF0aW9uOnJlcXVpcmVkXCIpIH0pXG4gICAgICAubWluKDEsIHsgbWVzc2FnZTogdChcInZhbGlkYXRpb246cmVxdWlyZWRcIikgfSlcbiAgICAgIC5yZWZpbmUoXG4gICAgICAgICh2YWw6IHN0cmluZykgPT4ge1xuICAgICAgICAgIHN3aXRjaCAobG9naW5UeXBlKSB7XG4gICAgICAgICAgICBjYXNlIFwiZW1haWxcIjpcbiAgICAgICAgICAgICAgcmV0dXJuIGlzVmFsaWRFbWFpbCh2YWwpO1xuICAgICAgICAgICAgY2FzZSBcInVzZXJuYW1lXCI6XG4gICAgICAgICAgICAgIHJldHVybiBpc1ZhbGlkVXNlcm5hbWUodmFsLCB1c2VybmFtZVNldHRpbmdzKTtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgaXNWYWxpZEVtYWlsKHZhbCkgfHwgaXNWYWxpZFVzZXJuYW1lKHZhbCwgdXNlcm5hbWVTZXR0aW5ncylcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBtZXNzYWdlOlxuICAgICAgICAgICAgbG9naW5UeXBlID09PSBcImVtYWlsXCJcbiAgICAgICAgICAgICAgPyB0KFwiYXV0aGVudGljYXRpb246ZW1haWxOb3RWYWxpZFwiKSB8fCBcIkVtYWlsIGlzIG5vdCB2YWxpZFwiXG4gICAgICAgICAgICAgIDogbG9naW5UeXBlID09PSBcInVzZXJuYW1lXCJcbiAgICAgICAgICAgICAgICA/IHQoXCJhdXRoZW50aWNhdGlvbjp1c2VybmFtZU5vdFZhbGlkXCIpIHx8XG4gICAgICAgICAgICAgICAgICBcIlVzZXJuYW1lIGlzIG5vdCB2YWxpZFwiXG4gICAgICAgICAgICAgICAgOiAhY2FuTG9naW5XaXRoVXNlcm5hbWVcbiAgICAgICAgICAgICAgICAgID8gdChcImF1dGhlbnRpY2F0aW9uOmVtYWlsTm90VmFsaWRcIikgfHwgXCJFbWFpbCBpcyBub3QgdmFsaWRcIlxuICAgICAgICAgICAgICAgICAgOiB0KFwiYXV0aGVudGljYXRpb246dXNlcm5hbWVOb3RWYWxpZFwiKSB8fFxuICAgICAgICAgICAgICAgICAgICBcIlVzZXJuYW1lIGlzIG5vdCB2YWxpZFwiXG4gICAgICAgIH1cbiAgICAgICksXG4gICAgcGFzc3dvcmQ6IHBhc3N3b3JkRmllbGQoeyB0IH0pXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgY3JlYXRlU2lnbnVwU2NoZW1hID0gKHtcbiAgdCxcbiAgcmVxdWlyZVVzZXJuYW1lID0gZmFsc2UsXG4gIHJlcXVpcmVDb25maXJtUGFzc3dvcmQgPSBmYWxzZVxufToge1xuICB0OiBUcmFuc2xhdGU7XG4gIHJlcXVpcmVVc2VybmFtZT86IGJvb2xlYW47XG4gIHJlcXVpcmVDb25maXJtUGFzc3dvcmQ/OiBib29sZWFuO1xufSkgPT4ge1xuICBjb25zdCBzY2hlbWEgPSB6Lm9iamVjdCh7XG4gICAgbmFtZTogei5zdHJpbmcoeyBtZXNzYWdlOiBcIk5hbWUgaXMgcmVxdWlyZWRcIiB9KS5taW4oMSksXG4gICAgZW1haWw6IGVtYWlsRmllbGQoeyB0IH0pLFxuICAgIHVzZXJuYW1lOiB1c2VybmFtZUZpZWxkKHsgdCwgcmVxdWlyZWQ6IHJlcXVpcmVVc2VybmFtZSB9KS5vcHRpb25hbCgpLFxuICAgIHBhc3N3b3JkOiBwYXNzd29yZEZpZWxkKHsgdCB9KSxcbiAgICBjb25maXJtUGFzc3dvcmQ6IGNvbmZpcm1QYXNzd29yZEZpZWxkKHtcbiAgICAgIHQsXG4gICAgICByZXF1aXJlZDogcmVxdWlyZUNvbmZpcm1QYXNzd29yZFxuICAgIH0pLm9wdGlvbmFsKClcbiAgfSk7XG5cbiAgaWYgKCFyZXF1aXJlQ29uZmlybVBhc3N3b3JkKSByZXR1cm4gc2NoZW1hO1xuXG4gIHJldHVybiBzY2hlbWEucmVmaW5lKChkYXRhKSA9PiBkYXRhLnBhc3N3b3JkID09PSBkYXRhLmNvbmZpcm1QYXNzd29yZCwge1xuICAgIHBhdGg6IFtcImNvbmZpcm1QYXNzd29yZFwiXSxcbiAgICBtZXNzYWdlOiB0KFwiZmllbGRzOnBhc3N3b3Jkc0RvTm90TWF0Y2hcIikgfHwgXCJQYXNzd29yZHMgZG8gbm90IG1hdGNoXCJcbiAgfSk7XG59O1xuIl0sIm5hbWVzIjpbInoiLCJlbWFpbFJlZ2V4IiwidXNlcm5hbWVSZWdleCIsImVtYWlsRmllbGQiLCJ0IiwicmVxdWlyZWQiLCJzY2hlbWEiLCJzdHJpbmciLCJtaW4iLCJyZWZpbmUiLCJ2YWwiLCJ0ZXN0IiwibWVzc2FnZSIsInVzZXJuYW1lRmllbGQiLCJwYXNzd29yZEZpZWxkIiwibWluTGVuZ3RoIiwiY29uZmlybVBhc3N3b3JkRmllbGQiLCJwYXNzd29yZFdpdGhDb25maXJtYXRpb24iLCJvYmplY3QiLCJwYXNzd29yZCIsImNvbmZpcm1QYXNzd29yZCIsImRhdGEiLCJwYXRoIiwiaXNWYWxpZEVtYWlsIiwiaXNWYWxpZFVzZXJuYW1lIiwibWF4TGVuZ3RoIiwibGVuZ3RoIiwiY3JlYXRlTG9naW5TY2hlbWEiLCJsb2dpblR5cGUiLCJjYW5Mb2dpbldpdGhVc2VybmFtZSIsInVzZXJuYW1lU2V0dGluZ3MiLCJsb2dpbiIsImNyZWF0ZVNpZ251cFNjaGVtYSIsInJlcXVpcmVVc2VybmFtZSIsInJlcXVpcmVDb25maXJtUGFzc3dvcmQiLCJuYW1lIiwiZW1haWwiLCJ1c2VybmFtZSIsIm9wdGlvbmFsIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxDQUFDLFFBQVEsTUFBTTtBQUV4QixTQUFTQyxVQUFVLEVBQUVDLGFBQWEsUUFBUSxpQkFBdUI7QUFZakUsOEVBQThFO0FBQzlFLGlCQUFpQjtBQUNqQiw4RUFBOEU7QUFFOUUsT0FBTyxNQUFNQyxhQUFhLENBQUMsRUFDekJDLENBQUMsRUFDREMsV0FBVyxJQUFJLEVBSWhCO0lBQ0MsSUFBSUMsU0FBU04sRUFBRU8sTUFBTTtJQUNyQixJQUFJRixVQUFVQyxTQUFTQSxPQUFPRSxHQUFHLENBQUMsR0FBR0osRUFBRTtJQUN2QyxPQUFPRSxPQUFPRyxNQUFNLENBQUMsQ0FBQ0MsTUFBUVQsV0FBV1UsSUFBSSxDQUFDRCxNQUFNO1FBQ2xERSxTQUFTUixFQUFFLG1DQUFtQztJQUNoRDtBQUNGLEVBQUU7QUFFRixPQUFPLE1BQU1TLGdCQUFnQixDQUFDLEVBQzVCVCxDQUFDLEVBQ0RDLFdBQVcsSUFBSSxFQUloQjtJQUNDLElBQUlDLFNBQVNOLEVBQUVPLE1BQU07SUFDckIsSUFBSUYsVUFBVUMsU0FBU0EsT0FBT0UsR0FBRyxDQUFDLEdBQUdKLEVBQUU7SUFDdkMsT0FBT0UsT0FBT0csTUFBTSxDQUFDLENBQUNDLE1BQVFSLGNBQWNTLElBQUksQ0FBQ0QsTUFBTTtRQUNyREUsU0FBU1IsRUFBRSxzQ0FBc0M7SUFDbkQ7QUFDRixFQUFFO0FBRUYsT0FBTyxNQUFNVSxnQkFBZ0IsQ0FBQyxFQUM1QlYsQ0FBQyxFQUNEQyxXQUFXLElBQUksRUFDZlUsWUFBWSxDQUFDLEVBS2Q7SUFDQyxJQUFJVCxTQUFTTixFQUFFTyxNQUFNO0lBQ3JCLElBQUlGLFVBQ0ZDLFNBQVNBLE9BQU9FLEdBQUcsQ0FDakJPLFdBQ0FYLEVBQUUsMEJBQTBCO0lBRWhDLE9BQU9FO0FBQ1QsRUFBRTtB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

package/dist/shared/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./payload/fields/field-copy-button";
+export * from "./payload/fields/generate-uuid-button";
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC"}

package/dist/shared/index.js

@@ -0,0 +1,4 @@
+export * from "./payload/fields/field-copy-button";
+export * from "./payload/fields/generate-uuid-button";
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaGFyZWQvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vcGF5bG9hZC9maWVsZHMvZmllbGQtY29weS1idXR0b25cIjtcbmV4cG9ydCAqIGZyb20gXCIuL3BheWxvYWQvZmllbGRzL2dlbmVyYXRlLXV1aWQtYnV0dG9uXCI7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBcUM7QUFDbkQsY0FBYyx3Q0FBd0MifQ==

package/dist/shared/payload/fields/field-copy-button/index.css

@@ -0,0 +1,47 @@
+.field-copy-text__button-wrapper {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+}
+
+.field-copy-text__button {
+  margin-block: 0;
+  height: 100%;
+}
+
+.field-copy-text__button:focus {
+  background-color: transparent;
+}
+
+.field-copy-text__tooltip {
+  position: absolute;
+  bottom: 100%;
+  right: 50%;
+  transform: translateX(50%) translateY(5px);
+  background-color: var(--theme-elevation-800);
+  color: var(--theme-elevation-0);
+  padding: 2px 8px;
+  border-radius: var(--style-radius-m);
+  font-size: 13px;
+  opacity: 0;
+  pointer-events: none;
+  transition: all 0.2s ease;
+  z-index: 3;
+}
+
+.field-copy-text__tooltip[data-visible="true"] {
+  opacity: 1;
+  transform: translateX(50%) translateY(0);
+}
+
+.field-copy-text__tooltip::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid var(--theme-elevation-800);
+}

package/dist/shared/payload/fields/field-copy-button/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+import { TextField } from "@payloadcms/ui";
+export declare const FieldCopyButton: typeof TextField;
+//# sourceMappingURL=index.d.ts.map

package/dist/shared/payload/fields/field-copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/payload/fields/field-copy-button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAoB,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,eAAe,EAAE,OAAO,SA0BpC,CAAC"}

package/dist/shared/payload/fields/field-copy-button/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./index.css";
+import { Button, CopyIcon, useField } from "@payloadcms/ui";
+import { useRef, useState } from "react";
+export const FieldCopyButton = ({ path })=>{
+    const { value } = useField({
+        path
+    });
+    const [copied, setCopied] = useState(false);
+    const buttonRef = useRef(null);
+    const handleCopy = ()=>{
+        navigator.clipboard.writeText(value);
+        setCopied(true);
+        setTimeout(()=>{
+            setCopied(false);
+        }, 2000);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "field-copy-text__button-wrapper",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "field-copy-text__tooltip",
+                "data-visible": copied,
+                children: "Copied"
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                ref: buttonRef,
+                icon: /*#__PURE__*/ _jsx(CopyIcon, {}),
+                buttonStyle: "transparent",
+                onClick: handleCopy,
+                className: "field-copy-text__button"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvcGF5bG9hZC9maWVsZHMvZmllbGQtY29weS1idXR0b24vaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIGNsaWVudFwiO1xuXG5pbXBvcnQgXCIuL2luZGV4LmNzc1wiO1xuXG5pbXBvcnQgeyBCdXR0b24sIENvcHlJY29uLCBUZXh0RmllbGQsIHVzZUZpZWxkIH0gZnJvbSBcIkBwYXlsb2FkY21zL3VpXCI7XG5pbXBvcnQgeyB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBGaWVsZENvcHlCdXR0b246IHR5cGVvZiBUZXh0RmllbGQgPSAoeyBwYXRoIH0pID0+IHtcbiAgY29uc3QgeyB2YWx1ZSB9ID0gdXNlRmllbGQoeyBwYXRoIH0pO1xuICBjb25zdCBbY29waWVkLCBzZXRDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZUNvcHkgPSAoKSA9PiB7XG4gICAgbmF2aWdhdG9yLmNsaXBib2FyZC53cml0ZVRleHQodmFsdWUgYXMgc3RyaW5nKTtcbiAgICBzZXRDb3BpZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBzZXRDb3BpZWQoZmFsc2UpO1xuICAgIH0sIDIwMDApO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiZmllbGQtY29weS10ZXh0X19idXR0b24td3JhcHBlclwiPlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmaWVsZC1jb3B5LXRleHRfX3Rvb2x0aXBcIiBkYXRhLXZpc2libGU9e2NvcGllZH0+XG4gICAgICAgIENvcGllZFxuICAgICAgPC9kaXY+XG4gICAgICA8QnV0dG9uXG4gICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICBpY29uPXs8Q29weUljb24gLz59XG4gICAgICAgIGJ1dHRvblN0eWxlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDb3B5fVxuICAgICAgICBjbGFzc05hbWU9XCJmaWVsZC1jb3B5LXRleHRfX2J1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJCdXR0b24iLCJDb3B5SWNvbiIsInVzZUZpZWxkIiwidXNlUmVmIiwidXNlU3RhdGUiLCJGaWVsZENvcHlCdXR0b24iLCJwYXRoIiwidmFsdWUiLCJjb3BpZWQiLCJzZXRDb3BpZWQiLCJidXR0b25SZWYiLCJoYW5kbGVDb3B5IiwibmF2aWdhdG9yIiwiY2xpcGJvYXJkIiwid3JpdGVUZXh0Iiwic2V0VGltZW91dCIsImRpdiIsImNsYXNzTmFtZSIsImRhdGEtdmlzaWJsZSIsInJlZiIsImljb24iLCJidXR0b25TdHlsZSIsIm9uQ2xpY2siXSwibWFwcGluZ3MiOiJBQUFBOztBQUVBLE9BQU8sY0FBYztBQUVyQixTQUFTQSxNQUFNLEVBQUVDLFFBQVEsRUFBYUMsUUFBUSxRQUFRLGlCQUFpQjtBQUN2RSxTQUFTQyxNQUFNLEVBQUVDLFFBQVEsUUFBUSxRQUFRO0FBRXpDLE9BQU8sTUFBTUMsa0JBQW9DLENBQUMsRUFBRUMsSUFBSSxFQUFFO0lBQ3hELE1BQU0sRUFBRUMsS0FBSyxFQUFFLEdBQUdMLFNBQVM7UUFBRUk7SUFBSztJQUNsQyxNQUFNLENBQUNFLFFBQVFDLFVBQVUsR0FBR0wsU0FBUztJQUNyQyxNQUFNTSxZQUFZUCxPQUEwQjtJQUU1QyxNQUFNUSxhQUFhO1FBQ2pCQyxVQUFVQyxTQUFTLENBQUNDLFNBQVMsQ0FBQ1A7UUFDOUJFLFVBQVU7UUFDVk0sV0FBVztZQUNUTixVQUFVO1FBQ1osR0FBRztJQUNMO0lBQ0EscUJBQ0UsTUFBQ087UUFBSUMsV0FBVTs7MEJBQ2IsS0FBQ0Q7Z0JBQUlDLFdBQVU7Z0JBQTJCQyxnQkFBY1Y7MEJBQVE7OzBCQUdoRSxLQUFDUjtnQkFDQ21CLEtBQUtUO2dCQUNMVSxvQkFBTSxLQUFDbkI7Z0JBQ1BvQixhQUFZO2dCQUNaQyxTQUFTWDtnQkFDVE0sV0FBVTs7OztBQUlsQixFQUFFIn0=