payload-auth 1.1.2 → 1.3.0

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

@@ -0,0 +1,41 @@
+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' }) {
+    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),
+                        onBlur: field.handleBlur,
+                        required: required,
+                        className: "text-field"
+                    }),
+                    /*#__PURE__*/ _jsx(FieldErrors, {
+                        meta: meta
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS9maWVsZHMvdGV4dC1maWVsZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlU3RvcmUgfSBmcm9tICdAdGFuc3RhY2svcmVhY3QtZm9ybSdcbmltcG9ydCB7IHVzZUZpZWxkQ29udGV4dCB9IGZyb20gJy4uL2luZGV4J1xuaW1wb3J0IHsgRmllbGRFcnJvcnMsIEZpZWxkSW5wdXRXcmFwLCBGb3JtRmllbGQsIEZvcm1MYWJlbCB9IGZyb20gJy4uL3VpJ1xuXG5leHBvcnQgZnVuY3Rpb24gVGV4dEZpZWxkKHtcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgdHlwZSA9ICd0ZXh0JyxcbiAgYXV0b0NvbXBsZXRlID0gJ29mZidcbn06IHtcbiAgY2xhc3NOYW1lOiBzdHJpbmdcbiAgbGFiZWw6IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgdHlwZT86IHN0cmluZ1xuICBhdXRvQ29tcGxldGU/OiBzdHJpbmdcbn0pIHtcbiAgY29uc3QgZmllbGQgPSB1c2VGaWVsZENvbnRleHQ8c3RyaW5nPigpXG4gIGNvbnN0IG1ldGEgPSB1c2VTdG9yZShmaWVsZC5zdG9yZSwgKHN0YXRlKSA9PiBzdGF0ZS5tZXRhKVxuXG4gIGNvbnN0IGhhc0Vycm9yID0gbWV0YS5pc1RvdWNoZWQgJiYgbWV0YS5lcnJvcnMubGVuZ3RoID4gMFxuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZCBpZD17ZmllbGQubmFtZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IGhhc0Vycm9yPXtoYXNFcnJvcn0+XG4gICAgICA8Rm9ybUxhYmVsIGxhYmVsPXtsYWJlbH0gaHRtbEZvcj17ZmllbGQubmFtZX0gcmVxdWlyZWQ9e3JlcXVpcmVkfSAvPlxuICAgICAgPEZpZWxkSW5wdXRXcmFwPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIGlkPXtmaWVsZC5uYW1lfVxuICAgICAgICAgIG5hbWU9e2ZpZWxkLm5hbWV9XG4gICAgICAgICAgdmFsdWU9e2ZpZWxkLnN0YXRlLnZhbHVlfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4gZmllbGQuaGFuZGxlQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBvbkJsdXI9e2ZpZWxkLmhhbmRsZUJsdXJ9XG4gICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgIGNsYXNzTmFtZT1cInRleHQtZmllbGRcIlxuICAgICAgICAvPlxuICAgICAgICA8RmllbGRFcnJvcnMgbWV0YT17bWV0YX0gLz5cbiAgICAgIDwvRmllbGRJbnB1dFdyYXA+XG4gICAgPC9Gb3JtRmllbGQ+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJ1c2VTdG9yZSIsInVzZUZpZWxkQ29udGV4dCIsIkZpZWxkRXJyb3JzIiwiRmllbGRJbnB1dFdyYXAiLCJGb3JtRmllbGQiLCJGb3JtTGFiZWwiLCJUZXh0RmllbGQiLCJjbGFzc05hbWUiLCJsYWJlbCIsInJlcXVpcmVkIiwidHlwZSIsImF1dG9Db21wbGV0ZSIsImZpZWxkIiwibWV0YSIsInN0b3JlIiwic3RhdGUiLCJoYXNFcnJvciIsImlzVG91Y2hlZCIsImVycm9ycyIsImxlbmd0aCIsImlkIiwibmFtZSIsImh0bWxGb3IiLCJpbnB1dCIsInZhbHVlIiwib25DaGFuZ2UiLCJlIiwiaGFuZGxlQ2hhbmdlIiwidGFyZ2V0Iiwib25CbHVyIiwiaGFuZGxlQmx1ciJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNBLFFBQVEsUUFBUSx1QkFBc0I7QUFDL0MsU0FBU0MsZUFBZSxRQUFRLFdBQVU7QUFDMUMsU0FBU0MsV0FBVyxFQUFFQyxjQUFjLEVBQUVDLFNBQVMsRUFBRUMsU0FBUyxRQUFRLFFBQU87QUFFekUsT0FBTyxTQUFTQyxVQUFVLEVBQ3hCQyxTQUFTLEVBQ1RDLEtBQUssRUFDTEMsV0FBVyxLQUFLLEVBQ2hCQyxPQUFPLE1BQU0sRUFDYkMsZUFBZSxLQUFLLEVBT3JCO0lBQ0MsTUFBTUMsUUFBUVg7SUFDZCxNQUFNWSxPQUFPYixTQUFTWSxNQUFNRSxLQUFLLEVBQUUsQ0FBQ0MsUUFBVUEsTUFBTUYsSUFBSTtJQUV4RCxNQUFNRyxXQUFXSCxLQUFLSSxTQUFTLElBQUlKLEtBQUtLLE1BQU0sQ0FBQ0MsTUFBTSxHQUFHO0lBRXhELHFCQUNFLE1BQUNmO1FBQVVnQixJQUFJUixNQUFNUyxJQUFJO1FBQUVkLFdBQVdBO1FBQVdTLFVBQVVBOzswQkFDekQsS0FBQ1g7Z0JBQVVHLE9BQU9BO2dCQUFPYyxTQUFTVixNQUFNUyxJQUFJO2dCQUFFWixVQUFVQTs7MEJBQ3hELE1BQUNOOztrQ0FDQyxLQUFDb0I7d0JBQ0NaLGNBQWNBO3dCQUNkRCxNQUFNQTt3QkFDTlUsSUFBSVIsTUFBTVMsSUFBSTt3QkFDZEEsTUFBTVQsTUFBTVMsSUFBSTt3QkFDaEJHLE9BQU9aLE1BQU1HLEtBQUssQ0FBQ1MsS0FBSzt3QkFDeEJDLFVBQVUsQ0FBQ0MsSUFBTWQsTUFBTWUsWUFBWSxDQUFDRCxFQUFFRSxNQUFNLENBQUNKLEtBQUs7d0JBQ2xESyxRQUFRakIsTUFBTWtCLFVBQVU7d0JBQ3hCckIsVUFBVUE7d0JBQ1ZGLFdBQVU7O2tDQUVaLEtBQUNMO3dCQUFZVyxNQUFNQTs7Ozs7O0FBSTNCIn0=

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

@@ -0,0 +1,34 @@
+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>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, 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, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
+    readonly Submit: import("react").FC<{
+        label: string;
+        loadingLabel: string;
+    }>;
+}> & {
+    AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
+        readonly TextField: typeof TextField;
+    }>>;
+    AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
+}, 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, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+}, {
+    readonly Submit: import("react").FC<{
+        label: string;
+        loadingLabel: string;
+    }>;
+}, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").FormApi<[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 [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<[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 [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & NoInfer<{
+        readonly Submit: import("react").FC<{
+            label: string;
+            loadingLabel: string;
+        }>;
+    }> & {
+        AppField: import("@tanstack/react-form").FieldComponent<[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 [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
+            readonly TextField: typeof TextField;
+        }>>;
+        AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
+    };
+}>) => import("react").JSX.Element;
+export { useAppForm, withForm, fieldContext, formContext, useFieldContext, useFormContext };
+//# 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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAG/C,QAAA,MAAQ,YAAY,uEAAE,WAAW,sEAAE,eAAe,4JAAE,cAAc,+HAA6B,CAAA;AAE/F,QAAA,MAAQ,UAAU;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;kCAS1B,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,cAAc,EAAE,CAAA"}

package/dist/shared/form/index.js

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

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

@@ -0,0 +1,9 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+import './index.scss';
+type Props = ComponentPropsWithoutRef<'div'> & {
+    description?: React.ReactNode | string;
+    heading: string;
+};
+declare const FormHeader: React.FC<Props>;
+export { FormHeader };
+//# 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,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACtC,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW/B,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import "./index.scss";
+const baseClass = 'form-header';
+const 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
+            })
+        ]
+    });
+};
+export { FormHeader };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS91aS9oZWFkZXIvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB0eXBlIENvbXBvbmVudFByb3BzV2l0aG91dFJlZiB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ2Zvcm0taGVhZGVyJ1xuXG50eXBlIFByb3BzID0gQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdkaXYnPiAmIHtcbiAgZGVzY3JpcHRpb24/OiBSZWFjdC5SZWFjdE5vZGUgfCBzdHJpbmdcbiAgaGVhZGluZzogc3RyaW5nXG59XG5cbmNvbnN0IEZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGRlc2NyaXB0aW9uLCBoZWFkaW5nLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGlmICghaGVhZGluZykge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9IHsuLi5wcm9wc30+XG4gICAgICA8aDE+e2hlYWRpbmd9PC9oMT5cbiAgICAgIHtCb29sZWFuKGRlc2NyaXB0aW9uKSAmJiA8cD57ZGVzY3JpcHRpb259PC9wPn1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgeyBGb3JtSGVhZGVyIH1cbiJdLCJuYW1lcyI6WyJSZWFjdCIsImJhc2VDbGFzcyIsIkZvcm1IZWFkZXIiLCJkZXNjcmlwdGlvbiIsImhlYWRpbmciLCJwcm9wcyIsImRpdiIsImNsYXNzTmFtZSIsImgxIiwiQm9vbGVhbiIsInAiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUE4QyxRQUFPO0FBRTVELE9BQU8sZUFBYztBQUVyQixNQUFNQyxZQUFZO0FBT2xCLE1BQU1DLGFBQThCLENBQUMsRUFBRUMsV0FBVyxFQUFFQyxPQUFPLEVBQUUsR0FBR0MsT0FBTztJQUNyRSxJQUFJLENBQUNELFNBQVM7UUFDWixPQUFPO0lBQ1Q7SUFFQSxxQkFDRSxNQUFDRTtRQUFJQyxXQUFXTjtRQUFZLEdBQUdJLEtBQUs7OzBCQUNsQyxLQUFDRzswQkFBSUo7O1lBQ0pLLFFBQVFOLDhCQUFnQixLQUFDTzswQkFBR1A7Ozs7QUFHbkM7QUFFQSxTQUFTRCxVQUFVLEdBQUUifQ==

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

@@ -0,0 +1,31 @@
+import React, { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import type { AnyFieldMeta } from '@tanstack/react-form';
+import './index.scss';
+type FormFieldProps = ComponentPropsWithoutRef<'div'> & {
+    hasError?: boolean;
+};
+declare const FormField: React.FC<FormFieldProps>;
+type FormLabelProps = ComponentPropsWithoutRef<'label'> & {
+    label: ReactNode;
+    required?: boolean;
+};
+declare const FormLabel: React.FC<FormLabelProps>;
+type FieldErrorsProps = {
+    meta: AnyFieldMeta;
+    className?: string;
+};
+export declare const FieldErrors: ({ meta, className }: FieldErrorsProps) => React.JSX.Element | null;
+type FormErrorProps = {
+    errors?: string[];
+    className?: string;
+};
+declare const FormError: React.FC<FormErrorProps>;
+type FormProps = ComponentPropsWithoutRef<'form'>;
+declare const Form: React.FC<FormProps>;
+type FormInputWrapProps = ComponentPropsWithoutRef<'div'>;
+declare const FormInputWrap: React.FC<FormInputWrapProps>;
+type FieldInputWrapProps = ComponentPropsWithoutRef<'div'>;
+declare const FieldInputWrap: React.FC<FieldInputWrapProps>;
+export type { FormFieldProps, FormLabelProps, FormErrorProps, FormProps, FormInputWrapProps };
+export { FormField, FormLabel, FormError, Form, FormInputWrap, FieldInputWrap };
+//# 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":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,cAAc,CAAA;AAErB,KAAK,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAIvC,CAAA;AAED,KAAK,cAAc,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAAG;IACxD,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAKvC,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,6BAShE,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAK9B,CAAA;AAEV,KAAK,SAAS,GAAG,wBAAwB,CAAC,MAAM,CAAC,CAAA;AAEjD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAI7B,CAAA;AAED,KAAK,kBAAkB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAI/C,CAAA;AAED,KAAK,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE1D,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAIjD,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAA;AAC7F,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import clsx from "clsx";
+import { Tooltip } from "@payloadcms/ui/elements/Tooltip";
+import "./index.scss";
+const FormField = ({ children, hasError, className, ...rest })=>/*#__PURE__*/ _jsx("div", {
+        className: clsx('field-type', className, {
+            error: hasError
+        }),
+        ...rest,
+        children: children
+    });
+const FormLabel = ({ label, required = false, className, ...rest })=>/*#__PURE__*/ _jsxs("label", {
+        className: clsx('field-label', className),
+        ...rest,
+        children: [
+            label,
+            required && /*#__PURE__*/ _jsx("span", {
+                className: "required",
+                children: "*"
+            })
+        ]
+    });
+export const 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
+    });
+};
+const FormError = ({ errors, className })=>errors ? /*#__PURE__*/ _jsx("div", {
+        className: clsx('form-error', className),
+        children: errors.join(', ')
+    }) : null;
+const Form = ({ children, className, ...rest })=>/*#__PURE__*/ _jsx("form", {
+        className: clsx('form', className),
+        ...rest,
+        children: children
+    });
+const FormInputWrap = ({ children, className, ...rest })=>/*#__PURE__*/ _jsx("div", {
+        className: `${className}__inputWrap`,
+        ...rest,
+        children: children
+    });
+const FieldInputWrap = ({ children, className, ...rest })=>/*#__PURE__*/ _jsx("div", {
+        className: clsx('field-type__wrap', className),
+        ...rest,
+        children: children
+    });
+export { FormField, FormLabel, FormError, Form, FormInputWrap, FieldInputWrap };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS91aS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsc3ggZnJvbSAnY2xzeCdcbmltcG9ydCB0eXBlIHsgQW55RmllbGRNZXRhIH0gZnJvbSAnQHRhbnN0YWNrL3JlYWN0LWZvcm0nXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnQHBheWxvYWRjbXMvdWkvZWxlbWVudHMvVG9vbHRpcCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbnR5cGUgRm9ybUZpZWxkUHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J2Rpdic+ICYge1xuICBoYXNFcnJvcj86IGJvb2xlYW5cbn1cblxuY29uc3QgRm9ybUZpZWxkOiBSZWFjdC5GQzxGb3JtRmllbGRQcm9wcz4gPSAoeyBjaGlsZHJlbiwgaGFzRXJyb3IsIGNsYXNzTmFtZSwgLi4ucmVzdCB9KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtjbHN4KCdmaWVsZC10eXBlJywgY2xhc3NOYW1lLCB7IGVycm9yOiBoYXNFcnJvciB9KX0gey4uLnJlc3R9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pXG5cbnR5cGUgRm9ybUxhYmVsUHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J2xhYmVsJz4gJiB7XG4gIGxhYmVsOiBSZWFjdE5vZGVcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG59XG5cbmNvbnN0IEZvcm1MYWJlbDogUmVhY3QuRkM8Rm9ybUxhYmVsUHJvcHM+ID0gKHsgbGFiZWwsIHJlcXVpcmVkID0gZmFsc2UsIGNsYXNzTmFtZSwgLi4ucmVzdCB9KSA9PiAoXG4gIDxsYWJlbCBjbGFzc05hbWU9e2Nsc3goJ2ZpZWxkLWxhYmVsJywgY2xhc3NOYW1lKX0gey4uLnJlc3R9PlxuICAgIHtsYWJlbH1cbiAgICB7cmVxdWlyZWQgJiYgPHNwYW4gY2xhc3NOYW1lPVwicmVxdWlyZWRcIj4qPC9zcGFuPn1cbiAgPC9sYWJlbD5cbilcblxudHlwZSBGaWVsZEVycm9yc1Byb3BzID0ge1xuICBtZXRhOiBBbnlGaWVsZE1ldGFcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZEVycm9ycyA9ICh7IG1ldGEsIGNsYXNzTmFtZSB9OiBGaWVsZEVycm9yc1Byb3BzKSA9PiB7XG4gIGlmICghbWV0YS5pc1RvdWNoZWQpIHJldHVybiBudWxsXG4gIGNvbnN0IGVycm9yID0gbWV0YS5lcnJvcnMuYXQoMCk/Lm1lc3NhZ2UgfHwgbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgYWxpZ25DYXJldD1cInJpZ2h0XCIgY2xhc3NOYW1lPXtjbHN4KCdmaWVsZC1lcnJvcicsIGNsYXNzTmFtZSl9IHNob3c9eyEhZXJyb3J9IGRlbGF5PXswfSBzdGF0aWNQb3NpdGlvbmluZz5cbiAgICAgIHtlcnJvcn1cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cblxudHlwZSBGb3JtRXJyb3JQcm9wcyA9IHtcbiAgZXJyb3JzPzogc3RyaW5nW11cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IEZvcm1FcnJvcjogUmVhY3QuRkM8Rm9ybUVycm9yUHJvcHM+ID0gKHsgZXJyb3JzLCBjbGFzc05hbWUgfSkgPT5cbiAgZXJyb3JzID8gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbHN4KCdmb3JtLWVycm9yJywgY2xhc3NOYW1lKX0+XG4gICAgICB7ZXJyb3JzLmpvaW4oJywgJyl9XG4gICAgPC9kaXY+XG4gICkgOiBudWxsXG5cbnR5cGUgRm9ybVByb3BzID0gQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdmb3JtJz5cblxuY29uc3QgRm9ybTogUmVhY3QuRkM8Rm9ybVByb3BzPiA9ICh7IGNoaWxkcmVuLCBjbGFzc05hbWUsIC4uLnJlc3QgfSkgPT4gKFxuICA8Zm9ybSBjbGFzc05hbWU9e2Nsc3goJ2Zvcm0nLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAge2NoaWxkcmVufVxuICA8L2Zvcm0+XG4pXG5cbnR5cGUgRm9ybUlucHV0V3JhcFByb3BzID0gQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdkaXYnPlxuXG5jb25zdCBGb3JtSW5wdXRXcmFwOiBSZWFjdC5GQzxGb3JtSW5wdXRXcmFwUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgLi4ucmVzdCB9KSA9PiAoXG4gIDxkaXYgY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9X19pbnB1dFdyYXBgfSB7Li4ucmVzdH0+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbilcblxudHlwZSBGaWVsZElucHV0V3JhcFByb3BzID0gQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdkaXYnPlxuXG5jb25zdCBGaWVsZElucHV0V3JhcDogUmVhY3QuRkM8RmllbGRJbnB1dFdyYXBQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCAuLi5yZXN0IH0pID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e2Nsc3goJ2ZpZWxkLXR5cGVfX3dyYXAnLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbilcblxuZXhwb3J0IHR5cGUgeyBGb3JtRmllbGRQcm9wcywgRm9ybUxhYmVsUHJvcHMsIEZvcm1FcnJvclByb3BzLCBGb3JtUHJvcHMsIEZvcm1JbnB1dFdyYXBQcm9wcyB9XG5leHBvcnQgeyBGb3JtRmllbGQsIEZvcm1MYWJlbCwgRm9ybUVycm9yLCBGb3JtLCBGb3JtSW5wdXRXcmFwLCBGaWVsZElucHV0V3JhcCB9XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJjbHN4IiwiVG9vbHRpcCIsIkZvcm1GaWVsZCIsImNoaWxkcmVuIiwiaGFzRXJyb3IiLCJjbGFzc05hbWUiLCJyZXN0IiwiZGl2IiwiZXJyb3IiLCJGb3JtTGFiZWwiLCJsYWJlbCIsInJlcXVpcmVkIiwic3BhbiIsIkZpZWxkRXJyb3JzIiwibWV0YSIsImlzVG91Y2hlZCIsImVycm9ycyIsImF0IiwibWVzc2FnZSIsImFsaWduQ2FyZXQiLCJzaG93IiwiZGVsYXkiLCJzdGF0aWNQb3NpdGlvbmluZyIsIkZvcm1FcnJvciIsImpvaW4iLCJGb3JtIiwiZm9ybSIsIkZvcm1JbnB1dFdyYXAiLCJGaWVsZElucHV0V3JhcCJdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU9BLFdBQThELFFBQU87QUFDNUUsT0FBT0MsVUFBVSxPQUFNO0FBRXZCLFNBQVNDLE9BQU8sUUFBUSxrQ0FBaUM7QUFFekQsT0FBTyxlQUFjO0FBTXJCLE1BQU1DLFlBQXNDLENBQUMsRUFBRUMsUUFBUSxFQUFFQyxRQUFRLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxNQUFNLGlCQUNyRixLQUFDQztRQUFJRixXQUFXTCxLQUFLLGNBQWNLLFdBQVc7WUFBRUcsT0FBT0o7UUFBUztRQUFLLEdBQUdFLElBQUk7a0JBQ3pFSDs7QUFTTCxNQUFNTSxZQUFzQyxDQUFDLEVBQUVDLEtBQUssRUFBRUMsV0FBVyxLQUFLLEVBQUVOLFNBQVMsRUFBRSxHQUFHQyxNQUFNLGlCQUMxRixNQUFDSTtRQUFNTCxXQUFXTCxLQUFLLGVBQWVLO1FBQWEsR0FBR0MsSUFBSTs7WUFDdkRJO1lBQ0FDLDBCQUFZLEtBQUNDO2dCQUFLUCxXQUFVOzBCQUFXOzs7O0FBUzVDLE9BQU8sTUFBTVEsY0FBYyxDQUFDLEVBQUVDLElBQUksRUFBRVQsU0FBUyxFQUFvQjtJQUMvRCxJQUFJLENBQUNTLEtBQUtDLFNBQVMsRUFBRSxPQUFPO0lBQzVCLE1BQU1QLFFBQVFNLEtBQUtFLE1BQU0sQ0FBQ0MsRUFBRSxDQUFDLElBQUlDLFdBQVc7SUFFNUMscUJBQ0UsS0FBQ2pCO1FBQVFrQixZQUFXO1FBQVFkLFdBQVdMLEtBQUssZUFBZUs7UUFBWWUsTUFBTSxDQUFDLENBQUNaO1FBQU9hLE9BQU87UUFBR0MsaUJBQWlCO2tCQUM5R2Q7O0FBR1AsRUFBQztBQU9ELE1BQU1lLFlBQXNDLENBQUMsRUFBRVAsTUFBTSxFQUFFWCxTQUFTLEVBQUUsR0FDaEVXLHVCQUNFLEtBQUNUO1FBQUlGLFdBQVdMLEtBQUssY0FBY0s7a0JBQ2hDVyxPQUFPUSxJQUFJLENBQUM7U0FFYjtBQUlOLE1BQU1DLE9BQTRCLENBQUMsRUFBRXRCLFFBQVEsRUFBRUUsU0FBUyxFQUFFLEdBQUdDLE1BQU0saUJBQ2pFLEtBQUNvQjtRQUFLckIsV0FBV0wsS0FBSyxRQUFRSztRQUFhLEdBQUdDLElBQUk7a0JBQy9DSDs7QUFNTCxNQUFNd0IsZ0JBQThDLENBQUMsRUFBRXhCLFFBQVEsRUFBRUUsU0FBUyxFQUFFLEdBQUdDLE1BQU0saUJBQ25GLEtBQUNDO1FBQUlGLFdBQVcsR0FBR0EsVUFBVSxXQUFXLENBQUM7UUFBRyxHQUFHQyxJQUFJO2tCQUNoREg7O0FBTUwsTUFBTXlCLGlCQUFnRCxDQUFDLEVBQUV6QixRQUFRLEVBQUVFLFNBQVMsRUFBRSxHQUFHQyxNQUFNLGlCQUNyRixLQUFDQztRQUFJRixXQUFXTCxLQUFLLG9CQUFvQks7UUFBYSxHQUFHQyxJQUFJO2tCQUMxREg7O0FBS0wsU0FBU0QsU0FBUyxFQUFFTyxTQUFTLEVBQUVjLFNBQVMsRUFBRUUsSUFBSSxFQUFFRSxhQUFhLEVBQUVDLGNBQWMsR0FBRSJ9

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,103 @@
+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.ZodEffects<z.ZodString, string, string>;
+export declare const usernameField: ({ t, required, minLength, maxLength }: {
+    t: Translate;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+}) => z.ZodEffects<z.ZodString, string, string>;
+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.ZodEffects<z.ZodObject<{
+    password: z.ZodString;
+    confirmPassword: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    password: string;
+    confirmPassword: string;
+}, {
+    password: string;
+    confirmPassword: string;
+}>, {
+    password: string;
+    confirmPassword: string;
+}, {
+    password: string;
+    confirmPassword: string;
+}>;
+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.ZodEffects<z.ZodString, string, string>;
+    password: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    password: string;
+    login: string;
+}, {
+    password: string;
+    login: string;
+}>;
+export declare const createSignupSchema: ({ t, requireUsername }: {
+    t: Translate;
+    requireUsername?: boolean;
+}) => z.ZodEffects<z.ZodObject<{
+    email: z.ZodEffects<z.ZodString, string, string>;
+    username: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
+    password: z.ZodString;
+    confirmPassword: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    username?: string | undefined;
+}, {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    username?: string | undefined;
+}>, {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    username?: string | undefined;
+}, {
+    email: string;
+    password: string;
+    confirmPassword: string;
+    username?: string | undefined;
+}>;
+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,CAAA;AAQvB;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAA;AAMlD,eAAO,MAAM,UAAU,GAAI,iBAAwB;IAAE,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,8CAMtF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,uCAK3B;IACD,CAAC,EAAE,SAAS,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,8CAMA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4BAAuC;IAAE,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gBAI5H,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,iBAAwB;IAAE,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,gBAIhG,CAAA;AAMD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,kBAAsB;IAAE,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;EAS7F,CAAA;AAMN,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,YAAyB,CAAA;AACjE,eAAO,MAAM,eAAe,GAAI,KAAK,MAAM,EAAE,2BAAoC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,YACjD,CAAA;AAM/E,KAAK,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE,eAAO,MAAM,iBAAiB,GAAI,0DAK/B;IACD,CAAC,EAAE,SAAS,CAAA;IACZ,SAAS,EAAE,OAAO,GAAG,UAAU,GAAG,iBAAiB,CAAA;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC;;;;;;;;;EA8BG,CAAA;AAEJ,eAAO,MAAM,kBAAkB,GAAI,wBAAgC;IAAE,CAAC,EAAE,SAAS,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAWxG,CAAA"}

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, minLength = 5, maxLength = 128 })=>{
+    let schema = z.string();
+    if (required) schema = schema.min(1, t('validation:required'));
+    return schema.refine((val)=>usernameRegex.test(val) && val.length >= minLength && val.length <= maxLength, {
+        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().refine((val)=>{
+            if (!val) return false;
+            if (loginType === 'email') return isValidEmail(val);
+            if (loginType === 'username') return isValidUsername(val, usernameSettings);
+            return isValidEmail(val) || isValidUsername(val, usernameSettings);
+        }, (val)=>{
+            if (!val) return {
+                message: t('validation:required')
+            };
+            const isProbablyEmail = val.includes('@') || !canLoginWithUsername;
+            if (loginType === 'email') {
+                return {
+                    message: t('authentication:emailNotValid') || 'Email is not valid'
+                };
+            }
+            if (loginType === 'username') {
+                return {
+                    message: t('authentication:usernameNotValid') || 'Username is not valid'
+                };
+            }
+            return {
+                message: isProbablyEmail ? t('authentication:emailNotValid') || 'Email is not valid' : t('authentication:usernameNotValid') || 'Username is not valid'
+            };
+        }),
+        password: passwordField({
+            t
+        })
+    });
+export const createSignupSchema = ({ t, requireUsername = false })=>z.object({
+        email: emailField({
+            t
+        }),
+        username: usernameField({
+            t,
+            required: requireUsername
+        }).optional(),
+        password: passwordField({
+            t
+        }),
+        confirmPassword: confirmPasswordField({
+            t
+        })
+    }).refine((data)=>data.password === data.confirmPassword, {
+        path: [
+            'confirmPassword'
+        ],
+        message: t('fields:passwordsDoNotMatch') || 'Passwords do not match'
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQvZm9ybS92YWxpZGF0aW9uLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHogfSBmcm9tICd6b2QnXG5cbmltcG9ydCB7IGVtYWlsUmVnZXgsIHVzZXJuYW1lUmVnZXggfSBmcm9tICdAL3NoYXJlZC91dGlscy9yZWdleCdcblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBUeXBlc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbi8qKlxuICogTWluaW1hbCB0cmFuc2xhdGlvbiBmdW5jdGlvbiB0eXBlIGV4dHJhY3RlZCBmcm9tIGBpMThuZXh0YC5cbiAqIEFjY2VwdHMgYSBrZXkgYW5kIHJldHVybnMgdGhlIHRyYW5zbGF0ZWQgc3RyaW5nLlxuICovXG5leHBvcnQgdHlwZSBUcmFuc2xhdGUgPSAoLi4uYXJnczogYW55W10pID0+IHN0cmluZ1xuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIEZpZWxkIGJ1aWxkZXJzXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuZXhwb3J0IGNvbnN0IGVtYWlsRmllbGQgPSAoeyB0LCByZXF1aXJlZCA9IHRydWUgfTogeyB0OiBUcmFuc2xhdGU7IHJlcXVpcmVkPzogYm9vbGVhbiB9KSA9PiB7XG4gIGxldCBzY2hlbWEgPSB6LnN0cmluZygpXG4gIGlmIChyZXF1aXJlZCkgc2NoZW1hID0gc2NoZW1hLm1pbigxLCB0KCd2YWxpZGF0aW9uOnJlcXVpcmVkJykpXG4gIHJldHVybiBzY2hlbWEucmVmaW5lKCh2YWwpID0+IGVtYWlsUmVnZXgudGVzdCh2YWwpLCB7XG4gICAgbWVzc2FnZTogdCgnYXV0aGVudGljYXRpb246ZW1haWxOb3RWYWxpZCcpIHx8ICdFbWFpbCBpcyBub3QgdmFsaWQnXG4gIH0pXG59XG5cbmV4cG9ydCBjb25zdCB1c2VybmFtZUZpZWxkID0gKHtcbiAgdCxcbiAgcmVxdWlyZWQgPSB0cnVlLFxuICBtaW5MZW5ndGggPSA1LFxuICBtYXhMZW5ndGggPSAxMjhcbn06IHtcbiAgdDogVHJhbnNsYXRlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBtaW5MZW5ndGg/OiBudW1iZXJcbiAgbWF4TGVuZ3RoPzogbnVtYmVyXG59KSA9PiB7XG4gIGxldCBzY2hlbWEgPSB6LnN0cmluZygpXG4gIGlmIChyZXF1aXJlZCkgc2NoZW1hID0gc2NoZW1hLm1pbigxLCB0KCd2YWxpZGF0aW9uOnJlcXVpcmVkJykpXG4gIHJldHVybiBzY2hlbWEucmVmaW5lKCh2YWwpID0+IHVzZXJuYW1lUmVnZXgudGVzdCh2YWwpICYmIHZhbC5sZW5ndGggPj0gbWluTGVuZ3RoICYmIHZhbC5sZW5ndGggPD0gbWF4TGVuZ3RoLCB7XG4gICAgbWVzc2FnZTogdCgnYXV0aGVudGljYXRpb246dXNlcm5hbWVOb3RWYWxpZCcpIHx8ICdVc2VybmFtZSBpcyBub3QgdmFsaWQnXG4gIH0pXG59XG5cbmV4cG9ydCBjb25zdCBwYXNzd29yZEZpZWxkID0gKHsgdCwgcmVxdWlyZWQgPSB0cnVlLCBtaW5MZW5ndGggPSAxIH06IHsgdDogVHJhbnNsYXRlOyByZXF1aXJlZD86IGJvb2xlYW47IG1pbkxlbmd0aD86IG51bWJlciB9KSA9PiB7XG4gIGxldCBzY2hlbWEgPSB6LnN0cmluZygpXG4gIGlmIChyZXF1aXJlZCkgc2NoZW1hID0gc2NoZW1hLm1pbihtaW5MZW5ndGgsIHQoJ3ZhbGlkYXRpb246cmVxdWlyZWQnKSB8fCAnUGFzc3dvcmQgaXMgcmVxdWlyZWQnKVxuICByZXR1cm4gc2NoZW1hXG59XG5cbmV4cG9ydCBjb25zdCBjb25maXJtUGFzc3dvcmRGaWVsZCA9ICh7IHQsIHJlcXVpcmVkID0gdHJ1ZSB9OiB7IHQ6IFRyYW5zbGF0ZTsgcmVxdWlyZWQ/OiBib29sZWFuIH0pID0+IHtcbiAgbGV0IHNjaGVtYSA9IHouc3RyaW5nKClcbiAgaWYgKHJlcXVpcmVkKSBzY2hlbWEgPSBzY2hlbWEubWluKDEsIHQoJ3ZhbGlkYXRpb246cmVxdWlyZWQnKSB8fCAnQ29uZmlybSBwYXNzd29yZCBpcyByZXF1aXJlZCcpXG4gIHJldHVybiBzY2hlbWFcbn1cblxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBDb21wb3NhYmxlc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbi8qKlxuICogUmV0dXJucyBhIFpvZCBvYmplY3Qgc2NoZW1hIHdpdGggYHBhc3N3b3JkYCBhbmQgYGNvbmZpcm1QYXNzd29yZGAgZmllbGRzXG4gKiBhbmQgYSByZWZpbmVtZW50IHRoYXQgZW5zdXJlcyB0aGV5IG1hdGNoLlxuICovXG5leHBvcnQgY29uc3QgcGFzc3dvcmRXaXRoQ29uZmlybWF0aW9uID0gKHsgdCwgbWluTGVuZ3RoID0gMSB9OiB7IHQ6IFRyYW5zbGF0ZTsgbWluTGVuZ3RoPzogbnVtYmVyIH0pID0+XG4gIHpcbiAgICAub2JqZWN0KHtcbiAgICAgIHBhc3N3b3JkOiBwYXNzd29yZEZpZWxkKHsgdCwgbWluTGVuZ3RoIH0pLFxuICAgICAgY29uZmlybVBhc3N3b3JkOiBjb25maXJtUGFzc3dvcmRGaWVsZCh7IHQgfSlcbiAgICB9KVxuICAgIC5yZWZpbmUoKGRhdGEpID0+IGRhdGEucGFzc3dvcmQgPT09IGRhdGEuY29uZmlybVBhc3N3b3JkLCB7XG4gICAgICBwYXRoOiBbJ2NvbmZpcm1QYXNzd29yZCddLFxuICAgICAgbWVzc2FnZTogdCgnZmllbGRzOnBhc3N3b3Jkc0RvTm90TWF0Y2gnKSB8fCAnUGFzc3dvcmRzIGRvIG5vdCBtYXRjaCdcbiAgICB9KVxuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFV0aWxpdHkgdmFsaWRhdG9ycyAobm9u4oCRWm9kKSDigJQgaGFuZHkgZm9yIGR5bmFtaWMgbG9naW4gZmllbGQgY2hlY2tzXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuZXhwb3J0IGNvbnN0IGlzVmFsaWRFbWFpbCA9ICh2YWw6IHN0cmluZykgPT4gZW1haWxSZWdleC50ZXN0KHZhbClcbmV4cG9ydCBjb25zdCBpc1ZhbGlkVXNlcm5hbWUgPSAodmFsOiBzdHJpbmcsIHsgbWluTGVuZ3RoID0gNSwgbWF4TGVuZ3RoID0gMTI4IH06IHsgbWluTGVuZ3RoPzogbnVtYmVyOyBtYXhMZW5ndGg/OiBudW1iZXIgfSA9IHt9KSA9PlxuICB1c2VybmFtZVJlZ2V4LnRlc3QodmFsKSAmJiB2YWwubGVuZ3RoID49IG1pbkxlbmd0aCAmJiB2YWwubGVuZ3RoIDw9IG1heExlbmd0aFxuXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFNjaGVtYSBidWlsZGVyc1xuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cbnR5cGUgVXNlcm5hbWVTZXR0aW5ncyA9IHsgbWluTGVuZ3RoOiBudW1iZXI7IG1heExlbmd0aDogbnVtYmVyIH1cblxuZXhwb3J0IGNvbnN0IGNyZWF0ZUxvZ2luU2NoZW1hID0gKHtcbiAgdCxcbiAgbG9naW5UeXBlLFxuICBjYW5Mb2dpbldpdGhVc2VybmFtZSA9IGZhbHNlLFxuICB1c2VybmFtZVNldHRpbmdzID0geyBtaW5MZW5ndGg6IDUsIG1heExlbmd0aDogMTI4IH1cbn06IHtcbiAgdDogVHJhbnNsYXRlXG4gIGxvZ2luVHlwZTogJ2VtYWlsJyB8ICd1c2VybmFtZScgfCAnZW1haWxPclVzZXJuYW1lJ1xuICBjYW5Mb2dpbldpdGhVc2VybmFtZT86IGJvb2xlYW5cbiAgdXNlcm5hbWVTZXR0aW5ncz86IFVzZXJuYW1lU2V0dGluZ3Ncbn0pID0+XG4gIHoub2JqZWN0KHtcbiAgICBsb2dpbjogei5zdHJpbmcoKS5yZWZpbmUoXG4gICAgICAodmFsKSA9PiB7XG4gICAgICAgIGlmICghdmFsKSByZXR1cm4gZmFsc2VcbiAgICAgICAgaWYgKGxvZ2luVHlwZSA9PT0gJ2VtYWlsJykgcmV0dXJuIGlzVmFsaWRFbWFpbCh2YWwpXG4gICAgICAgIGlmIChsb2dpblR5cGUgPT09ICd1c2VybmFtZScpIHJldHVybiBpc1ZhbGlkVXNlcm5hbWUodmFsLCB1c2VybmFtZVNldHRpbmdzKVxuICAgICAgICByZXR1cm4gaXNWYWxpZEVtYWlsKHZhbCkgfHwgaXNWYWxpZFVzZXJuYW1lKHZhbCwgdXNlcm5hbWVTZXR0aW5ncylcbiAgICAgIH0sXG4gICAgICAodmFsKSA9PiB7XG4gICAgICAgIGlmICghdmFsKSByZXR1cm4geyBtZXNzYWdlOiB0KCd2YWxpZGF0aW9uOnJlcXVpcmVkJykgfVxuXG4gICAgICAgIGNvbnN0IGlzUHJvYmFibHlFbWFpbCA9IHZhbC5pbmNsdWRlcygnQCcpIHx8ICFjYW5Mb2dpbldpdGhVc2VybmFtZVxuXG4gICAgICAgIGlmIChsb2dpblR5cGUgPT09ICdlbWFpbCcpIHtcbiAgICAgICAgICByZXR1cm4geyBtZXNzYWdlOiB0KCdhdXRoZW50aWNhdGlvbjplbWFpbE5vdFZhbGlkJykgfHwgJ0VtYWlsIGlzIG5vdCB2YWxpZCcgfVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGxvZ2luVHlwZSA9PT0gJ3VzZXJuYW1lJykge1xuICAgICAgICAgIHJldHVybiB7IG1lc3NhZ2U6IHQoJ2F1dGhlbnRpY2F0aW9uOnVzZXJuYW1lTm90VmFsaWQnKSB8fCAnVXNlcm5hbWUgaXMgbm90IHZhbGlkJyB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIG1lc3NhZ2U6IGlzUHJvYmFibHlFbWFpbFxuICAgICAgICAgICAgPyB0KCdhdXRoZW50aWNhdGlvbjplbWFpbE5vdFZhbGlkJykgfHwgJ0VtYWlsIGlzIG5vdCB2YWxpZCdcbiAgICAgICAgICAgIDogdCgnYXV0aGVudGljYXRpb246dXNlcm5hbWVOb3RWYWxpZCcpIHx8ICdVc2VybmFtZSBpcyBub3QgdmFsaWQnXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICApLFxuICAgIHBhc3N3b3JkOiBwYXNzd29yZEZpZWxkKHsgdCB9KVxuICB9KVxuXG5leHBvcnQgY29uc3QgY3JlYXRlU2lnbnVwU2NoZW1hID0gKHsgdCwgcmVxdWlyZVVzZXJuYW1lID0gZmFsc2UgfTogeyB0OiBUcmFuc2xhdGU7IHJlcXVpcmVVc2VybmFtZT86IGJvb2xlYW4gfSkgPT5cbiAgelxuICAgIC5vYmplY3Qoe1xuICAgICAgZW1haWw6IGVtYWlsRmllbGQoeyB0IH0pLFxuICAgICAgdXNlcm5hbWU6IHVzZXJuYW1lRmllbGQoeyB0LCByZXF1aXJlZDogcmVxdWlyZVVzZXJuYW1lIH0pLm9wdGlvbmFsKCksXG4gICAgICBwYXNzd29yZDogcGFzc3dvcmRGaWVsZCh7IHQgfSksXG4gICAgICBjb25maXJtUGFzc3dvcmQ6IGNvbmZpcm1QYXNzd29yZEZpZWxkKHsgdCB9KVxuICAgIH0pXG4gICAgLnJlZmluZSgoZGF0YSkgPT4gZGF0YS5wYXNzd29yZCA9PT0gZGF0YS5jb25maXJtUGFzc3dvcmQsIHtcbiAgICAgIHBhdGg6IFsnY29uZmlybVBhc3N3b3JkJ10sXG4gICAgICBtZXNzYWdlOiB0KCdmaWVsZHM6cGFzc3dvcmRzRG9Ob3RNYXRjaCcpIHx8ICdQYXNzd29yZHMgZG8gbm90IG1hdGNoJ1xuICAgIH0pXG4iXSwibmFtZXMiOlsieiIsImVtYWlsUmVnZXgiLCJ1c2VybmFtZVJlZ2V4IiwiZW1haWxGaWVsZCIsInQiLCJyZXF1aXJlZCIsInNjaGVtYSIsInN0cmluZyIsIm1pbiIsInJlZmluZSIsInZhbCIsInRlc3QiLCJtZXNzYWdlIiwidXNlcm5hbWVGaWVsZCIsIm1pbkxlbmd0aCIsIm1heExlbmd0aCIsImxlbmd0aCIsInBhc3N3b3JkRmllbGQiLCJjb25maXJtUGFzc3dvcmRGaWVsZCIsInBhc3N3b3JkV2l0aENvbmZpcm1hdGlvbiIsIm9iamVjdCIsInBhc3N3b3JkIiwiY29uZmlybVBhc3N3b3JkIiwiZGF0YSIsInBhdGgiLCJpc1ZhbGlkRW1haWwiLCJpc1ZhbGlkVXNlcm5hbWUiLCJjcmVhdGVMb2dpblNjaGVtYSIsImxvZ2luVHlwZSIsImNhbkxvZ2luV2l0aFVzZXJuYW1lIiwidXNlcm5hbWVTZXR0aW5ncyIsImxvZ2luIiwiaXNQcm9iYWJseUVtYWlsIiwiaW5jbHVkZXMiLCJjcmVhdGVTaWdudXBTY2hlbWEiLCJyZXF1aXJlVXNlcm5hbWUiLCJlbWFpbCIsInVzZXJuYW1lIiwib3B0aW9uYWwiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLENBQUMsUUFBUSxNQUFLO0FBRXZCLFNBQVNDLFVBQVUsRUFBRUMsYUFBYSxRQUFRLGlCQUFzQjtBQVloRSw4RUFBOEU7QUFDOUUsaUJBQWlCO0FBQ2pCLDhFQUE4RTtBQUU5RSxPQUFPLE1BQU1DLGFBQWEsQ0FBQyxFQUFFQyxDQUFDLEVBQUVDLFdBQVcsSUFBSSxFQUF3QztJQUNyRixJQUFJQyxTQUFTTixFQUFFTyxNQUFNO0lBQ3JCLElBQUlGLFVBQVVDLFNBQVNBLE9BQU9FLEdBQUcsQ0FBQyxHQUFHSixFQUFFO0lBQ3ZDLE9BQU9FLE9BQU9HLE1BQU0sQ0FBQyxDQUFDQyxNQUFRVCxXQUFXVSxJQUFJLENBQUNELE1BQU07UUFDbERFLFNBQVNSLEVB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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,CAAA;AAClD,cAAc,uCAAuC,CAAA"}

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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zaGFyZWQvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wYXlsb2FkL2ZpZWxkcy9maWVsZC1jb3B5LWJ1dHRvbidcbmV4cG9ydCAqIGZyb20gJy4vcGF5bG9hZC9maWVsZHMvZ2VuZXJhdGUtdXVpZC1idXR0b24nXG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQ0FBb0M7QUFDbEQsY0FBYyx3Q0FBdUMifQ==

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":"AACA,OAAO,aAAa,CAAA;AACpB,OAAO,EAAoB,SAAS,EAAY,MAAM,gBAAgB,CAAA;AAGtE,eAAO,MAAM,eAAe,EAAE,OAAO,SAoBpC,CAAA"}