@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/cjs/formik/BlockNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockNavigation.js","sources":["../../../src/formik/BlockNavigation/hooks/useNavPrompt.ts","../../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n  /** Whether navigation should be blocked. */\n  shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n  /** Whether a navigation attempt is currently blocked. */\n  isBlocked: boolean;\n  /** Unblock and continue the pending navigation. */\n  continueNavigation: () => void;\n  /** Dismiss the prompt without navigating. */\n  hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n  shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n  const [isBlocked, setIsBlocked] = useState(false);\n\n  const history = useHistory();\n\n  const unblockRef = useRef<(() => void) | undefined>(undefined);\n  const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n  const handleNavigation = useCallback(\n    (action: string, transition: string) => {\n      switch (action) {\n        case \"PUSH\":\n          history.push(transition);\n          break;\n        case \"REPLACE\":\n          history.replace(transition);\n          break;\n        case \"POP\":\n          history.goBack();\n          break;\n      }\n    },\n    [history]\n  );\n\n  const continueNavigation = useCallback(() => {\n    if (isBlocked && unblockRef.current) {\n      unblockRef.current();\n      setIsBlocked(false);\n      if (navRef.current) {\n        const { action, transition } = navRef.current;\n        handleNavigation(action, transition);\n      }\n    }\n  }, [isBlocked, handleNavigation]);\n\n  const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n  useEffect(() => {\n    if (shouldBlock) {\n      unblockRef.current = history.block(\n        (transition: { pathname: string }, action: string) => {\n          setIsBlocked(true);\n          navRef.current = { transition: transition.pathname, action };\n\n          return false;\n        }\n      ) as unknown as () => void;\n\n      return () => {\n        unblockRef.current?.();\n      };\n    }\n\n    return undefined;\n  }, [shouldBlock, history]);\n\n  return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n  /** Whether the alert dialog is open. */\n  isOpen?: boolean;\n  /** Called when the dialog should close. */\n  onClose?: () => void;\n  /** Called when the user chooses to stay. */\n  onSubmit?: () => void;\n  /** Called when the user chooses to discard and leave. */\n  onDiscardChanges?: () => void;\n  /** Custom title for the alert. */\n  title?: string;\n  /** Custom message for the alert body. */\n  message?: string;\n  /** Custom label for the discard/cancel button. */\n  cancelButtonLabel?: string;\n  /** Custom label for the stay/submit button. */\n  submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n  isOpen = false,\n  onClose,\n  onSubmit,\n  onDiscardChanges,\n  title = \"You have unsaved changes\",\n  message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n  cancelButtonLabel = \"Discard and leave\",\n  submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n  const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onClose={onClose ?? (() => {})}\n      closeButton\n      closeOnEsc\n      closeOnOutsideClick\n      initialFocusRef={submitButtonRef}\n      size=\"medium\"\n      data-testid=\"alert-box\"\n    >\n      <Dialog.Header>\n        <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        <p\n          data-testid=\"alert-message\"\n          className=\"text-sm text-muted-foreground\"\n        >\n          {message}\n        </p>\n      </Dialog.Body>\n      <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n        <Button\n          data-testid=\"alert-cancel-button\"\n          label={cancelButtonLabel}\n          variant=\"destructive\"\n          onClick={onDiscardChanges}\n        />\n        <Button\n          data-testid=\"alert-submit-button\"\n          label={submitButtonLabel}\n          ref={submitButtonRef}\n          onClick={onSubmit}\n        />\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"./hooks/useNavPrompt\";\n\nimport {\n  BlockNavigationAlert,\n  type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n  BlockNavigationAlertProps,\n  \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n  /** Force the navigation block regardless of Formik dirty state. */\n  isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n  isDirty = false,\n  ...otherProps\n}: FormikBlockNavigationProps) => {\n  const formikContext = useFormikContext();\n  const shouldBlock =\n    isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n  const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n    shouldBlock,\n  });\n\n  const handleDiscardChanges = () => {\n    if (formikContext) formikContext.resetForm();\n    hidePrompt();\n    continueNavigation();\n  };\n\n  return (\n    <BlockNavigationAlert\n      isOpen={isBlocked}\n      onClose={hidePrompt}\n      onDiscardChanges={handleDiscardChanges}\n      onSubmit={hidePrompt}\n      {...otherProps}\n    />\n  );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":["useState","useHistory","useRef","useCallback","useEffect","jsxs","Dialog","jsx","Button","useFormikContext"],"mappings":"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"}

package/dist/cjs/formik/Button.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Button = require('../Button-BQ4rpzsl.js');
+require('react-router-dom');
+require('../utils-BhM0B89p.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../primitives/Button.js');
+require('../button-CDZTqJzs.js');
+require('../index-vioSzJOw.js');
+require('../index-DuNgWCXZ.js');
+require('../index-D-iDn9RI.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BFE6UArF.js');
+require('../index-COPkC3I5.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+
+const FormikButton = React.forwardRef(
+  ({ disabled, ...otherProps }, ref) => {
+    const { handleSubmit, isSubmitting, values, initialValues, isValid } = formik.useFormikContext();
+    const isDisabled = disabled ?? (isSubmitting || ramda.equals(values, initialValues));
+    const handleClick = (event) => handleSubmit(event);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        ref,
+        disabled: isDisabled,
+        loading: isSubmitting && isValid,
+        onClick: handleClick,
+        ...otherProps
+      }
+    );
+  }
+);
+FormikButton.displayName = "FormikButton";
+
+exports.FormikButton = FormikButton;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/formik/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/formik/Button.tsx"],"sourcesContent":["import { forwardRef, type FormEvent, type MouseEvent } 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    // Formik's handleSubmit calls preventDefault on the event it receives, which\n    // cancels the native form submission of a type=\"submit\" button. Dropping the\n    // event lets that native submit run alongside this one, submitting twice.\n    const handleClick = (\n      event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>\n    ) => handleSubmit(event as unknown as FormEvent<HTMLFormElement>);\n\n    return (\n      <Button\n        ref={ref}\n        disabled={isDisabled}\n        loading={isSubmitting && isValid}\n        onClick={handleClick}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikButton.displayName = \"FormikButton\";\n\nexport { FormikButton };\n"],"names":["forwardRef","useFormikContext","equals","jsx","Button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAA,GAAeA,gBAAA;AAAA,EACnB,CAAC,EAAE,QAAA,EAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACpC,IAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,QAAQ,aAAA,EAAe,OAAA,KACzDC,uBAAA,EAAiB;AAEnB,IAAA,MAAM,UAAA,GACJ,QAAA,KAAa,YAAA,IAAgBC,YAAA,CAAO,QAAQ,aAAa,CAAA,CAAA;AAK3D,IAAA,MAAM,WAAA,GAAc,CAClB,KAAA,KACG,YAAA,CAAa,KAA8C,CAAA;AAEhE,IAAA,uBACEC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,SAAS,YAAA,IAAgB,OAAA;AAAA,QACzB,OAAA,EAAS,WAAA;AAAA,QACR,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/cjs/formik/Checkbox.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Checkbox = require('../Checkbox-83g1FDsc.js');
+require('../utils-BhM0B89p.js');
+require('../primitives/Checkbox.js');
+require('../check-BQgcDXys.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-COPkC3I5.js');
+require('../index-CyrAgb4H.js');
+require('../index-CCdG4z4E.js');
+require('../index-CF951Pw9.js');
+require('../index-Bf0WsHta.js');
+require('../index-DcCSSgb7.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../fieldIds-DiVU6GVS.js');
+require('../hyphenize-BTrVNVv3.js');
+require('../primitives/Field.js');
+require('../HelpIcon-fsWWgStQ.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BFE6UArF.js');
+require('../index-Bvu9MiFi.js');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Df-Ffa3s.js');
+require('../index-CB9xFokC.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../Popover-5BUgIW60.js');
+require('../index-vioSzJOw.js');
+require('../primitives/HoverCard.js');
+require('../Typography-BW6xEk10.js');
+require('../index-DuNgWCXZ.js');
+require('../Button-BQ4rpzsl.js');
+require('react-router-dom');
+require('../primitives/Button.js');
+require('../button-CDZTqJzs.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../label-BdcX4_ud.js');
+require('../separator-DSL-aG1J.js');
+
+const FormikCheckbox = React.forwardRef(
+  ({
+    name,
+    onCheckedChange: onCheckedChangeProp,
+    onChange: onChangeProp,
+    ...rest
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(formik.Field, { name, children: ({ field, meta, form }) => {
+    const { status = {}, setStatus } = form;
+    const fieldStatus = formik.getIn(status, name);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Checkbox.Checkbox,
+      {
+        ref,
+        checked: !!field.value,
+        error: meta.touched ? meta.error || fieldStatus : "",
+        name: field.name,
+        onBlur: field.onBlur,
+        onCheckedChange: (checked) => {
+          setStatus(ramda.dissoc(name, status));
+          form.setFieldValue(name, checked);
+          onCheckedChangeProp?.(checked);
+          onChangeProp?.();
+        },
+        ...rest
+      }
+    );
+  } })
+);
+FormikCheckbox.displayName = "FormikCheckbox";
+
+exports.FormikCheckbox = FormikCheckbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/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  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikCheckbox = forwardRef<\n  React.ComponentRef<typeof Checkbox>,\n  FormikCheckboxProps\n>(\n  (\n    {\n      name,\n      onCheckedChange: onCheckedChangeProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ref\n  ) => (\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              onCheckedChangeProp?.(checked);\n              onChangeProp?.();\n            }}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikCheckbox.displayName = \"FormikCheckbox\";\n\nexport { FormikCheckbox };\n"],"names":["forwardRef","jsx","Field","getIn","Checkbox","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAiBA,gBAAA;AAAA,EAIrB,CACE;AAAA,IACE,IAAA;AAAA,IACA,eAAA,EAAiB,mBAAA;AAAA,IACjB,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,GACL,EACA,GAAA,qBAEAC,cAAA,CAACC,YAAA,EAAA,EAAM,IAAA,EACJ,WAAC,EAAE,KAAA,EAAO,IAAA,EAAM,IAAA,EAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACEF,cAAA;AAAA,MAACG,iBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAC,KAAA,CAAM,KAAA;AAAA,QACjB,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QAClD,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,eAAA,EAAiB,CAAC,OAAA,KAAqB;AACrC,UAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,IAAA,CAAK,aAAA,CAAc,MAAM,OAAO,CAAA;AAChC,UAAA,mBAAA,GAAsB,OAAO,CAAA;AAC7B,UAAA,YAAA,IAAe;AAAA,QACjB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;;;;"}

package/dist/cjs/formik/Form.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+
+const transformObjectToDotNotation = (object, prefix = "") => {
+  const result = [];
+  Object.entries(object).forEach(([key, value]) => {
+    if (!value) return;
+    const nextKey = prefix ? `${prefix}.${key}` : key;
+    if (ramda.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 } = formik.useFormikContext();
+  React.useEffect(() => {
+    const fieldsWithServerError = getFieldsWithServerError(status);
+    if (!formRef.current || isValid && fieldsWithServerError.length === 0) {
+      return;
+    }
+    scrollToError(formRef, errors, status);
+  }, [submitCount]);
+  return null;
+};
+
+const FormWrapper = React.forwardRef(
+  ({ className, formProps, children, scrollToErrorField }, ref) => {
+    const { validateForm, setErrors, setTouched, submitForm, ...formikBag } = formik.useFormikContext();
+    const { dirty: isFormDirty, isSubmitting, status } = formikBag;
+    const formRefForScrollToErrorField = React.useRef(null);
+    const formRef = ref || formRefForScrollToErrorField;
+    const handleKeyDown = React.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 /* @__PURE__ */ jsxRuntime.jsxs(
+      formik.Form,
+      {
+        ...{ className },
+        noValidate: true,
+        ref: formRef,
+        onKeyDown: handleKeyDown,
+        ...formProps,
+        children: [
+          scrollToErrorField && /* @__PURE__ */ jsxRuntime.jsx(ScrollToErrorField, { ...{ formRef } }),
+          children
+        ]
+      }
+    );
+  }
+);
+FormWrapper.displayName = "FormWrapper";
+
+const Form = React.forwardRef(
+  ({ className, children, formikProps, formProps, scrollToErrorField = false }, ref) => {
+    const formikRef = React.useRef(null);
+    const handleSubmit = (values, actions) => {
+      const fieldsWithServerError = getFieldsWithServerError(
+        formikRef.current?.status
+      );
+      if (fieldsWithServerError.length > 0) {
+        actions.setSubmitting(false);
+        return void 0;
+      }
+      return formikProps.onSubmit(values, actions);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      formik.Formik,
+      {
+        innerRef: formikRef,
+        ...formikProps,
+        onSubmit: handleSubmit,
+        children: (props) => /* @__PURE__ */ jsxRuntime.jsx(FormWrapper, { ...{ className, formProps, ref, scrollToErrorField }, children: typeof children === "function" ? children(props) : children })
+      }
+    );
+  }
+);
+Form.displayName = "Form";
+
+exports.Form = Form;
+//# sourceMappingURL=Form.js.map

package/dist/cjs/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":["is","useFormikContext","useEffect","forwardRef","useRef","useCallback","jsxs","FormikForm","jsx","Formik"],"mappings":"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"}

package/dist/cjs/formik/Input.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Input = require('../Input-DFvMBpiU.js');
+require('../utils-BhM0B89p.js');
+require('../primitives/Field.js');
+require('../HelpIcon-fsWWgStQ.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BFE6UArF.js');
+require('../index-COPkC3I5.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../Popover-5BUgIW60.js');
+require('../index-vioSzJOw.js');
+require('../primitives/HoverCard.js');
+require('../Typography-BW6xEk10.js');
+require('../index-DuNgWCXZ.js');
+require('../Button-BQ4rpzsl.js');
+require('react-router-dom');
+require('../primitives/Button.js');
+require('../button-CDZTqJzs.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../label-BdcX4_ud.js');
+require('../separator-DSL-aG1J.js');
+require('../primitives/InputGroup.js');
+require('../input-group-BU6uw1MA.js');
+require('../input-CgaZr1ov.js');
+require('../textarea-DW3Fg4w6.js');
+require('../fieldIds-DiVU6GVS.js');
+require('../hyphenize-BTrVNVv3.js');
+require('../withIconSize-C6LP0R7o.js');
+
+const FormikInput = React.forwardRef(
+  ({ name, onChange: onChangeProp, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(formik.Field, { name, children: ({ field, meta, form }) => {
+    const { status = {}, setStatus } = form;
+    const fieldStatus = formik.getIn(status, name);
+    const fieldProps = {
+      ...field,
+      onChange: (e) => {
+        setStatus(ramda.dissoc(name, status));
+        field.onChange(e);
+        onChangeProp?.(e);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Input.Input,
+      {
+        ref,
+        ...fieldProps,
+        error: meta.touched ? meta.error || fieldStatus : "",
+        ...rest
+      }
+    );
+  } })
+);
+FormikInput.displayName = "FormikInput";
+
+exports.FormikInput = FormikInput;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/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, onChange: onChangeProp, ...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            onChangeProp?.(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":["forwardRef","jsx","Field","getIn","dissoc","Input"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAA,GAAcA,gBAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,YAAA,EAAc,GAAG,IAAA,EAAK,EAAG,GAAA,qBAC1CC,cAAA,CAACC,gBAAM,IAAA,EACJ,QAAA,EAAA,CAAC,EAAE,KAAA,EAAO,IAAA,EAAM,MAAK,KAAkB;AACtC,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,WAAU,GAAI,IAAA;AACnC,IAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,MAAM,UAAA,GAAa;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,QAAA,EAAU,CAAC,CAAA,KAA2C;AACpD,QAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,QAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,QAAA,YAAA,GAAe,CAAC,CAAA;AAAA,MAClB;AAAA,KACF;AAEA,IAAA,uBACEH,cAAA;AAAA,MAACI,WAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,UAAA;AAAA,QACJ,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,QACjD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ,CAAA,EACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;;;"}

package/dist/cjs/formik/MultiEmailInput.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
+require('react-i18next');
+require('../utils-BhM0B89p.js');
+require('../primitives/Field.js');
+require('../HelpIcon-fsWWgStQ.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BFE6UArF.js');
+require('../index-COPkC3I5.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-Bvu9MiFi.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-lWVw05cs.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Bf0WsHta.js');
+require('../index-Df-Ffa3s.js');
+require('../index-DcCSSgb7.js');
+require('../index-CyrAgb4H.js');
+require('../index-CB9xFokC.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../Popover-5BUgIW60.js');
+require('../index-vioSzJOw.js');
+require('../primitives/HoverCard.js');
+require('../Typography-BW6xEk10.js');
+require('../index-DuNgWCXZ.js');
+require('../Button-BQ4rpzsl.js');
+require('react-router-dom');
+require('../primitives/Button.js');
+require('../button-CDZTqJzs.js');
+require('../primitives/Spinner.js');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../label-BdcX4_ud.js');
+require('../separator-DSL-aG1J.js');
+require('../fieldIds-DiVU6GVS.js');
+require('../hyphenize-BTrVNVv3.js');
+require('../withIconSize-C6LP0R7o.js');
+require('../x-Brw3FJst.js');
+
+const FormikMultiEmailInput = React.forwardRef(({ name, onChange: onChangeProp, ...otherProps }, ref) => {
+  const [field, meta, { setValue, setTouched }] = formik.useField(name);
+  const { status = {}, setStatus } = formik.useFormikContext();
+  const fieldStatus = formik.getIn(status, name);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MultiEmailInput.MultiEmailInput,
+    {
+      ref,
+      error: meta.touched ? meta.error || fieldStatus : "",
+      value: field.value,
+      onBlur: () => setTouched(true),
+      onChange: (value) => {
+        setStatus(ramda.dissoc(name, status));
+        setValue(value);
+        onChangeProp?.(value);
+      },
+      ...otherProps
+    }
+  );
+});
+FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
+
+exports.FormikMultiEmailInput = FormikMultiEmailInput;
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/cjs/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, onChange: onChangeProp, ...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        onChangeProp?.(value);\n      }}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nexport { FormikMultiEmailInput };\n"],"names":["forwardRef","useField","useFormikContext","getIn","jsx","MultiEmailInput","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,qBAAA,GAAwBA,gBAAA,CAG5B,CAAC,EAAE,IAAA,EAAM,UAAU,YAAA,EAAc,GAAG,UAAA,EAAW,EAAG,GAAA,KAAQ;AAC1D,EAAA,MAAM,CAAC,OAAO,IAAA,EAAM,EAAE,UAAU,UAAA,EAAY,CAAA,GAAIC,eAAA,CAAS,IAAI,CAAA;AAC7D,EAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,SAAA,KAAcC,uBAAA,EAAiB;AACpD,EAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,EAAA,uBACEC,cAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,MAClD,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,MAAA,EAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,MAC7B,UAAU,CAAA,KAAA,KAAS;AACjB,QAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,QAAA,QAAA,CAAS,KAAK,CAAA;AACd,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,qBAAA,CAAsB,WAAA,GAAc,uBAAA;;;;"}

package/dist/cjs/formik/RadioGroup.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var formik = require('formik');
+var ramda = require('ramda');
+var RadioGroup = require('../RadioGroup-B-u8rdbf.js');
+require('react');
+require('../utils-BhM0B89p.js');
+require('../primitives/RadioGroup.js');
+require('../index-COPkC3I5.js');
+require('../index-D-iDn9RI.js');
+require('../index-CGUGhyIp.js');
+require('../index-DMbj7vXd.js');
+require('react-dom');
+require('../index-DoVhdseB.js');
+require('../index-Ch55j1or.js');
+require('../index-BwAq9ba8.js');
+require('../index-CCdG4z4E.js');
+require('../index-lWVw05cs.js');
+require('../index-CyrAgb4H.js');
+require('../index-BY6wgiQV.js');
+require('../index-Bf0WsHta.js');
+require('../index-CF951Pw9.js');
+require('../index-DcCSSgb7.js');
+require('../primitives/Label.js');
+require('../label-BdcX4_ud.js');
+require('../primitives/Field.js');
+require('../HelpIcon-fsWWgStQ.js');
+require('../primitives/Tooltip.js');
+require('../tooltip-BFE6UArF.js');
+require('../index-Bvu9MiFi.js');
+require('../index-owSUsE-n.js');
+require('../floating-ui.react-dom--alWUjS1.js');
+require('../floating-ui.utils.dom-BGEmL7pd.js');
+require('../index-Df-Ffa3s.js');
+require('../index-CB9xFokC.js');
+require('../renderIcon-BRrpZu9a.js');
+require('../createLucideIcon-D0tRgV6l.js');
+require('../Popover-5BUgIW60.js');
+require('../index-vioSzJOw.js');
+require('../primitives/HoverCard.js');
+require('../Typography-BW6xEk10.js');
+require('../index-DuNgWCXZ.js');
+require('../Button-BQ4rpzsl.js');
+require('react-router-dom');
+require('../primitives/Button.js');
+require('../button-CDZTqJzs.js');
+require('../primitives/Spinner.js');
+require('react-i18next');
+require('../loader-circle-Bw7zP2Gn.js');
+require('../separator-DSL-aG1J.js');
+require('../fieldIds-DiVU6GVS.js');
+require('../hyphenize-BTrVNVv3.js');
+
+const FormikRadioGroup = ({
+  name,
+  onValueChange: onValueChangeProp,
+  onChange: onChangeProp,
+  ...props
+}) => {
+  const [field, meta] = formik.useField(name);
+  const {
+    setFieldValue,
+    status = {},
+    setStatus
+  } = formik.useFormikContext();
+  const fieldStatus = formik.getIn(status, name);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroup.RadioGroup,
+    {
+      error: meta.touched ? meta.error || fieldStatus : "",
+      name: field.name,
+      value: field.value,
+      onValueChange: (value) => {
+        setStatus(ramda.dissoc(name, status));
+        setFieldValue(name, value);
+        onValueChangeProp?.(value);
+        onChangeProp?.(value);
+      },
+      ...props
+    }
+  );
+};
+FormikRadioGroup.displayName = "FormikRadioGroup";
+FormikRadioGroup.Item = RadioGroup.RadioGroup.Item;
+
+exports.FormikRadioGroup = FormikRadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/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<\n  RadioGroupProps,\n  \"name\" | \"onChange\"\n> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: string) => void;\n}\n\nconst FormikRadioGroup = ({\n  name,\n  onValueChange: onValueChangeProp,\n  onChange: onChangeProp,\n  ...props\n}: 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        onValueChangeProp?.(value);\n        onChangeProp?.(value);\n      }}\n      {...props}\n    />\n  );\n};\n\nFormikRadioGroup.displayName = \"FormikRadioGroup\";\nFormikRadioGroup.Item = RadioGroup.Item;\n\nexport { FormikRadioGroup };\n"],"names":["useField","useFormikContext","getIn","jsx","RadioGroup","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,CAAC;AAAA,EACxB,IAAA;AAAA,EACA,aAAA,EAAe,iBAAA;AAAA,EACf,QAAA,EAAU,YAAA;AAAA,EACV,GAAG;AACL,CAAA,KAA6B;AAC3B,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAIA,gBAAS,IAAI,CAAA;AACnC,EAAA,MAAM;AAAA,IACJ,aAAA;AAAA,IACA,SAAS,EAAC;AAAA,IACV;AAAA,MACEC,uBAAA,EAA0C;AAC9C,EAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,IAAA,CAAK,OAAA,GAAU,IAAA,CAAK,SAAS,WAAA,GAAc,EAAA;AAAA,MAClD,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,aAAA,EAAe,CAAC,KAAA,KAAkB;AAChC,QAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,QAAA,aAAA,CAAc,MAAM,KAAK,CAAA;AACzB,QAAA,iBAAA,GAAoB,KAAK,CAAA;AACzB,QAAA,YAAA,GAAe,KAAK,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAC/B,gBAAA,CAAiB,OAAOD,qBAAA,CAAW,IAAA;;;;"}