@j2-health/design-system 0.3.2 → 0.4.0

package/dist/src/components/form/FormItemFieldContext.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const FormItemFieldContext = createContext(
+  void 0
+);
+export {
+  FormItemFieldContext
+};
+//# sourceMappingURL=FormItemFieldContext.js.map

package/dist/src/components/form/FormItemFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemFieldContext.js","sources":["../../../../src/components/form/FormItemFieldContext.ts"],"sourcesContent":["import type { FieldProps } from 'formik'\nimport { createContext } from 'react'\n\n// An item with its own validator owns the field registration. Its controls\n// reuse that binding so mounting or unmounting them cannot replace the validator.\nexport const FormItemFieldContext = createContext<FieldProps | undefined>(\n  undefined\n)\n"],"names":[],"mappings":";AAKO,MAAM,uBAAuB;AAAA,EAClC;AACF;"}

package/dist/src/components/form/FormikField.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const formik = require("formik");
+const React = require("react");
+const FormItemFieldContext = require("./FormItemFieldContext.cjs");
+const FormikField = ({
+  fast,
+  children,
+  ...props
+}) => {
+  const itemField = React.useContext(FormItemFieldContext.FormItemFieldContext);
+  if ((itemField == null ? void 0 : itemField.field.name) === props.name) {
+    return children(itemField);
+  }
+  const Component = fast ? formik.FastField : formik.Field;
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, children });
+};
+exports.FormikField = FormikField;
+//# sourceMappingURL=FormikField.cjs.map

package/dist/src/components/form/FormikField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikField.cjs","sources":["../../../../src/components/form/FormikField.tsx"],"sourcesContent":["import { FastField, Field, type FieldConfig, type FieldProps } from 'formik'\nimport { useContext, type ReactNode } from 'react'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\nexport type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {\n  fast?: boolean\n}\n\nexport const FormikField = ({\n  fast,\n  children,\n  ...props\n}: FormikFieldProps & { children: (props: FieldProps) => ReactNode }) => {\n  const itemField = useContext(FormItemFieldContext)\n  if (itemField?.field.name === props.name) {\n    return children(itemField)\n  }\n  const Component = fast ? FastField : Field\n  return <Component {...props}>{children}</Component>\n}\n"],"names":["useContext","FormItemFieldContext","FastField","Field","jsx"],"mappings":";;;;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyE;AACvE,QAAM,YAAYA,MAAAA,WAAWC,yCAAoB;AACjD,OAAI,uCAAW,MAAM,UAAS,MAAM,MAAM;AACxC,WAAO,SAAS,SAAS;AAAA,EAC3B;AACA,QAAM,YAAY,OAAOC,OAAAA,YAAYC,OAAAA;AACrC,SAAOC,2BAAAA,IAAC,WAAA,EAAW,GAAG,OAAQ,SAAA,CAAS;AACzC;;"}

package/dist/src/components/form/FormikField.d.ts

@@ -0,0 +1,8 @@
+import { FieldConfig, FieldProps } from 'formik';
+import { ReactNode } from 'react';
+export type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {
+    fast?: boolean;
+};
+export declare const FormikField: ({ fast, children, ...props }: FormikFieldProps & {
+    children: (props: FieldProps) => ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/src/components/form/FormikField.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { FastField, Field } from "formik";
+import { useContext } from "react";
+import { FormItemFieldContext } from "./FormItemFieldContext.js";
+const FormikField = ({
+  fast,
+  children,
+  ...props
+}) => {
+  const itemField = useContext(FormItemFieldContext);
+  if ((itemField == null ? void 0 : itemField.field.name) === props.name) {
+    return children(itemField);
+  }
+  const Component = fast ? FastField : Field;
+  return /* @__PURE__ */ jsx(Component, { ...props, children });
+};
+export {
+  FormikField
+};
+//# sourceMappingURL=FormikField.js.map

package/dist/src/components/form/FormikField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikField.js","sources":["../../../../src/components/form/FormikField.tsx"],"sourcesContent":["import { FastField, Field, type FieldConfig, type FieldProps } from 'formik'\nimport { useContext, type ReactNode } from 'react'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\nexport type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {\n  fast?: boolean\n}\n\nexport const FormikField = ({\n  fast,\n  children,\n  ...props\n}: FormikFieldProps & { children: (props: FieldProps) => ReactNode }) => {\n  const itemField = useContext(FormItemFieldContext)\n  if (itemField?.field.name === props.name) {\n    return children(itemField)\n  }\n  const Component = fast ? FastField : Field\n  return <Component {...props}>{children}</Component>\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyE;AACvE,QAAM,YAAY,WAAW,oBAAoB;AACjD,OAAI,uCAAW,MAAM,UAAS,MAAM,MAAM;AACxC,WAAO,SAAS,SAAS;AAAA,EAC3B;AACA,QAAM,YAAY,OAAO,YAAY;AACrC,SAAO,oBAAC,WAAA,EAAW,GAAG,OAAQ,SAAA,CAAS;AACzC;"}

package/dist/src/components/input/AntdInput.d.ts

@@ -1,4 +1,4 @@
-import { InputRef } from 'antd';
+import { InputProps as AntDInputProps, InputRef } from 'antd';
 export type { InputRef };
 export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     [x: `data-${string}`]: string | undefined;
@@ -10,9 +10,40 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     addonAfter?: import('react').ReactNode;
     bordered?: boolean | undefined;
     variant?: import('antd/es/config-provider').Variant | undefined;
-    classNames?: Partial<Record<"prefix" | "input" | "count" | "suffix", string>> | undefined;
-    styles?: Partial<Record<"prefix" | "input" | "count" | "suffix", React.CSSProperties>> | undefined;
-    _skipAddonWarning?: boolean | undefined;
+    classNames?: ((info: {
+        props: AntDInputProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        input?: string;
+        count?: string;
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        input?: string;
+        count?: string;
+    } | undefined>;
+    styles?: ((info: {
+        props: AntDInputProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        input?: React.CSSProperties;
+        count?: React.CSSProperties;
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        input?: React.CSSProperties;
+        count?: React.CSSProperties;
+    } | undefined>;
     prefix?: import('react').ReactNode;
     height?: number | string | undefined | undefined;
     width?: number | string | undefined | undefined;
@@ -32,7 +63,9 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     max?: number | string | undefined | undefined;
     min?: number | string | undefined | undefined;
     name?: string | undefined | undefined;
-    type?: import('rc-input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    type?: import('@rc-component/input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
     role?: import('react').AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
@@ -107,18 +140,18 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
+    onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
     onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -239,6 +272,8 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
@@ -247,13 +282,23 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-    value?: import('rc-input/lib/interface').ValueType;
+    onTransitionRun?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    value?: import('@rc-component/input/lib/interface').ValueType;
     prefixCls?: string | undefined;
+    list?: string | undefined | undefined;
     step?: number | string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    list?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -264,8 +309,6 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
@@ -287,36 +330,39 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    count?: import('rc-input/lib/interface').CountConfig | undefined;
+    count?: import('@rc-component/input/lib/interface').CountConfig | undefined;
     checked?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
     alt?: string | undefined | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
     maxLength?: number | undefined | undefined;
     minLength?: number | undefined | undefined;
     src?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
     onClear?: (() => void) | undefined;
     allowClear?: boolean | {
+        disabled?: boolean;
         clearIcon?: import('react').ReactNode;
     } | undefined;
+    suffix?: import('react').ReactNode;
     readOnly?: boolean | undefined | undefined;
     onPressEnter?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
     showCount?: boolean | {
-        formatter: import('rc-input/lib/interface').ShowCountFormatter;
+        formatter: import('@rc-component/input/lib/interface').ShowCountFormatter;
     } | undefined;
     htmlSize?: number | undefined;
-    suffix?: import('react').ReactNode;
 } & import('react').RefAttributes<InputRef>>;

package/dist/src/components/input/AntdSearchInput.d.ts

@@ -1,13 +1,53 @@
 import { InputRef } from 'antd';
+import { SearchProps as AntDSearchProps } from 'antd/es/input/Search';
 export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<{
     [x: `data-${string}`]: string | undefined;
     inputPrefixCls?: string | undefined;
     onSearch?: ((value: string, event?: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>, info?: {
         source?: "clear" | "input";
     }) => void) | undefined;
+    searchIcon?: import('react').ReactNode;
     enterButton?: import('react').ReactNode;
     loading?: boolean | undefined;
     onPressEnter?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+    classNames?: ((info: {
+        props: AntDSearchProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        input?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        count?: string;
+        button?: import('antd/es/button/Button').ButtonSemanticType["classNames"];
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        input?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        count?: string;
+        button?: import('antd/es/button/Button').ButtonSemanticType["classNames"];
+    } | undefined>;
+    styles?: ((info: {
+        props: AntDSearchProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        input?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        count?: React.CSSProperties;
+        button?: import('antd/es/button/Button').ButtonSemanticType["styles"];
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        input?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        count?: React.CSSProperties;
+        button?: import('antd/es/button/Button').ButtonSemanticType["styles"];
+    } | undefined>;
     rootClassName?: string | undefined;
     size?: import('antd/es/button').ButtonSize;
     disabled?: boolean | undefined;
@@ -16,9 +56,6 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     addonAfter?: import('react').ReactNode;
     bordered?: boolean | undefined;
     variant?: import('antd/es/config-provider').Variant | undefined;
-    classNames?: Partial<Record<"prefix" | "input" | "count" | "suffix", string>> | undefined;
-    styles?: Partial<Record<"prefix" | "input" | "count" | "suffix", React.CSSProperties>> | undefined;
-    _skipAddonWarning?: boolean | undefined;
     prefix?: import('react').ReactNode;
     height?: number | string | undefined | undefined;
     width?: number | string | undefined | undefined;
@@ -38,7 +75,9 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     max?: number | string | undefined | undefined;
     min?: number | string | undefined | undefined;
     name?: string | undefined | undefined;
-    type?: import('rc-input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    type?: import('@rc-component/input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
     role?: import('react').AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
@@ -113,18 +152,18 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
+    onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
     onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -245,6 +284,8 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
@@ -253,13 +294,23 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-    value?: import('rc-input/lib/interface').ValueType;
+    onTransitionRun?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    value?: import('@rc-component/input/lib/interface').ValueType;
     prefixCls?: string | undefined;
+    list?: string | undefined | undefined;
     step?: number | string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    list?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -270,8 +321,6 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
@@ -293,35 +342,38 @@ export declare const AntdSearchInput: import('react').ForwardRefExoticComponent<
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    count?: import('rc-input/lib/interface').CountConfig | undefined;
+    count?: import('@rc-component/input/lib/interface').CountConfig | undefined;
     checked?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
     alt?: string | undefined | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
     maxLength?: number | undefined | undefined;
     minLength?: number | undefined | undefined;
     src?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
     onClear?: (() => void) | undefined;
     allowClear?: boolean | {
+        disabled?: boolean;
         clearIcon?: import('react').ReactNode;
     } | undefined;
+    suffix?: import('react').ReactNode;
     readOnly?: boolean | undefined | undefined;
     showCount?: boolean | {
-        formatter: import('rc-input/lib/interface').ShowCountFormatter;
+        formatter: import('@rc-component/input/lib/interface').ShowCountFormatter;
     } | undefined;
     htmlSize?: number | undefined;
-    suffix?: import('react').ReactNode;
 } & import('react').RefAttributes<InputRef>>;

package/dist/src/components/input/Input.cjs

@@ -1,9 +1,35 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const formikAntd = require("formik-antd");
-const Input = ({ size = "large", ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(formikAntd.Input, { size, ...props });
+const antd = require("antd");
+const FormikField = require("../form/FormikField.cjs");
+const Input = ({
+  size = "large",
+  name,
+  validate,
+  fast,
+  onChange,
+  onBlur,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormikField.FormikField, { name, validate, fast, children: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Input,
+    {
+      size,
+      name,
+      id: name,
+      ...props,
+      value: field.value,
+      onChange: (event) => {
+        field.onChange(event);
+        onChange == null ? void 0 : onChange(event);
+      },
+      onBlur: (event) => {
+        field.onBlur(event);
+        onBlur == null ? void 0 : onBlur(event);
+      }
+    }
+  ) });
 };
 exports.Input = Input;
 //# sourceMappingURL=Input.cjs.map

package/dist/src/components/input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as FormikAntdInput, InputProps } from 'formik-antd'\ntype Props = Expand<InputProps>\n\nexport const Input = ({ size = 'large', ...props }: Props) => {\n  return <FormikAntdInput size={size} {...props} />\n}\n"],"names":["jsx","FormikAntdInput"],"mappings":";;;;AAGO,MAAM,QAAQ,CAAC,EAAE,OAAO,SAAS,GAAG,YAAmB;AAC5D,SAAOA,2BAAAA,IAACC,WAAAA,OAAA,EAAgB,MAAa,GAAG,MAAA,CAAO;AACjD;;"}
+{"version":3,"file":"Input.cjs","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as AntdInput, type InputProps } from 'antd'\nimport { FormikField, type FormikFieldProps } from '../form/FormikField'\ntype Props = Expand<InputProps & FormikFieldProps>\n\nexport const Input = ({\n  size = 'large',\n  name,\n  validate,\n  fast,\n  onChange,\n  onBlur,\n  ...props\n}: Props) => {\n  return (\n    <FormikField name={name} validate={validate} fast={fast}>\n      {({ field }) => (\n        <AntdInput\n          size={size}\n          name={name}\n          id={name}\n          {...props}\n          value={field.value}\n          onChange={(event) => {\n            field.onChange(event)\n            onChange?.(event)\n          }}\n          onBlur={(event) => {\n            field.onBlur(event)\n            onBlur?.(event)\n          }}\n        />\n      )}\n    </FormikField>\n  )\n}\n"],"names":["jsx","FormikField","AntdInput"],"mappings":";;;;;AAIO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA,IAACC,2BAAY,MAAY,UAAoB,MAC1C,UAAA,CAAC,EAAE,YACFD,2BAAAA;AAAAA,IAACE,KAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,UAAU;AACnB,cAAM,SAAS,KAAK;AACpB,6CAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC,UAAU;AACjB,cAAM,OAAO,KAAK;AAClB,yCAAS;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;;"}

package/dist/src/components/input/Input.d.ts

@@ -1,4 +1,5 @@
-import { InputProps } from 'formik-antd';
-type Props = Expand<InputProps>;
-export declare const Input: ({ size, ...props }: Props) => import("react").JSX.Element;
+import { InputProps } from 'antd';
+import { FormikFieldProps } from '../form/FormikField.js';
+type Props = Expand<InputProps & FormikFieldProps>;
+export declare const Input: ({ size, name, validate, fast, onChange, onBlur, ...props }: Props) => import("react").JSX.Element;
 export {};

package/dist/src/components/input/Input.js

@@ -1,7 +1,33 @@
 import { jsx } from "react/jsx-runtime";
-import { Input as Input$1 } from "formik-antd";
-const Input = ({ size = "large", ...props }) => {
-  return /* @__PURE__ */ jsx(Input$1, { size, ...props });
+import { Input as Input$1 } from "antd";
+import { FormikField } from "../form/FormikField.js";
+const Input = ({
+  size = "large",
+  name,
+  validate,
+  fast,
+  onChange,
+  onBlur,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormikField, { name, validate, fast, children: ({ field }) => /* @__PURE__ */ jsx(
+    Input$1,
+    {
+      size,
+      name,
+      id: name,
+      ...props,
+      value: field.value,
+      onChange: (event) => {
+        field.onChange(event);
+        onChange == null ? void 0 : onChange(event);
+      },
+      onBlur: (event) => {
+        field.onBlur(event);
+        onBlur == null ? void 0 : onBlur(event);
+      }
+    }
+  ) });
 };
 export {
   Input

package/dist/src/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as FormikAntdInput, InputProps } from 'formik-antd'\ntype Props = Expand<InputProps>\n\nexport const Input = ({ size = 'large', ...props }: Props) => {\n  return <FormikAntdInput size={size} {...props} />\n}\n"],"names":["FormikAntdInput"],"mappings":";;AAGO,MAAM,QAAQ,CAAC,EAAE,OAAO,SAAS,GAAG,YAAmB;AAC5D,SAAO,oBAACA,SAAA,EAAgB,MAAa,GAAG,MAAA,CAAO;AACjD;"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/input/Input.tsx"],"sourcesContent":["import { Input as AntdInput, type InputProps } from 'antd'\nimport { FormikField, type FormikFieldProps } from '../form/FormikField'\ntype Props = Expand<InputProps & FormikFieldProps>\n\nexport const Input = ({\n  size = 'large',\n  name,\n  validate,\n  fast,\n  onChange,\n  onBlur,\n  ...props\n}: Props) => {\n  return (\n    <FormikField name={name} validate={validate} fast={fast}>\n      {({ field }) => (\n        <AntdInput\n          size={size}\n          name={name}\n          id={name}\n          {...props}\n          value={field.value}\n          onChange={(event) => {\n            field.onChange(event)\n            onChange?.(event)\n          }}\n          onBlur={(event) => {\n            field.onBlur(event)\n            onBlur?.(event)\n          }}\n        />\n      )}\n    </FormikField>\n  )\n}\n"],"names":["AntdInput"],"mappings":";;;AAIO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACE,oBAAC,eAAY,MAAY,UAAoB,MAC1C,UAAA,CAAC,EAAE,YACF;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,IAAI;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,UAAU;AACnB,cAAM,SAAS,KAAK;AACpB,6CAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC,UAAU;AACjB,cAAM,OAAO,KAAK;AAClB,yCAAS;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/src/components/inputnumber/InputNumber.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const formikAntd = require("formik-antd");
+const antd = require("antd");
+const FormikField = require("../form/FormikField.cjs");
 const cx = require("classnames");
 const InputNumber_module = require("./InputNumber.module.css.cjs");
 const react = require("@phosphor-icons/react");
@@ -11,12 +12,17 @@ const InputNumber = ({
   name,
   max,
   min,
+  validate,
+  fast,
+  onChange,
+  onBlur,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    formikAntd.InputNumber,
+  return /* @__PURE__ */ jsxRuntime.jsx(FormikField.FormikField, { name, validate, fast, children: ({ field, form }) => /* @__PURE__ */ jsxRuntime.jsx(
+    antd.InputNumber,
     {
       name,
+      id: name,
       max,
       min,
       step,
@@ -24,9 +30,18 @@ const InputNumber = ({
       upHandler: /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpIcon, { weight: "bold", size: 12 }),
       downHandler: /* @__PURE__ */ jsxRuntime.jsx(react.CaretDownIcon, { weight: "bold", size: 12 }),
       size,
-      ...props
+      ...props,
+      value: field.value,
+      onChange: (value) => {
+        void form.setFieldValue(name, value);
+        onChange == null ? void 0 : onChange(value);
+      },
+      onBlur: (event) => {
+        field.onBlur(event);
+        onBlur == null ? void 0 : onBlur(event);
+      }
     }
-  );
+  ) });
 };
 exports.InputNumber = InputNumber;
 //# sourceMappingURL=InputNumber.cjs.map

package/dist/src/components/inputnumber/InputNumber.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.cjs","sources":["../../../../src/components/inputnumber/InputNumber.tsx"],"sourcesContent":["import { InputNumber as FormikInputNumber, InputNumberProps } from 'formik-antd'\nimport cx from 'classnames'\nimport styles from './InputNumber.module.css'\nimport { CaretDownIcon, CaretUpIcon } from '@phosphor-icons/react'\ntype Props = Expand<InputNumberProps> & {\n  name: string\n  max?: number\n  min?: number\n  step?: number\n}\n\nexport const InputNumber = ({\n  size = 'large',\n  step = 1,\n  name,\n  max,\n  min,\n  ...props\n}: Props) => {\n  return (\n    <FormikInputNumber\n      name={name}\n      max={max}\n      min={min}\n      step={step}\n      className={cx(styles.j2InputNumber, props.className)}\n      upHandler={<CaretUpIcon weight=\"bold\" size={12} />}\n      downHandler={<CaretDownIcon weight=\"bold\" size={12} />}\n      size={size}\n      {...props}\n    />\n  )\n}\n"],"names":["jsx","FormikInputNumber","styles","CaretUpIcon","CaretDownIcon"],"mappings":";;;;;;;AAWO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,WAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAGC,mBAAAA,QAAO,eAAe,MAAM,SAAS;AAAA,MACnD,WAAWF,2BAAAA,IAACG,mBAAA,EAAY,QAAO,QAAO,MAAM,IAAI;AAAA,MAChD,aAAaH,2BAAAA,IAACI,qBAAA,EAAc,QAAO,QAAO,MAAM,IAAI;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}
+{"version":3,"file":"InputNumber.cjs","sources":["../../../../src/components/inputnumber/InputNumber.tsx"],"sourcesContent":["import { InputNumber as AntdInputNumber, type InputNumberProps } from 'antd'\nimport { FormikField, type FormikFieldProps } from '../form/FormikField'\nimport cx from 'classnames'\nimport styles from './InputNumber.module.css'\nimport { CaretDownIcon, CaretUpIcon } from '@phosphor-icons/react'\ntype Props = Expand<InputNumberProps & FormikFieldProps> & {\n  name: string\n  max?: number\n  min?: number\n  step?: number\n}\n\nexport const InputNumber = ({\n  size = 'large',\n  step = 1,\n  name,\n  max,\n  min,\n  validate,\n  fast,\n  onChange,\n  onBlur,\n  ...props\n}: Props) => {\n  return (\n    <FormikField name={name} validate={validate} fast={fast}>\n      {({ field, form }) => (\n        <AntdInputNumber\n          name={name}\n          id={name}\n          max={max}\n          min={min}\n          step={step}\n          className={cx(styles.j2InputNumber, props.className)}\n          upHandler={<CaretUpIcon weight=\"bold\" size={12} />}\n          downHandler={<CaretDownIcon weight=\"bold\" size={12} />}\n          size={size}\n          {...props}\n          value={field.value}\n          onChange={(value) => {\n            void form.setFieldValue(name, value)\n            onChange?.(value)\n          }}\n          onBlur={(event) => {\n            field.onBlur(event)\n            onBlur?.(event)\n          }}\n        />\n      )}\n    </FormikField>\n  )\n}\n"],"names":["jsx","FormikField","AntdInputNumber","styles","CaretUpIcon","CaretDownIcon"],"mappings":";;;;;;;;AAYO,MAAM,cAAc,CAAC;AAAA,EAC1B,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,+BAACC,YAAAA,eAAY,MAAY,UAAoB,MAC1C,UAAA,CAAC,EAAE,OAAO,KAAA,MACTD,2BAAAA;AAAAA,IAACE,KAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAGC,mBAAAA,QAAO,eAAe,MAAM,SAAS;AAAA,MACnD,WAAWH,2BAAAA,IAACI,mBAAA,EAAY,QAAO,QAAO,MAAM,IAAI;AAAA,MAChD,aAAaJ,2BAAAA,IAACK,qBAAA,EAAc,QAAO,QAAO,MAAM,IAAI;AAAA,MACpD;AAAA,MACC,GAAG;AAAA,MACJ,OAAO,MAAM;AAAA,MACb,UAAU,CAAC,UAAU;AACnB,aAAK,KAAK,cAAc,MAAM,KAAK;AACnC,6CAAW;AAAA,MACb;AAAA,MACA,QAAQ,CAAC,UAAU;AACjB,cAAM,OAAO,KAAK;AAClB,yCAAS;AAAA,MACX;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;;"}