@teamturing/react-kit 2.18.0 → 2.19.0

package/dist/core/FormControl/FormControlCaption.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const FormControlCaption: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default FormControlCaption;
+export type { Props as FormControlCaptionProps };

package/dist/core/FormControl/FormControlErrorMessage.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const FormControlErrorMessage: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default FormControlErrorMessage;
+export type { Props as FormControlErrorMessageProps };

package/dist/core/FormControl/FormControlLabel.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {
+    visuallyHidden?: boolean;
+} & SxProp;
+declare const FormControlLabel: ({ children, visuallyHidden, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default FormControlLabel;
+export type { Props as FormControlLabelProps };

package/dist/core/FormControl/FormControlSuccessMessage.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+type Props = {};
+declare const FormControlSuccessMessage: ({ children }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default FormControlSuccessMessage;
+export type { Props as FormControlSuccessMessageProps };

package/dist/core/FormControl/index.d.ts

@@ -0,0 +1,49 @@
+import { PropsWithChildren } from 'react';
+import { FormControlCaptionProps } from './FormControlCaption';
+import { FormControlErrorMessageProps } from './FormControlErrorMessage';
+import { FormControlLabelProps } from './FormControlLabel';
+import { FormControlSuccessMessageProps } from './FormControlSuccessMessage';
+type Props = {
+    /**
+     * `FormControl`의 Input 요소를 컨트롤하기 위한 ID입니다. `Label`, `Caption`과 연결짓기 위해 사용합니다.
+     */
+    id?: string;
+    /**
+     * 사용자의 입력을 허용할지에 대한 여부입니다.
+     */
+    disabled?: boolean;
+    /**
+     * 사용자의 입력을 필요로 하는지에 대한 여부입니다.
+     */
+    required?: boolean;
+    /**
+     * @default TextInput, Select, OverlaySelectInput, Checkbox
+     *
+     * FormControl이 허용하는 Input 컴포넌트를 추가로 정의합니다.
+     */
+    additionalInputComponentCandidates: any[];
+};
+type FormControlFieldProps = {
+    name: string;
+    label: string;
+    caption?: string;
+};
+type FormControlContextValue = {} & Omit<Props, 'additionalInputComponentCandidates'>;
+declare const FormControlContext: import("react").Context<Omit<Props, "additionalInputComponentCandidates">>;
+declare const _default: import("react").ForwardRefExoticComponent<Props & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Label: ({ children, visuallyHidden, ...props }: PropsWithChildren<FormControlLabelProps>) => import("react/jsx-runtime").JSX.Element;
+    Caption: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ErrorMessage: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    SuccessMessage: ({ children }: {
+        children?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export { FormControlContext };
+export type { Props as FormControlProps, FormControlFieldProps, FormControlContextValue, FormControlCaptionProps, FormControlErrorMessageProps, FormControlLabelProps, FormControlSuccessMessageProps, };

package/dist/index.d.ts

@@ -24,6 +24,8 @@ export type { DialogProps } from './core/Dialog';
 export { default as DialogHandler } from './core/DialogHandler';
 export { default as EmptyState } from './core/EmptyState';
 export type { EmptyStateProps } from './core/EmptyState';
+export { default as FormControl } from './core/FormControl';
+export type { FormControlProps, FormControlFieldProps, FormControlCaptionProps, FormControlErrorMessageProps, FormControlLabelProps, FormControlSuccessMessageProps, } from './core/FormControl';
 export { default as GradientText } from './core/GradientText';
 export type { GradientTextProps } from './core/GradientText';
 export { default as Grid } from './core/Grid';