@bigbinary/neeto-atoms 1.0.32 → 1.0.33

package/dist/cjs/formik/Switch.js

@@ -19,12 +19,14 @@ require('react-dom');
 require('../primitives/Label.js');
 require('../label-Bdc9ytTI.js');
 
-const FormikSwitch = ({ name, ...rest }) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta: { error }, form }) => {
+const FormikSwitch = ({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta: { error }, form }) => {
         const { status = {}, setStatus } = form;
         const fieldStatus = formik.getIn(status, name);
         return (jsxRuntime.jsx(Switch.Switch, { checked: !!field.value, error: error || fieldStatus, name: field.name, onBlur: field.onBlur, onCheckedChange: (checked) => {
                 setStatus(ramda.dissoc(name, status));
                 form.setFieldValue(name, checked);
+                onCheckedChangeProp?.(checked);
+                onChangeProp?.();
             }, ...rest }));
     } }));
 FormikSwitch.displayName = "FormikSwitch";

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

@@ -1 +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","Field","getIn","Switch","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAqB,MACxDA,eAACC,YAAK,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,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,QACEF,cAAA,CAACG,aAAM,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,CAACC,YAAM,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;;;;"}
+{"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  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikSwitch = ({\n  name,\n  onCheckedChange: onCheckedChangeProp,\n  onChange: onChangeProp,\n  ...rest\n}: 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            onCheckedChangeProp?.(checked);\n            onChangeProp?.();\n          }}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n);\n\nFormikSwitch.displayName = \"FormikSwitch\";\n\nexport { FormikSwitch };\n"],"names":["_jsx","Field","getIn","Switch","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACW,MAClBA,cAAA,CAACC,YAAK,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,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,QACEF,cAAA,CAACG,aAAM,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,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK;AAGV,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/formik/Textarea.js

@@ -16,7 +16,7 @@ require('../separator-CPy2gyg1.js');
 require('../primitives/Textarea.js');
 require('../textarea-CZSSY75H.js');
 
-const FormikTextarea = React.forwardRef(({ name, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
+const FormikTextarea = React.forwardRef(({ name, onChange: onChangeProp, ...rest }, ref) => (jsxRuntime.jsx(formik.Field, { name: name, children: ({ field, meta, form }) => {
         const { status = {}, setStatus } = form;
         const fieldStatus = formik.getIn(status, name);
         const fieldProps = {
@@ -24,6 +24,7 @@ const FormikTextarea = React.forwardRef(({ name, ...rest }, ref) => (jsxRuntime.
             onChange: (e) => {
                 setStatus(ramda.dissoc(name, status));
                 field.onChange(e);
+                onChangeProp?.(e);
             },
         };
         return (jsxRuntime.jsx(Textarea.Textarea, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", ...fieldProps, ...rest }));

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\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<HTMLTextAreaElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n          },\n        };\n\n        return (\n          <Textarea\n            ref={ref}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...fieldProps}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["forwardRef","_jsx","Field","getIn","dissoc","Textarea"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAGA,gBAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrBC,cAAA,CAACC,YAAK,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,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAyC,KAAI;gBACtD,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEH,cAAA,CAACI,iBAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\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<HTMLTextAreaElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n            onChangeProp?.(e);\n          },\n        };\n\n        return (\n          <Textarea\n            ref={ref}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...fieldProps}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["forwardRef","_jsx","Field","getIn","dissoc","Textarea"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAGA,gBAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC7CC,cAAA,CAACC,YAAK,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,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,QAAA,MAAM,UAAU,GAAG;AACjB,YAAA,GAAG,KAAK;AACR,YAAA,QAAQ,EAAE,CAAC,CAAyC,KAAI;gBACtD,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,gBAAA,YAAY,GAAG,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEH,cAAA,CAACI,iBAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/formik/TreeSelect.js

@@ -41,13 +41,14 @@ require('../index-BrpkRQoS.js');
 require('../redux-DEF7lAd1.js');
 require('../x-Brw3FJst.js');
 
-const FormikTreeSelect = React.forwardRef(({ name, ...otherProps }, ref) => {
+const FormikTreeSelect = React.forwardRef(({ name, onChange: onChangeProp, ...otherProps }, ref) => {
     const [field, meta, { setValue }] = formik.useField(name);
     const { status = {}, setStatus } = formik.useFormikContext();
     const fieldStatus = formik.getIn(status, name);
     return (jsxRuntime.jsx(TreeSelect.TreeSelect, { ref: ref, error: meta.error || fieldStatus || "", value: field.value, onChange: (value) => {
             setStatus(ramda.dissoc(name, status));
             setValue(value);
+            onChangeProp?.(value);
         }, ...otherProps }));
 });
 FormikTreeSelect.displayName = "FormikTreeSelect";

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

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n  ({ name, ...otherProps }, ref) => {\n    const [field, meta, { setValue }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <TreeSelect\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        value={field.value}\n        onChange={(value: string) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["forwardRef","useField","useFormikContext","getIn","_jsx","TreeSelect","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAGA,gBAAU,CACjC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACjB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"TreeSelect.js","sources":["../../../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n  ({ name, onChange: onChangeProp, ...otherProps }, ref) => {\n    const [field, meta, { setValue }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <TreeSelect\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        value={field.value}\n        onChange={(value: string) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["forwardRef","useField","useFormikContext","getIn","_jsx","TreeSelect","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAGA,gBAAU,CACjC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/cjs/formik/index.js

@@ -34,7 +34,7 @@ require('../input-CgKPISj_.js');
 require('../textarea-CZSSY75H.js');
 require('../Textarea-BfdlAJ59.js');
 require('../primitives/Textarea.js');
-require('../Select-Br1AT_wm.js');
+require('../Select-nifsTqzo.js');
 require('../SelectFieldWrapper-DEA--2wj.js');
 require('../primitives/Combobox.js');
 require('../check-BQgcDXys.js');

package/dist/cjs/index.js

@@ -26,7 +26,7 @@ var Kbd = require('./Kbd-DHirsI--.js');
 var Label = require('./Label-B7FbeB5i.js');
 var Pagination = require('./Pagination-Byzt9Kmj.js');
 var RadioGroup = require('./RadioGroup-1RAoe38m.js');
-var Select = require('./Select-Br1AT_wm.js');
+var Select = require('./Select-nifsTqzo.js');
 var MultiEmailInput = require('./MultiEmailInput-l0_YVjbp.js');
 var Sheet = require('./Sheet-BTZe2VQk.js');
 var Popover = require('./Popover-DRT0YYzK.js');

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { S as Select } from '../Select-TlFBcxcY.js';
+export { S as Select } from '../Select-BgSz0fve.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../SelectFieldWrapper-BJzq9aCY.js';

package/dist/components/index.js

@@ -19,7 +19,7 @@ export { P as Pagination } from '../Pagination-DSc9yXPy.js';
 export { P as Popover } from '../Popover-Dmq-xK_a.js';
 export { P as Progress } from '../Progress-B9NlUm6e.js';
 export { R as RadioGroup } from '../RadioGroup-BNeYQAoT.js';
-export { S as Select } from '../Select-TlFBcxcY.js';
+export { S as Select } from '../Select-BgSz0fve.js';
 export { S as Sheet } from '../Sheet-B99vGwLH.js';
 export { S as Slider } from '../Slider-BCQXhs0Q.js';
 export { S as Spinner } from '../Spinner-C8HSac-2.js';

package/dist/formik/Checkbox.d.ts

@@ -3,6 +3,8 @@ import { CheckboxProps } from "src/components/Checkbox";
 export interface FormikCheckboxProps extends Omit<CheckboxProps, "name"> {
     /** Formik field name. */
     name: string;
+    /** Callback fired when the checked state changes. Also supports onChange for compatibility. */
+    onChange?: () => void;
 }
 declare const FormikCheckbox: React.ForwardRefExoticComponent<Omit<FormikCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { FormikCheckbox };

package/dist/formik/Checkbox.js

@@ -22,12 +22,14 @@ 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 FormikCheckbox = forwardRef(({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...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);
+                onCheckedChangeProp?.(checked);
+                onChangeProp?.();
             }, ...rest }));
     } })));
 FormikCheckbox.displayName = "FormikCheckbox";

package/dist/formik/Checkbox.js.map

@@ -1 +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;;;;"}
+{"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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,cAAc,GAAG,UAAU,CAI/B,CACE,EACE,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACR,EACD,GAAG,MAEHA,IAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,YACd,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;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/formik/Input.js

@@ -18,7 +18,7 @@ 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 FormikInput = forwardRef(({ name, onChange: onChangeProp, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
         const { status = {}, setStatus } = form;
         const fieldStatus = getIn(status, name);
         const fieldProps = {
@@ -26,6 +26,7 @@ const FormikInput = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: n
             onChange: (e) => {
                 setStatus(dissoc(name, status));
                 field.onChange(e);
+                onChangeProp?.(e);
             },
         };
         return (jsx(Input, { ref: ref, ...fieldProps, error: meta.touched ? meta.error || fieldStatus : "", ...rest }));

package/dist/formik/Input.js.map

@@ -1 +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;;;;"}
+{"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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC7CA,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;AACjB,gBAAA,YAAY,GAAG,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.js

@@ -14,13 +14,14 @@ import '../separator-BbhgePmX.js';
 import '../x-_o2T3n6D.js';
 import '../createLucideIcon-C8ycilSN.js';
 
-const FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {
+const FormikMultiEmailInput = forwardRef(({ name, onChange: onChangeProp, ...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);
+            onChangeProp?.(value);
         }, ...otherProps }));
 });
 FormikMultiEmailInput.displayName = "FormikMultiEmailInput";

package/dist/formik/MultiEmailInput.js.map

@@ -1 +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;;;;"}
+{"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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,GAAG,UAAU,CAGtC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACzD,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;AACf,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/formik/RadioGroup.d.ts

@@ -2,9 +2,11 @@ import { RadioGroupProps } from "src/components/RadioGroup";
 export interface FormikRadioGroupProps extends Omit<RadioGroupProps, "name"> {
     /** Formik field name. */
     name: string;
+    /** Callback fired when the value changes. Also supports onChange for compatibility. */
+    onChange?: (value: string) => void;
 }
 declare const FormikRadioGroup: {
-    ({ name, ...props }: FormikRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...props }: FormikRadioGroupProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Item: import("react").ForwardRefExoticComponent<Omit<import("src/components/RadioGroup").RadioGroupItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/dist/formik/RadioGroup.js

@@ -26,13 +26,15 @@ import '../primitives/Field.js';
 import '../index-D7Zy7P05.js';
 import '../separator-BbhgePmX.js';
 
-const FormikRadioGroup = ({ name, ...props }) => {
+const FormikRadioGroup = ({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...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);
+            onValueChangeProp?.(value);
+            onChangeProp?.(value);
         }, ...props }));
 };
 FormikRadioGroup.displayName = "FormikRadioGroup";

package/dist/formik/RadioGroup.js.map

@@ -1 +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;;;;"}
+{"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  /** 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":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACc,KAAI;IAC1B,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;AAC1B,YAAA,iBAAiB,GAAG,KAAK,CAAC;AAC1B,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,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.js

@@ -2,7 +2,7 @@ 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-TlFBcxcY.js';
+import { S as Select } from '../Select-BgSz0fve.js';
 import '../SelectFieldWrapper-BJzq9aCY.js';
 import '../primitives/Field.js';
 import '../index-D7Zy7P05.js';

package/dist/formik/Slider.d.ts

@@ -3,6 +3,8 @@ import { SliderProps } from "src/components/Slider";
 export interface FormikSliderProps extends Omit<SliderProps, "name"> {
     /** Formik field name. */
     name: string;
+    /** Callback fired when the value changes. Also supports onChange for compatibility. */
+    onChange?: (value: number[]) => void;
 }
 declare const FormikSlider: React.ForwardRefExoticComponent<Omit<FormikSliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { FormikSlider };

package/dist/formik/Slider.js

@@ -22,13 +22,15 @@ import '../index-D7Zy7P05.js';
 import '../label-B4qDF3W1.js';
 import '../separator-BbhgePmX.js';
 
-const FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {
+const FormikSlider = forwardRef(({ name, onValueChange: onValueChangeProp, onChange: onChangeProp, ...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);
+            onValueChangeProp?.(value);
+            onChangeProp?.(value);
         }, ...otherProps }));
 });
 FormikSlider.displayName = "FormikSlider";

package/dist/formik/Slider.js.map

@@ -1 +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;;;;"}
+{"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  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: number[]) => void;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(\n  (\n    {\n      name,\n      onValueChange: onValueChangeProp,\n      onChange: onChangeProp,\n      ...otherProps\n    },\n    ref\n  ) => {\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          onValueChangeProp?.(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,YAAY,GAAG,UAAU,CAI7B,CACE,EACE,IAAI,EACJ,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,YAAY,EACtB,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,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;AACf,YAAA,iBAAiB,GAAG,KAAK,CAAC;AAC1B,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Switch.d.ts

@@ -2,9 +2,11 @@ import { SwitchProps } from "src/components/Switch";
 export interface FormikSwitchProps extends Omit<SwitchProps, "name"> {
     /** Formik field name. */
     name: string;
+    /** Callback fired when the checked state changes. Also supports onChange for compatibility. */
+    onChange?: () => void;
 }
 declare const FormikSwitch: {
-    ({ name, ...rest }: FormikSwitchProps): import("react/jsx-runtime").JSX.Element;
+    ({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...rest }: FormikSwitchProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { FormikSwitch };

package/dist/formik/Switch.js

@@ -17,12 +17,14 @@ 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 FormikSwitch = ({ name, onCheckedChange: onCheckedChangeProp, onChange: onChangeProp, ...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);
+                onCheckedChangeProp?.(checked);
+                onChangeProp?.();
             }, ...rest }));
     } }));
 FormikSwitch.displayName = "FormikSwitch";

package/dist/formik/Switch.js.map

@@ -1 +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;;;;"}
+{"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  /** Callback fired when the checked state changes. Also supports onChange for compatibility. */\n  onChange?: () => void;\n}\n\nconst FormikSwitch = ({\n  name,\n  onCheckedChange: onCheckedChangeProp,\n  onChange: onChangeProp,\n  ...rest\n}: 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            onCheckedChangeProp?.(checked);\n            onChangeProp?.();\n          }}\n          {...rest}\n        />\n      );\n    }}\n  </Field>\n);\n\nFormikSwitch.displayName = \"FormikSwitch\";\n\nexport { FormikSwitch };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,EACtB,GAAG,IAAI,EACW,MAClBA,GAAA,CAAC,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;AACjC,gBAAA,mBAAmB,GAAG,OAAO,CAAC;gBAC9B,YAAY,IAAI;AAClB,YAAA,CAAC,EAAA,GACG,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK;AAGV,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/formik/Textarea.js

@@ -14,7 +14,7 @@ import '../separator-BbhgePmX.js';
 import '../primitives/Textarea.js';
 import '../textarea-BSZwxzjQ.js';
 
-const FormikTextarea = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
+const FormikTextarea = forwardRef(({ name, onChange: onChangeProp, ...rest }, ref) => (jsx(Field, { name: name, children: ({ field, meta, form }) => {
         const { status = {}, setStatus } = form;
         const fieldStatus = getIn(status, name);
         const fieldProps = {
@@ -22,6 +22,7 @@ const FormikTextarea = forwardRef(({ name, ...rest }, ref) => (jsx(Field, { name
             onChange: (e) => {
                 setStatus(dissoc(name, status));
                 field.onChange(e);
+                onChangeProp?.(e);
             },
         };
         return (jsx(Textarea, { ref: ref, error: meta.touched ? meta.error || fieldStatus : "", ...fieldProps, ...rest }));

package/dist/formik/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\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<HTMLTextAreaElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n          },\n        };\n\n        return (\n          <Textarea\n            ref={ref}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...fieldProps}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAC/B,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,CAAyC,KAAI;gBACtD,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,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../src/formik/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn, FieldProps } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Textarea, TextareaProps } from \"src/components/Textarea\";\n\nexport interface FormikTextareaProps extends Omit<TextareaProps, \"name\"> {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTextarea = forwardRef<HTMLTextAreaElement, FormikTextareaProps>(\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<HTMLTextAreaElement>) => {\n            setStatus(dissoc(name, status));\n            field.onChange(e);\n            onChangeProp?.(e);\n          },\n        };\n\n        return (\n          <Textarea\n            ref={ref}\n            error={meta.touched ? meta.error || fieldStatus : \"\"}\n            {...fieldProps}\n            {...rest}\n          />\n        );\n      }}\n    </Field>\n  )\n);\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nexport { FormikTextarea };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MAC7CA,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,CAAyC,KAAI;gBACtD,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/B,gBAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,gBAAA,YAAY,GAAG,CAAC,CAAC;YACnB,CAAC;SACF;AAED,QAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE,EAAA,GAChD,UAAU,EAAA,GACV,IAAI,EAAA,CACR;IAEN,CAAC,EAAA,CACK,CACT;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/formik/TreeSelect.js

@@ -39,13 +39,14 @@ import '../index-CSMSzzKM.js';
 import '../redux-BKH6DnBB.js';
 import '../x-_o2T3n6D.js';
 
-const FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {
+const FormikTreeSelect = forwardRef(({ name, onChange: onChangeProp, ...otherProps }, ref) => {
     const [field, meta, { setValue }] = useField(name);
     const { status = {}, setStatus } = useFormikContext();
     const fieldStatus = getIn(status, name);
     return (jsx(TreeSelect, { ref: ref, error: meta.error || fieldStatus || "", value: field.value, onChange: (value) => {
             setStatus(dissoc(name, status));
             setValue(value);
+            onChangeProp?.(value);
         }, ...otherProps }));
 });
 FormikTreeSelect.displayName = "FormikTreeSelect";

package/dist/formik/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n  ({ name, ...otherProps }, ref) => {\n    const [field, meta, { setValue }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <TreeSelect\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        value={field.value}\n        onChange={(value: string) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AAC/B,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,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;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"TreeSelect.js","sources":["../../src/formik/TreeSelect.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { TreeSelect, TreeSelectProps } from \"src/components/TreeSelect\";\n\nexport interface FormikTreeSelectProps extends TreeSelectProps {\n  /** Formik field name. */\n  name: string;\n}\n\nconst FormikTreeSelect = forwardRef<HTMLButtonElement, FormikTreeSelectProps>(\n  ({ name, onChange: onChangeProp, ...otherProps }, ref) => {\n    const [field, meta, { setValue }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <TreeSelect\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        value={field.value}\n        onChange={(value: string) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikTreeSelect.displayName = \"FormikTreeSelect\";\n\nexport { FormikTreeSelect };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAClD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE;IACrD,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,IAAI,EAAE,EACtC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;YAC1B,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,YAAY,GAAG,KAAK,CAAC;AACvB,QAAA,CAAC,EAAA,GACG,UAAU,EAAA,CACd;AAEN,CAAC;AAGH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/formik/index.js

@@ -32,7 +32,7 @@ import '../input-GLCCE2kT.js';
 import '../textarea-BSZwxzjQ.js';
 import '../Textarea-C0z50h0N.js';
 import '../primitives/Textarea.js';
-import '../Select-TlFBcxcY.js';
+import '../Select-BgSz0fve.js';
 import '../SelectFieldWrapper-BJzq9aCY.js';
 import '../primitives/Combobox.js';
 import '../check-Cpkv29p1.js';

package/dist/index.js

@@ -24,7 +24,7 @@ export { K as Kbd } from './Kbd-EqbC0bua.js';
 export { L as Label } from './Label-DAFESZOG.js';
 export { P as Pagination } from './Pagination-DSc9yXPy.js';
 export { R as RadioGroup } from './RadioGroup-BNeYQAoT.js';
-export { S as Select } from './Select-TlFBcxcY.js';
+export { S as Select } from './Select-BgSz0fve.js';
 export { M as MultiEmailInput } from './MultiEmailInput-SCTYovtX.js';
 export { S as Sheet } from './Sheet-B99vGwLH.js';
 export { P as Popover } from './Popover-Dmq-xK_a.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {