@bigbinary/neeto-atoms 1.0.8 → 1.0.10

package/dist/formik/Button.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "src/components/Button";
+export interface FormikButtonProps extends ButtonProps {
+    /** Override the auto-computed disabled state. */
+    disabled?: boolean;
+}
+declare const FormikButton: import("react").ForwardRefExoticComponent<FormikButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { FormikButton };

package/dist/formik/Button.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useFormikContext } from 'formik';
+import { equals } from 'ramda';
+import { B as Button } from '../Button-Q7MPG6ph.js';
+import '../utils-DdHUxIdC.js';
+import '../renderIcon-tlvMyboj.js';
+import '../primitives/Button.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../primitives/Tooltip.js';
+import '../tooltip-XkHLgxlU.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-C3hByjk3.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../index-CSggBaQF.js';
+
+const FormikButton = forwardRef(({ disabled, ...otherProps }, ref) => {
+    const { handleSubmit, isSubmitting, values, initialValues, isValid } = useFormikContext();
+    const isDisabled = disabled ?? (isSubmitting || equals(values, initialValues));
+    return (jsx(Button, { ref: ref, disabled: isDisabled, loading: isSubmitting && isValid, onClick: () => handleSubmit(), ...otherProps }));
+});
+FormikButton.displayName = "FormikButton";
+
+export { FormikButton };
+//# sourceMappingURL=Button.js.map

package/dist/formik/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { equals } from \"ramda\";\n\nimport { Button, ButtonProps } from \"src/components/Button\";\n\nexport interface FormikButtonProps extends ButtonProps {\n  /** Override the auto-computed disabled state. */\n  disabled?: boolean;\n}\n\nconst FormikButton = forwardRef<HTMLButtonElement, FormikButtonProps>(\n  ({ disabled, ...otherProps }, ref) => {\n    const { handleSubmit, isSubmitting, values, initialValues, isValid } =\n      useFormikContext();\n\n    const isDisabled =\n      disabled ?? (isSubmitting || equals(values, initialValues));\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={() => handleSubmit()}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACnC,IAAA,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAClE,gBAAgB,EAAE;AAEpB,IAAA,MAAM,UAAU,GACd,QAAQ,KAAK,YAAY,IAAI,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE7D,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,YAAY,IAAI,OAAO,EAChC,OAAO,EAAE,MAAM,YAAY,EAAE,EAAA,GACzB,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CheckboxProps } from "src/components/Checkbox";
+export interface FormikCheckboxProps extends Omit<CheckboxProps, "name"> {
+    /** Formik field name. */
+    name: string;
+}
+declare const FormikCheckbox: React.ForwardRefExoticComponent<Omit<FormikCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { FormikCheckbox };

package/dist/formik/Checkbox.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { C as Checkbox } from '../Checkbox-zCxgcZiC.js';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Checkbox.js';
+import '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DNzunGHb.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-yFgkK_AM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+
+const FormikCheckbox = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = getIn(status, name);
+        return (jsx(Checkbox, { ref: ref, checked: !!field.value, error: meta.touched ? meta.error || fieldStatus : "", name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
+                setStatus(dissoc(name, status));
+                form.setFieldValue(name, checked);
+            }, ...rest }));
+    } })));
+FormikCheckbox.displayName = "FormikCheckbox";
+
+export { FormikCheckbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/formik/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/formik/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Checkbox, CheckboxProps } from \"src/components/Checkbox\";\n\nexport interface FormikCheckboxProps extends Omit<CheckboxProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(({ name, ...rest }, ref) => (\n  <Field name={name}>\n    {({ field, meta, form }: FieldProps) => {\n      const { status = {}, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      return (\n        <Checkbox\n          ref={ref}\n          checked={!!field.value}\n          error={meta.touched ? meta.error || fieldStatus : \"\"}\n          name={field.name}\n          onBlur={field.onBlur}\n          onCheckedChange={(checked: boolean) => {\n            setStatus(dissoc(name, status));\n            form.setFieldValue(name, checked);\n          }}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n));\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAG/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACvBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;QAEvC,QACEA,IAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/formik/Form/FormWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface FormWrapperProps {
+    className?: string;
+    formProps?: React.ComponentProps<"form">;
+    children: React.ReactNode;
+    scrollToErrorField: boolean;
+}
+declare const FormWrapper: React.ForwardRefExoticComponent<FormWrapperProps & React.RefAttributes<HTMLFormElement>>;
+export default FormWrapper;

package/dist/formik/Form/ScrollToErrorField/index.d.ts

@@ -0,0 +1,5 @@
+interface ScrollToErrorFieldProps {
+    formRef: React.RefObject<HTMLFormElement | null>;
+}
+declare const ScrollToErrorField: ({ formRef }: ScrollToErrorFieldProps) => null;
+export default ScrollToErrorField;

package/dist/formik/Form/ScrollToErrorField/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getFieldsWithServerError: (status?: Record<string, unknown>) => string[];
+export declare const scrollToError: (formRef: React.RefObject<HTMLFormElement | null>, errors: Record<string, unknown>, status: Record<string, unknown>) => void;

package/dist/formik/Form/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FormikConfig, FormikProps, FormikValues } from "formik";
+export interface FormProps<T extends FormikValues = FormikValues> {
+    /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */
+    formikProps: FormikConfig<T>;
+    /** Props forwarded to the HTML form element. */
+    formProps?: React.ComponentProps<"form">;
+    /** Auto-scroll to the first error field on submit. */
+    scrollToErrorField?: boolean;
+    /** Additional class name for the form wrapper. */
+    className?: string;
+    /** Render children directly or as a function receiving FormikProps. */
+    children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps<FormikValues> & React.RefAttributes<HTMLFormElement>>;
+export { Form };

package/dist/formik/Form.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEffect, forwardRef, useRef, useCallback } from 'react';
+import { useFormikContext, Form as Form$1, Formik } from 'formik';
+import { is } from 'ramda';
+
+const transformObjectToDotNotation = (object, prefix = "") => {
+    const result = [];
+    Object.entries(object).forEach(([key, value]) => {
+        if (!value)
+            return;
+        const nextKey = prefix ? `${prefix}.${key}` : key;
+        if (is(Object, value)) {
+            result.push(...transformObjectToDotNotation(value, nextKey));
+        }
+        else {
+            result.push(nextKey);
+        }
+    });
+    return result;
+};
+const getErrorFieldName = (formikErrors) => transformObjectToDotNotation(formikErrors)?.[0];
+const getFieldsWithServerError = (status = {}) => Object.keys(status).filter(fieldName => status[fieldName] != null && status[fieldName] !== "");
+const scrollToError = (formRef, errors, status) => {
+    const fieldErrorName = getErrorFieldName(errors);
+    const [fieldWithServerError] = getFieldsWithServerError(status);
+    if (!fieldErrorName && !fieldWithServerError)
+        return;
+    const errorFieldName = fieldErrorName || fieldWithServerError;
+    const errorFormElement = formRef.current?.querySelector(`[name="${errorFieldName}"]`);
+    errorFormElement?.scrollIntoView({
+        behavior: "smooth",
+        block: "center",
+    });
+};
+
+const ScrollToErrorField = ({ formRef }) => {
+    const { submitCount, isValid, errors, status } = useFormikContext();
+    useEffect(() => {
+        const fieldsWithServerError = getFieldsWithServerError(status);
+        if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {
+            return;
+        }
+        scrollToError(formRef, errors, status);
+    }, [submitCount]);
+    return null;
+};
+
+const FormWrapper = forwardRef(({ className, formProps, children, scrollToErrorField }, ref) => {
+    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } = useFormikContext();
+    const { dirty: isFormDirty, isSubmitting, status } = formikBag;
+    const formRefForScrollToErrorField = useRef(null);
+    const formRef = ref ||
+        formRefForScrollToErrorField;
+    const handleKeyDown = useCallback(async (event) => {
+        const target = event.target;
+        const isEventFromEditorOrTextarea = target.tagName === "TEXTAREA" || target.editor;
+        if (event.key !== "Enter")
+            return;
+        if (isEventFromEditorOrTextarea && !event.metaKey)
+            return;
+        event.preventDefault();
+        if (event.shiftKey)
+            return;
+        if (!isFormDirty || isSubmitting)
+            return;
+        try {
+            const errors = await validateForm();
+            const fieldStatuses = getFieldsWithServerError(status);
+            if (Object.keys(errors).length > 0 ||
+                Object.keys(fieldStatuses).length > 0) {
+                setErrors(errors);
+                setTouched({ ...errors, ...status });
+                if (scrollToErrorField) {
+                    scrollToError(formRef, errors, status);
+                }
+            }
+            else {
+                submitForm();
+            }
+        }
+        catch (error) {
+            console.error("An unhandled error was caught from validateForm()", error);
+        }
+    }, [
+        validateForm,
+        setErrors,
+        setTouched,
+        isFormDirty,
+        isSubmitting,
+        submitForm,
+        status,
+        scrollToErrorField,
+        formRef,
+    ]);
+    return (jsxs(Form$1, { className, noValidate: true, ref: formRef, onKeyDown: handleKeyDown, ...formProps, children: [scrollToErrorField && jsx(ScrollToErrorField, { formRef }), children] }));
+});
+FormWrapper.displayName = "FormWrapper";
+
+const Form = forwardRef(({ className, children, formikProps, formProps, scrollToErrorField = false }, ref) => {
+    const formikRef = useRef(null);
+    const handleSubmit = (values, actions) => {
+        const fieldsWithServerError = getFieldsWithServerError(formikRef.current?.status);
+        if (fieldsWithServerError.length > 0) {
+            actions.setSubmitting(false);
+            return undefined;
+        }
+        return formikProps.onSubmit(values, actions);
+    };
+    return (jsx(Formik, { innerRef: formikRef, ...formikProps, onSubmit: handleSubmit, children: props => (jsx(FormWrapper, { className, formProps, ref, scrollToErrorField, children: typeof children === "function" ? children(props) : children })) }));
+});
+Form.displayName = "Form";
+
+export { Form };
+//# sourceMappingURL=Form.js.map

package/dist/formik/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../src/formik/Form/ScrollToErrorField/utils.ts","../../src/formik/Form/ScrollToErrorField/index.tsx","../../src/formik/Form/FormWrapper.tsx","../../src/formik/Form/index.tsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (\n  object: Record<string, unknown>,\n  prefix = \"\"\n): string[] => {\n  const result: string[] = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(\n        ...transformObjectToDotNotation(\n          value as Record<string, unknown>,\n          nextKey\n        )\n      );\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = (\n  formikErrors: Record<string, unknown>\n): string | undefined => transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const getFieldsWithServerError = (\n  status: Record<string, unknown> = {}\n): string[] =>\n  Object.keys(status).filter(\n    fieldName => status[fieldName] != null && status[fieldName] !== \"\"\n  );\n\nexport const scrollToError = (\n  formRef: React.RefObject<HTMLFormElement | null>,\n  errors: Record<string, unknown>,\n  status: Record<string, unknown>\n): void => {\n  const fieldErrorName = getErrorFieldName(errors);\n  const [fieldWithServerError] = getFieldsWithServerError(status);\n\n  if (!fieldErrorName && !fieldWithServerError) return;\n\n  const errorFieldName = fieldErrorName || fieldWithServerError;\n  const errorFormElement = formRef.current?.querySelector(\n    `[name=\"${errorFieldName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { getFieldsWithServerError, scrollToError } from \"./utils\";\n\ninterface ScrollToErrorFieldProps {\n  formRef: React.RefObject<HTMLFormElement | null>;\n}\n\nconst ScrollToErrorField = ({ formRef }: ScrollToErrorFieldProps) => {\n  const { submitCount, isValid, errors, status } = useFormikContext();\n\n  useEffect(() => {\n    const fieldsWithServerError = getFieldsWithServerError(status);\n    if (!formRef.current || (isValid && fieldsWithServerError.length === 0)) {\n      return;\n    }\n\n    scrollToError(formRef, errors as Record<string, unknown>, status);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport {\n  getFieldsWithServerError,\n  scrollToError,\n} from \"./ScrollToErrorField/utils\";\n\ninterface FormWrapperProps {\n  className?: string;\n  formProps?: React.ComponentProps<\"form\">;\n  children: React.ReactNode;\n  scrollToErrorField: boolean;\n}\n\nconst FormWrapper = forwardRef<HTMLFormElement, FormWrapperProps>(\n  ({ className, formProps, children, scrollToErrorField }, ref) => {\n    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting, status } = formikBag;\n\n    const formRefForScrollToErrorField = useRef<HTMLFormElement>(null);\n    const formRef =\n      (ref as React.RefObject<HTMLFormElement | null>) ||\n      formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async (event: React.KeyboardEvent<HTMLFormElement>) => {\n        const target = event.target as HTMLElement & { editor?: unknown };\n        const isEventFromEditorOrTextarea =\n          target.tagName === \"TEXTAREA\" || target.editor;\n\n        if (event.key !== \"Enter\") return;\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n          const fieldStatuses = getFieldsWithServerError(status);\n\n          if (\n            Object.keys(errors).length > 0 ||\n            Object.keys(fieldStatuses).length > 0\n          ) {\n            setErrors(errors);\n            setTouched({ ...errors, ...status });\n            if (scrollToErrorField) {\n              scrollToError(formRef, errors as Record<string, unknown>, status);\n            }\n          } else {\n            submitForm();\n          }\n        } catch (error) {\n          console.error(\n            \"An unhandled error was caught from validateForm()\",\n            error\n          );\n        }\n      },\n      [\n        validateForm,\n        setErrors,\n        setTouched,\n        isFormDirty,\n        isSubmitting,\n        submitForm,\n        status,\n        scrollToErrorField,\n        formRef,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nexport default FormWrapper;\n","import React, { forwardRef, useRef } from \"react\";\n\nimport { Formik, FormikConfig, FormikProps, FormikValues } from \"formik\";\n\nimport FormWrapper from \"./FormWrapper\";\nimport { getFieldsWithServerError } from \"./ScrollToErrorField/utils\";\n\nexport interface FormProps<T extends FormikValues = FormikValues> {\n  /** Formik configuration: initialValues, validationSchema, onSubmit, etc. */\n  formikProps: FormikConfig<T>;\n  /** Props forwarded to the HTML form element. */\n  formProps?: React.ComponentProps<\"form\">;\n  /** Auto-scroll to the first error field on submit. */\n  scrollToErrorField?: boolean;\n  /** Additional class name for the form wrapper. */\n  className?: string;\n  /** Render children directly or as a function receiving FormikProps. */\n  children: React.ReactNode | ((props: FormikProps<T>) => React.ReactNode);\n}\n\nconst Form = forwardRef<HTMLFormElement, FormProps>(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => {\n    const formikRef = useRef<FormikProps<FormikValues>>(null);\n\n    const handleSubmit: FormikConfig<FormikValues>[\"onSubmit\"] = (\n      values,\n      actions\n    ) => {\n      const fieldsWithServerError = getFieldsWithServerError(\n        formikRef.current?.status\n      );\n\n      if (fieldsWithServerError.length > 0) {\n        actions.setSubmitting(false);\n\n        return undefined;\n      }\n\n      return formikProps.onSubmit(values, actions);\n    };\n\n    return (\n      <Formik\n        innerRef={formikRef as React.Ref<FormikProps<FormikValues>>}\n        {...formikProps}\n        onSubmit={handleSubmit}\n      >\n        {props => (\n          <FormWrapper {...{ className, formProps, ref, scrollToErrorField }}>\n            {typeof children === \"function\" ? children(props) : children}\n          </FormWrapper>\n        )}\n      </Formik>\n    );\n  }\n);\n\nForm.displayName = \"Form\";\n\nexport { Form };\n"],"names":["_jsxs","FormikForm","_jsx"],"mappings":";;;;;AAEA,MAAM,4BAA4B,GAAG,CACnC,MAA+B,EAC/B,MAAM,GAAG,EAAE,KACC;IACZ,MAAM,MAAM,GAAa,EAAE;AAE3B,IAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAC9C,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,MAAM,OAAO,GAAG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,GAAG,GAAG;AACjD,QAAA,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE;YACrB,MAAM,CAAC,IAAI,CACT,GAAG,4BAA4B,CAC7B,KAAgC,EAChC,OAAO,CACR,CACF;QACH;aAAO;AACL,YAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;QACtB;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACf,CAAC;AAED,MAAM,iBAAiB,GAAG,CACxB,YAAqC,KACd,4BAA4B,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAEjE,MAAM,wBAAwB,GAAG,CACtC,SAAkC,EAAE,KAEpC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACxB,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CACnE;AAEI,MAAM,aAAa,GAAG,CAC3B,OAAgD,EAChD,MAA+B,EAC/B,MAA+B,KACvB;AACR,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC;IAChD,MAAM,CAAC,oBAAoB,CAAC,GAAG,wBAAwB,CAAC,MAAM,CAAC;AAE/D,IAAA,IAAI,CAAC,cAAc,IAAI,CAAC,oBAAoB;QAAE;AAE9C,IAAA,MAAM,cAAc,GAAG,cAAc,IAAI,oBAAoB;AAC7D,IAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,EAAE,aAAa,CACrD,CAAA,OAAA,EAAU,cAAc,CAAA,EAAA,CAAI,CAC7B;IAED,gBAAgB,EAAE,cAAc,CAAC;AAC/B,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA,CAAC;AACJ,CAAC;;AC9CD,MAAM,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAA2B,KAAI;AAClE,IAAA,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE;IAEnE,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,MAAM,CAAC;AAC9D,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,qBAAqB,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;YACvE;QACF;AAEA,QAAA,aAAa,CAAC,OAAO,EAAE,MAAiC,EAAE,MAAM,CAAC;AACnE,IAAA,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAA,OAAO,IAAI;AACb,CAAC;;ACND,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,GAAG,KAAI;AAC9D,IAAA,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,GACrE,gBAAgB,EAAE;IAEpB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS;AAE9D,IAAA,MAAM,4BAA4B,GAAG,MAAM,CAAkB,IAAI,CAAC;IAClE,MAAM,OAAO,GACV,GAA+C;AAChD,QAAA,4BAA4B;IAE9B,MAAM,aAAa,GAAG,WAAW,CAC/B,OAAO,KAA2C,KAAI;AACpD,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA4C;QACjE,MAAM,2BAA2B,GAC/B,MAAM,CAAC,OAAO,KAAK,UAAU,IAAI,MAAM,CAAC,MAAM;AAEhD,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;YAAE;AAC3B,QAAA,IAAI,2BAA2B,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE;QAEnD,KAAK,CAAC,cAAc,EAAE;QAEtB,IAAI,KAAK,CAAC,QAAQ;YAAE;QACpB,IAAI,CAAC,WAAW,IAAI,YAAY;YAAE;AAElC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,MAAM,YAAY,EAAE;AACnC,YAAA,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,CAAC;YAEtD,IACE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC;gBAC9B,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EACrC;gBACA,SAAS,CAAC,MAAM,CAAC;gBACjB,UAAU,CAAC,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;gBACpC,IAAI,kBAAkB,EAAE;AACtB,oBAAA,aAAa,CAAC,OAAO,EAAE,MAAiC,EAAE,MAAM,CAAC;gBACnE;YACF;iBAAO;AACL,gBAAA,UAAU,EAAE;YACd;QACF;QAAE,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CACX,mDAAmD,EACnD,KAAK,CACN;QACH;AACF,IAAA,CAAC,EACD;QACE,YAAY;QACZ,SAAS;QACT,UAAU;QACV,WAAW;QACX,YAAY;QACZ,UAAU;QACV,MAAM;QACN,kBAAkB;QAClB,OAAO;AACR,KAAA,CACF;AAED,IAAA,QACEA,IAAA,CAACC,MAAU,EAAA,EACH,SAAS,EACf,UAAU,EAAA,IAAA,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,aAAa,EAAA,GACpB,SAAS,EAAA,QAAA,EAAA,CAEZ,kBAAkB,IAAIC,GAAA,CAAC,kBAAkB,EAAA,EAAO,OAAO,EAAA,CAAM,EAC7D,QAAQ,CAAA,EAAA,CACE;AAEjB,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;AC1EvC,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB,GAAG,KAAK,EAAE,EAC3E,GAAG,KACD;AACF,IAAA,MAAM,SAAS,GAAG,MAAM,CAA4B,IAAI,CAAC;AAEzD,IAAA,MAAM,YAAY,GAA2C,CAC3D,MAAM,EACN,OAAO,KACL;QACF,MAAM,qBAAqB,GAAG,wBAAwB,CACpD,SAAS,CAAC,OAAO,EAAE,MAAM,CAC1B;AAED,QAAA,IAAI,qBAAqB,CAAC,MAAM,GAAG,CAAC,EAAE;AACpC,YAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;AAE5B,YAAA,OAAO,SAAS;QAClB;QAEA,OAAO,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;AAC9C,IAAA,CAAC;IAED,QACEA,IAAC,MAAM,EAAA,EACL,QAAQ,EAAE,SAAiD,EAAA,GACvD,WAAW,EACf,QAAQ,EAAE,YAAY,EAAA,QAAA,EAErB,KAAK,KACJA,GAAA,CAAC,WAAW,EAAA,EAAO,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAA,QAAA,EAC7D,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,EAAA,CAChD,CACf,EAAA,CACM;AAEb,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/formik/Input.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { InputProps } from "src/components/Input";
+export interface FormikInputProps extends Omit<InputProps, "name"> {
+    /** Formik field name. */
+    name: string;
+}
+declare const FormikInput: React.ForwardRefExoticComponent<Omit<FormikInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { FormikInput };

package/dist/formik/Input.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { I as Input } from '../Input-C1gcv9o2.js';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../primitives/InputGroup.js';
+import '../input-group-ytECR3Hw.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+
+const FormikInput = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = getIn(status, name);
+        const fieldProps = {
+            ...field,
+            onChange: (e) => {
+                setStatus(dissoc(name, status));
+                field.onChange(e);
+            },
+        };
+        return (jsx(Input, { ref: ref, ...fieldProps, error: meta.touched ? meta.error || fieldStatus : "", ...rest }));
+    } })));
+FormikInput.displayName = "FormikInput";
+
+export { FormikInput };
+//# sourceMappingURL=Input.js.map

package/dist/formik/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/formik/Input.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Input, InputProps } from \"src/components/Input\";\n\nexport interface FormikInputProps extends Omit<InputProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikInput = forwardRef<HTMLInputElement, FormikInputProps>(\n  ({ name, ...rest }, ref) => (\n    <Field name={name}>\n      {({ field, meta, form }: FieldProps) => {\n        const { status = {}, setStatus } = form;\n        const fieldStatus = getIn(status, name);\n\n        const fieldProps = {\n          ...field,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n          },\n        };\n\n        return (\n          <Input\n            ref={ref}\n            {...fieldProps}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikInput.displayName = \"FormikInput\";\n\nexport { FormikInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrBA,GAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAc,KAAI;QACrC,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAsC,KAAI;gBACnD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/formik/MultiEmailInput.d.ts

@@ -0,0 +1,7 @@
+import { MultiEmailInputProps } from "src/components/MultiEmailInput";
+export interface FormikMultiEmailInputProps extends MultiEmailInputProps {
+    /** Formik field name. */
+    name: string;
+}
+declare const FormikMultiEmailInput: import("react").ForwardRefExoticComponent<FormikMultiEmailInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { FormikMultiEmailInput };

package/dist/formik/MultiEmailInput.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { M as MultiEmailInput } from '../MultiEmailInput-SCTYovtX.js';
+import '../utils-DdHUxIdC.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+
+const FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {
+    const [field, meta, { setValue, setTouched }] = useField(name);
+    const { status = {}, setStatus } = useFormikContext();
+    const fieldStatus = getIn(status, name);
+    return (jsx(MultiEmailInput, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", value: field.value, onBlur: () => setTouched(true), onChange: value => {
+            setStatus(dissoc(name, status));
+            setValue(value);
+        }, ...otherProps }));
+});
+FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
+
+export { FormikMultiEmailInput };
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/formik/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":["../../src/formik/MultiEmailInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport {\n  MultiEmailInput,\n  MultiEmailInputProps,\n} from \"src/components/MultiEmailInput\";\n\nexport interface FormikMultiEmailInputProps extends MultiEmailInputProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikMultiEmailInput = forwardRef<\n  HTMLInputElement,\n  FormikMultiEmailInputProps\n>(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status = {}, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <MultiEmailInput\n      ref={ref}\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nexport { FormikMultiEmailInput };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,GAAG,UAAU,CAGtC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,eAAe,EAAA,EACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,QAAQ,EAAE,KAAK,IAAG;YAChB,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/formik/RadioGroup.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { R as RadioGroup } from '../RadioGroup-BNeYQAoT.js';
+import 'react';
+import '../utils-DdHUxIdC.js';
+import '../primitives/RadioGroup.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-j_qxDBFl.js';
+import '../index-Dd1i1d2M.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-CSUSJzOJ.js';
+import '../index-Cor698lu.js';
+import '../index-BA158WEj.js';
+import '../index-BYZaLNq1.js';
+import '../index-30QpKM0j.js';
+import '../index-yFgkK_AM.js';
+import '../primitives/Label.js';
+import '../label-B4qDF3W1.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../separator-BbhgePmX.js';
+
+const FormikRadioGroup = ({ name, ...props }) => {
+    const [field, meta] = useField(name);
+    const { setFieldValue, status = {}, setStatus, } = useFormikContext();
+    const fieldStatus = getIn(status, name);
+    return (jsx(RadioGroup, { error: meta.touched ? meta.error || fieldStatus : "", name: field.name, value: field.value, onValueChange: (value) => {
+            setStatus(dissoc(name, status));
+            setFieldValue(name, value);
+        }, ...props }));
+};
+FormikRadioGroup.displayName = "FormikRadioGroup";
+FormikRadioGroup.Item = RadioGroup.Item;
+
+export { FormikRadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/formik/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/formik/RadioGroup.tsx"],"sourcesContent":["import { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { RadioGroup, RadioGroupProps } from \"src/components/RadioGroup\";\n\nexport interface FormikRadioGroupProps extends Omit<RadioGroupProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikRadioGroup = ({ name, ...props }: FormikRadioGroupProps) => {\n  const [field, meta] = useField(name);\n  const {\n    setFieldValue,\n    status = {},\n    setStatus,\n  } = useFormikContext<Record<string, unknown>>();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <RadioGroup\n      error={meta.touched ? meta.error || fieldStatus : \"\"}\n      name={field.name}\n      value={field.value}\n      onValueChange={(value: string) => {\n        setStatus(dissoc(name, status));\n        setFieldValue(name, value);\n      }}\n      {...props}\n    />\n  );\n};\n\nFormikRadioGroup.displayName = \"FormikRadioGroup\";\nFormikRadioGroup.Item = RadioGroup.Item;\n\nexport { FormikRadioGroup };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAyB,KAAI;IACrE,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AACpC,IAAA,MAAM,EACJ,aAAa,EACb,MAAM,GAAG,EAAE,EACX,SAAS,GACV,GAAG,gBAAgB,EAA2B;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,KAAa,KAAI;YAC/B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,YAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;AAC5B,QAAA,CAAC,EAAA,GACG,KAAK,EAAA,CACT;AAEN;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;AACjD,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI;;;;"}

package/dist/formik/Select.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from "src/components/Select";
+export type FormikSelectProps = SelectProps & {
+    /** Formik field name. */
+    name: string;
+};
+declare const FormikSelect: import("react").ForwardRefExoticComponent<FormikSelectProps & import("react").RefAttributes<HTMLInputElement>>;
+export { FormikSelect };

package/dist/formik/Select.js

@@ -0,0 +1,59 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { S as Select } from '../Select-BGODpJGc.js';
+import '../SelectFieldWrapper-BJzq9aCY.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../label-B4qDF3W1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../separator-BbhgePmX.js';
+import '../primitives/Combobox.js';
+import '../button-COIbN8dg.js';
+import '../index-CfriMyrd.js';
+import '../input-group-ytECR3Hw.js';
+import '../input-GLCCE2kT.js';
+import '../textarea-BSZwxzjQ.js';
+import '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../x-_o2T3n6D.js';
+import '../chevron-down-BNi0ntys.js';
+import '../floating-ui.react-dom-D8_f_WWh.js';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../with-selector-Dv0G_V_o.js';
+import '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+
+const FormikSelect = forwardRef((props, ref) => {
+    const { name, onOpenChange, onChange: _, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars
+    const [field, meta, { setValue, setTouched }] = useField(name);
+    const { status = {}, setStatus } = useFormikContext();
+    const fieldStatus = getIn(status, name);
+    const selectProps = {
+        ...otherProps,
+        ref,
+        error: meta.touched ? meta.error || fieldStatus : "",
+        name: field.name,
+        value: field.value,
+        onOpenChange: (open) => {
+            if (!open)
+                setTouched(true);
+            onOpenChange?.(open);
+        },
+        onChange: (value) => {
+            setStatus(dissoc(name, status));
+            setValue(value);
+        },
+    };
+    return jsx(Select, { ...selectProps });
+});
+FormikSelect.displayName = "FormikSelect";
+
+export { FormikSelect };
+//# sourceMappingURL=Select.js.map

package/dist/formik/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n  /** Formik field name. */\n  name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n  (props, ref) => {\n    const { name, onOpenChange, onChange: _, ...otherProps } = props; // eslint-disable-line @typescript-eslint/no-unused-vars\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    const selectProps = {\n      ...otherProps,\n      ref,\n      error: meta.touched ? meta.error || fieldStatus : \"\",\n      name: field.name,\n      value: field.value,\n      onOpenChange: (open: boolean) => {\n        if (!open) setTouched(true);\n        onOpenChange?.(open);\n      },\n      onChange: (value: unknown) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      },\n    };\n\n    return <Select {...(selectProps as SelectProps)} />;\n  }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;AACjE,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;gBAAE,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC;KACF;AAED,IAAA,OAAOA,GAAA,CAAC,MAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Slider.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SliderProps } from "src/components/Slider";
+export interface FormikSliderProps extends Omit<SliderProps, "name"> {
+    /** Formik field name. */
+    name: string;
+}
+declare const FormikSlider: React.ForwardRefExoticComponent<Omit<FormikSliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { FormikSlider };

package/dist/formik/Slider.js

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useField, useFormikContext, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { S as Slider } from '../Slider-BCQXhs0Q.js';
+import '../primitives/Slider.js';
+import '../utils-DdHUxIdC.js';
+import '../index-BfAAoDv6.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-BA158WEj.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-Dd1i1d2M.js';
+import '../primitives/Field.js';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+
+const FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {
+    const [field, meta, { setValue, setTouched }] = useField(name);
+    const { status = {}, setStatus } = useFormikContext();
+    const fieldStatus = getIn(status, name);
+    return (jsx(Slider, { ref: ref, error: meta.error || fieldStatus || "", name: field.name, value: field.value, onBlur: () => setTouched(true), onValueChange: (value) => {
+            setStatus(dissoc(name, status));
+            setValue(value);
+        }, ...otherProps }));
+});
+FormikSlider.displayName = "FormikSlider";
+
+export { FormikSlider };
+//# sourceMappingURL=Slider.js.map

package/dist/formik/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\nexport interface FormikSliderProps extends Omit<SliderProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n  const { status = {}, setStatus } = useFormikContext();\n  const fieldStatus = getIn(status, name);\n\n  return (\n    <Slider\n      ref={ref}\n      error={meta.error || fieldStatus || \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onValueChange={(value: number[]) => {\n        setStatus(dissoc(name, status));\n        setValue(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACjC,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;IAEvC,QACEA,IAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,aAAa,EAAE,CAAC,KAAe,KAAI;YACjC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Switch.d.ts

@@ -0,0 +1,10 @@
+import { SwitchProps } from "src/components/Switch";
+export interface FormikSwitchProps extends Omit<SwitchProps, "name"> {
+    /** Formik field name. */
+    name: string;
+}
+declare const FormikSwitch: {
+    ({ name, ...rest }: FormikSwitchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { FormikSwitch };

package/dist/formik/Switch.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { Field, getIn } from 'formik';
+import { dissoc } from 'ramda';
+import { S as Switch } from '../Switch-B83TGxJ_.js';
+import 'react';
+import '../primitives/Switch.js';
+import '../utils-DdHUxIdC.js';
+import '../index-DNzunGHb.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../primitives/Label.js';
+import '../label-B4qDF3W1.js';
+
+const FormikSwitch = ({ name, ...rest }) => (jsx(Field, { name: name, children: ({ field, meta: { error }, form }) => {
+        const { status = {}, setStatus } = form;
+        const fieldStatus = getIn(status, name);
+        return (jsx(Switch, { checked: !!field.value, error: error || fieldStatus, name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
+                setStatus(dissoc(name, status));
+                form.setFieldValue(name, checked);
+            }, ...rest }));
+    } }));
+FormikSwitch.displayName = "FormikSwitch";
+
+export { FormikSwitch };
+//# sourceMappingURL=Switch.js.map

package/dist/formik/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../src/formik/Switch.tsx"],"sourcesContent":["import { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Switch, SwitchProps } from \"src/components/Switch\";\n\nexport interface FormikSwitchProps extends Omit<SwitchProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikSwitch = ({ name, ...rest }: FormikSwitchProps) => (\n  <Field name={name}>\n    {({ field, meta: { error }, form }: FieldProps) => {\n      const { status = {}, setStatus } = form;\n      const fieldStatus = getIn(status, name);\n\n      return (\n        <Switch\n          checked={!!field.value}\n          error={error || fieldStatus}\n          name={field.name}\n          onBlur={field.onBlur}\n          onCheckedChange={(checked: boolean) => {\n            setStatus(dissoc(name, status));\n            form.setFieldValue(name, checked);\n          }}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n);\n\nFormikSwitch.displayName = \"FormikSwitch\";\n\nexport { FormikSwitch };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAqB,MACxDA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EACd,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAc,KAAI;QAChD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI;QACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACtB,KAAK,EAAE,KAAK,IAAI,WAAW,EAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,eAAe,EAAE,CAAC,OAAgB,KAAI;gBACpC,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACnC,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK;AAGV,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}