@plitzi/plitzi-ui 1.6.2

package/dist/components/Flex/Flex.styles.js

@@ -0,0 +1,145 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("flex", {
+	variants: {
+		direction: {
+			column: "flex-col",
+			row: "",
+			"row-reverse": "flex-row-reverse",
+			"col-reverse": "flex-col-reverse"
+		},
+		grow: {
+			true: "grow",
+			false: ""
+		},
+		basis: {
+			0: "basis-0",
+			1: "basis-1",
+			2: "basis-2",
+			3: "basis-3",
+			4: "basis-4",
+			5: "basis-5",
+			6: "basis-6",
+			7: "basis-7",
+			8: "basis-8",
+			9: "basis-9",
+			10: "basis-10",
+			11: "basis-11",
+			12: "basis-12",
+			14: "basis-14",
+			16: "basis-16",
+			20: "basis-20",
+			24: "basis-24",
+			28: "basis-28",
+			32: "basis-32",
+			36: "basis-36",
+			40: "basis-40",
+			44: "basis-44",
+			48: "basis-48",
+			52: "basis-52",
+			56: "basis-56",
+			60: "basis-60",
+			64: "basis-64",
+			72: "basis-72",
+			80: "basis-80",
+			96: "basis-96",
+			auto: "",
+			px: "basis-px",
+			"0.5": "basis-0.5",
+			"1.5": "basis-1.5",
+			"2.5": "basis-2.5",
+			"3.5": "basis-3.5",
+			"1/2": "basis-1/2",
+			"1/3": "basis-1/3",
+			"2/3": "basis-2/3",
+			"1/4": "basis-1/4",
+			"2/4": "basis-2/4",
+			"3/4": "basis-3/4",
+			"1/5": "basis-1/5",
+			"2/5": "basis-2/5",
+			"3/5": "basis-3/5",
+			"4/5": "basis-4/5",
+			"1/6": "basis-1/6",
+			"2/6": "basis-2/6",
+			"3/6": "basis-3/6",
+			"4/6": "basis-4/6",
+			"5/6": "basis-5/6",
+			"1/12": "basis-1/12",
+			"2/12": "basis-2/12",
+			"3/12": "basis-3/12",
+			"4/12": "basis-4/12",
+			"5/12": "basis-5/12",
+			"6/12": "basis-6/12",
+			"7/12": "basis-7/12",
+			"8/12": "basis-8/12",
+			"9/12": "basis-9/12",
+			"10/12": "basis-10/12",
+			"11/12": "basis-11/12",
+			full: "basis-full"
+		},
+		wrap: {
+			wrap: "flex-wrap",
+			nowrap: "",
+			"wrap-reverse": "flex-wrap-reverse"
+		},
+		items: {
+			start: "",
+			end: "items-end",
+			center: "items-center",
+			baseline: "items-baseline",
+			stretch: "items-stretch"
+		},
+		justify: {
+			normal: "justify-normal",
+			start: "",
+			end: "justify-end",
+			center: "justify-center",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly",
+			stretch: "justify-stretch"
+		},
+		gap: {
+			0: "",
+			1: "gap-1",
+			1.5: "gap-1.5",
+			2: "gap-2",
+			3: "gap-3",
+			4: "gap-4",
+			5: "gap-5",
+			6: "gap-6",
+			7: "gap-7",
+			8: "gap-8",
+			9: "gap-9",
+			10: "gap-10",
+			11: "gap-11",
+			12: "gap-12",
+			14: "gap-14",
+			16: "gap-16"
+		},
+		shrink: {
+			1: "shrink",
+			0: ""
+		},
+		alignItems: {
+			start: "items-start",
+			end: "items-end",
+			center: "items-center",
+			baseline: "items-baseline",
+			stretch: ""
+		}
+	},
+	compoundVariants: [],
+	defaultVariants: {
+		alignItems: "stretch",
+		direction: "row",
+		wrap: "nowrap",
+		justify: "start",
+		items: "start",
+		basis: "auto",
+		gap: 0,
+		shrink: 0,
+		grow: !1
+	}
+}) };
+//#endregion
+export { t as default };

package/dist/components/Flex/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Flex } from './Flex';
+import { default as flexTheme } from './Flex.styles';
+export * from './Flex';
+export { flexTheme };
+export default Flex;

package/dist/components/Flex/index.js

@@ -0,0 +1,6 @@
+import e from "./Flex.js";
+import t from "./Flex.styles.js";
+//#region src/components/Flex/index.ts
+var n = e;
+//#endregion
+export { n as default, t as flexTheme };

package/dist/components/Form/Form.d.ts

@@ -0,0 +1,38 @@
+import { default as FormStyles, variantKeys } from './Form.styles';
+import { FormBodyProps } from './FormBody';
+import { FormFooterProps } from './FormFooter';
+import { FormHeaderProps } from './FormHeader';
+import { UseFormReturn, ZodFormSchema } from './hooks/useForm';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode, RefObject, SyntheticEvent } from 'react';
+import { Control, FieldPath, FieldValues, SubmitHandler } from 'react-hook-form';
+import { z } from 'zod';
+import * as Inputs from './fields';
+export type BaseFormFieldType<T extends FieldValues, TName extends FieldPath<T>> = {
+    control?: Control<T>;
+    name: TName;
+};
+export type FormProps<T extends ZodFormSchema> = {
+    testId?: string;
+    form: UseFormReturn<T>;
+    onReset?: (e: SyntheticEvent<HTMLFormElement>) => void;
+    onSubmit?: SubmitHandler<z.infer<T>>;
+    children?: ReactNode;
+    ref?: RefObject<HTMLFormElement>;
+} & useThemeSharedProps<typeof FormStyles, typeof variantKeys>;
+declare const Form: (<T extends ZodFormSchema>({ ref, children, form, className, scrollable, testId, onReset, onSubmit }: FormProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+    Header: ({ className, children, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ className, children, scrollable, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ className, children, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormFooterProps) => import("react/jsx-runtime").JSX.Element;
+    Conditional: <T extends FieldValues, TName extends FieldPath<T>>({ control: controlProp, when, is, children }: Inputs.FormConditionalProps<T, TName>) => ReactNode;
+    FileUpload: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormFileUploadProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Input: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormInputProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    TextArea: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormTextAreaProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Select: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormSelectProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Select2: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormSelect2Props<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Custom: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormFieldCustomProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Switch: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormSwitchProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Checkbox: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormCheckboxProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+    Color: <T extends FieldValues, TName extends FieldPath<T>>(props: Inputs.FormColorProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+};
+export default Form;

package/dist/components/Form/Form.js

@@ -0,0 +1,63 @@
+import e from "../../hooks/useTheme/index.js";
+import { fields_exports as t } from "./fields/index.js";
+import n from "./FormBody.js";
+import r from "./FormFooter.js";
+import i from "./FormHeader.js";
+import { Children as a, cloneElement as o, isValidElement as s, useCallback as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FormProvider as f } from "react-hook-form";
+var p = Object.assign(({ ref: t, children: p, form: m, className: h, scrollable: g, testId: _, onReset: v, onSubmit: y }) => {
+	h = e("Form", {
+		className: h,
+		componentKey: "root"
+	});
+	let { header: b, body: x, footer: S } = l(() => {
+		let e = {
+			header: void 0,
+			body: void 0,
+			footer: void 0
+		};
+		return a.forEach(p, (t) => {
+			s(t) && (t.type === i ? e.header = o(t, {
+				testId: _ ? `${_}-header` : void 0,
+				...t.props
+			}) : t.type === n ? e.body = o(t, {
+				testId: _ ? `${_}-body` : void 0,
+				scrollable: g,
+				...t.props
+			}) : t.type === r && (e.footer = o(t, {
+				testId: _ ? `${_}-footer` : void 0,
+				...t.props
+			})));
+		}), e;
+	}, [
+		p,
+		g,
+		_
+	]), C = c((e) => {
+		y && m.formMethods.handleSubmit(y)(e);
+	}, [m, y]);
+	if (!m) throw Error("form instance is required from useForm");
+	return /* @__PURE__ */ u(f, {
+		...m.formMethods,
+		children: /* @__PURE__ */ d("form", {
+			"data-testid": _,
+			ref: t,
+			className: h,
+			onReset: v,
+			onSubmit: C,
+			children: [
+				b,
+				x,
+				S
+			]
+		})
+	});
+}, {
+	...t,
+	Header: i,
+	Body: n,
+	Footer: r
+});
+//#endregion
+export { p as default };

package/dist/components/Form/Form.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const variantKeys: {
+    readonly scrollable: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "Form";
+declare const _default: {
+    root: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    header: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    body: (props?: ({
+        scrollable?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    footer: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/Form/Form.styles.js

@@ -0,0 +1,16 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("flex flex-col"),
+	header: e("w-full border-b border-gray-200 dark:border-zinc-700 pb-4 mb-4"),
+	body: e("w-full flex flex-col gap-4", {
+		variants: { scrollable: {
+			true: "grow basis-0 overflow-y-auto",
+			false: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { scrollable: !1 }
+	}),
+	footer: e("w-full border-t border-gray-200 dark:border-zinc-700 pt-4 mt-4")
+};
+//#endregion
+export { t as default };

package/dist/components/Form/FormBody.d.ts

@@ -0,0 +1,10 @@
+import { default as FormStyles, variantKeys } from './Form.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode } from 'react';
+export type FormBodyProps = {
+    children?: ReactNode;
+    testId?: string;
+} & HTMLAttributes<HTMLDivElement> & useThemeSharedProps<typeof FormStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const FormBody: ({ className, children, scrollable, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default FormBody;

package/dist/components/Form/FormBody.js

@@ -0,0 +1,22 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Form/FormBody.tsx
+var r = ({ className: r, children: i, scrollable: a, testId: o, direction: s = "column", wrap: c, items: l, justify: u, alignItems: d, gap: f = 4, ...p }) => (r = e("Form", {
+	className: r,
+	componentKey: "body",
+	variants: { scrollable: a }
+}), /* @__PURE__ */ n(t, {
+	...p,
+	testId: o,
+	className: r,
+	direction: s,
+	wrap: c,
+	items: l,
+	justify: u,
+	gap: f,
+	alignItems: d,
+	children: i
+}));
+//#endregion
+export { r as default };

package/dist/components/Form/FormFooter.d.ts

@@ -0,0 +1,10 @@
+import { default as FormStyles, variantKeys } from './Form.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode } from 'react';
+export type FormFooterProps = {
+    children?: ReactNode;
+    testId?: string;
+} & HTMLAttributes<HTMLDivElement> & useThemeSharedProps<typeof FormStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const FormFooter: ({ className, children, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default FormFooter;

package/dist/components/Form/FormFooter.js

@@ -0,0 +1,21 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Form/FormFooter.tsx
+var r = ({ className: r, children: i, testId: a, direction: o, wrap: s, items: c, justify: l, alignItems: u, gap: d = 2, ...f }) => (r = e("Form", {
+	className: r,
+	componentKey: "footer"
+}), /* @__PURE__ */ n(t, {
+	...f,
+	testId: a,
+	className: r,
+	direction: o,
+	wrap: s,
+	items: c,
+	justify: l,
+	gap: d,
+	alignItems: u,
+	children: i
+}));
+//#endregion
+export { r as default };

package/dist/components/Form/FormHeader.d.ts

@@ -0,0 +1,10 @@
+import { default as FormStyles, variantKeys } from './Form.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode } from 'react';
+export type FormHeaderProps = {
+    children?: ReactNode;
+    testId?: string;
+} & HTMLAttributes<HTMLDivElement> & useThemeSharedProps<typeof FormStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const FormHeader: ({ className, children, testId, direction, wrap, items, justify, alignItems, gap, ...props }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default FormHeader;

package/dist/components/Form/FormHeader.js

@@ -0,0 +1,21 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Form/FormHeader.tsx
+var r = ({ className: r, children: i, testId: a, direction: o, wrap: s, items: c, justify: l, alignItems: u, gap: d = 2, ...f }) => (r = e("Form", {
+	className: r,
+	componentKey: "header"
+}), /* @__PURE__ */ n(t, {
+	...f,
+	testId: a,
+	className: r,
+	direction: o,
+	wrap: s,
+	items: c,
+	justify: l,
+	gap: d,
+	alignItems: u,
+	children: i
+}));
+//#endregion
+export { r as default };

package/dist/components/Form/fields/FormCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { CheckboxProps } from '../../Checkbox';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormCheckboxProps<T extends FieldValues, TName extends FieldPath<T>> = CheckboxProps & BaseFormFieldType<T, TName>;
+declare const FormCheckbox: <T extends FieldValues, TName extends FieldPath<T>>(props: FormCheckboxProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormCheckbox;

package/dist/components/Form/fields/FormCheckbox.js

@@ -0,0 +1,27 @@
+import e from "../../Checkbox/index.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i, useFormContext as a } from "react-hook-form";
+//#region src/components/Form/fields/FormCheckbox.tsx
+var o = (o) => {
+	let { control: s } = a(), { onChange: c } = o, l = t((e) => (t) => {
+		e(t), c?.(t);
+	}, [c]), u = n(() => function({ field: { ref: t, value: i, onChange: a, name: s }, fieldState: { error: c } }) {
+		let u = n(() => l(a), [a, l]);
+		return /* @__PURE__ */ r(e, {
+			...o,
+			ref: t,
+			value: i,
+			name: s,
+			error: c?.message,
+			onChange: u
+		});
+	}, [o, l]);
+	return /* @__PURE__ */ r(i, {
+		control: o.control ?? s,
+		name: o.name,
+		render: u
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Form/fields/FormColor.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { ColorPickerProps } from '../../ColorPicker';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormColorProps<T extends FieldValues, TName extends FieldPath<T>> = ColorPickerProps & BaseFormFieldType<T, TName>;
+declare const FormColor: <T extends FieldValues, TName extends FieldPath<T>>(props: FormColorProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormColor;

package/dist/components/Form/fields/FormColor.js

@@ -0,0 +1,27 @@
+import e from "../../ColorPicker/index.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i, useFormContext as a } from "react-hook-form";
+//#region src/components/Form/fields/FormColor.tsx
+var o = (o) => {
+	let { control: s } = a(), { onChange: c } = o, l = t((e) => (t) => {
+		e(t), c?.(t);
+	}, [c]), u = n(() => function({ field: { ref: t, value: i, onChange: a, name: s }, fieldState: { error: c } }) {
+		let u = n(() => l(a), [a, l]);
+		return /* @__PURE__ */ r(e, {
+			...o,
+			ref: t,
+			value: i,
+			name: s,
+			error: c?.message,
+			onChange: u
+		});
+	}, [o, l]);
+	return /* @__PURE__ */ r(i, {
+		control: o.control ?? s,
+		name: o.name,
+		render: u
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Form/fields/FormConditional.d.ts

@@ -0,0 +1,10 @@
+import { BaseFormFieldType } from '../Form';
+import { ReactNode } from 'react';
+import { FieldValues, FieldPath, FieldPathValue } from 'react-hook-form';
+export type FormConditionalProps<T extends FieldValues, TName extends FieldPath<T>> = {
+    when: TName;
+    is: FieldPathValue<T, TName> | FieldPathValue<T, TName>[] | ((value: FieldPathValue<T, TName>) => boolean);
+    children: ReactNode;
+} & Omit<BaseFormFieldType<T, TName>, 'name'>;
+declare const FormConditional: <T extends FieldValues, TName extends FieldPath<T>>({ control: controlProp, when, is, children }: FormConditionalProps<T, TName>) => ReactNode;
+export default FormConditional;

package/dist/components/Form/fields/FormConditional.js

@@ -0,0 +1,12 @@
+import { useMemo as e } from "react";
+import { useFormContext as t, useWatch as n } from "react-hook-form";
+//#region src/components/Form/fields/FormConditional.tsx
+var r = ({ control: r, when: i, is: a, children: o }) => {
+	let { control: s } = t(), c = n({
+		control: r || s,
+		name: i
+	});
+	return e(() => typeof a == "function" ? a(c) : Array.isArray(a) ? a.includes(c) : c === a, [c, a]) ? o : void 0;
+};
+//#endregion
+export { r as default };

package/dist/components/Form/fields/FormFieldCustom.d.ts

@@ -0,0 +1,7 @@
+import { BaseFormFieldType } from '../Form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+export type FormFieldCustomProps<T extends FieldValues, TName extends FieldPath<T>> = {
+    render: ControllerProps<T, TName>['render'];
+} & BaseFormFieldType<T, TName>;
+declare const FormFieldCustom: <T extends FieldValues, TName extends FieldPath<T>>(props: FormFieldCustomProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormFieldCustom;

package/dist/components/Form/fields/FormFieldCustom.js

@@ -0,0 +1,14 @@
+import e from "../../../hooks/useValueMemo/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Controller as n, useFormContext as r } from "react-hook-form";
+//#region src/components/Form/fields/FormFieldCustom.tsx
+var i = (i) => {
+	let { control: a } = r(), o = e(i.render, "soft");
+	return /* @__PURE__ */ t(n, {
+		control: i.control ?? a,
+		name: i.name,
+		render: o
+	});
+};
+//#endregion
+export { i as default };

package/dist/components/Form/fields/FormFileUpload.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { FileUploadProps } from '../../FileUpload';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormFileUploadProps<T extends FieldValues, TName extends FieldPath<T>> = FileUploadProps & BaseFormFieldType<T, TName>;
+declare const FormFileUpload: <T extends FieldValues, TName extends FieldPath<T>>(props: FormFileUploadProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormFileUpload;

package/dist/components/Form/fields/FormFileUpload.js

@@ -0,0 +1,42 @@
+import e from "../../FileUpload/index.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i, useFormContext as a } from "react-hook-form";
+//#region src/components/Form/fields/FormFileUpload.tsx
+var o = (o) => {
+	let { control: s, setError: c, clearErrors: l } = a(), { multiple: u, name: d, onChange: f } = o, p = t((e) => (t) => {
+		e(t), f?.(t), d && l(d);
+	}, [
+		l,
+		u,
+		d,
+		f
+	]), m = t((e) => {
+		e && c(o.name, {
+			type: "custom",
+			message: e
+		});
+	}, [o.name, c]), h = n(() => function({ field: { ref: t, value: i, onChange: a, name: s }, fieldState: { error: c } }) {
+		let l = n(() => p(a), [a, p]);
+		return /* @__PURE__ */ r(e, {
+			...o,
+			ref: t,
+			value: i,
+			name: s,
+			error: c?.message,
+			onChange: l,
+			onError: m
+		});
+	}, [
+		o,
+		p,
+		m
+	]);
+	return /* @__PURE__ */ r(i, {
+		control: o.control ?? s,
+		name: o.name,
+		render: h
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Form/fields/FormInput.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { InputProps } from '../../Input';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormInputProps<T extends FieldValues, TName extends FieldPath<T>> = InputProps & BaseFormFieldType<T, TName>;
+declare const FormInput: <T extends FieldValues, TName extends FieldPath<T>>(props: FormInputProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormInput;

package/dist/components/Form/fields/FormInput.js

@@ -0,0 +1,27 @@
+import e from "../../Input/index.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i, useFormContext as a } from "react-hook-form";
+//#region src/components/Form/fields/FormInput.tsx
+var o = (o) => {
+	let { control: s } = a(), { onChange: c } = o, l = t((e) => (t) => {
+		e(t), c?.(t);
+	}, [c]), u = n(() => function({ field: { ref: t, value: i, onChange: a, name: s }, fieldState: { error: c } }) {
+		let u = n(() => l(a), [a, l]);
+		return /* @__PURE__ */ r(e, {
+			...o,
+			ref: t,
+			value: i,
+			name: s,
+			error: c?.message,
+			onChange: u
+		});
+	}, [o, l]);
+	return /* @__PURE__ */ r(i, {
+		control: o.control ?? s,
+		name: o.name,
+		render: u
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Form/fields/FormSelect.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { SelectProps } from '../../Select';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormSelectProps<T extends FieldValues, TName extends FieldPath<T>> = SelectProps & BaseFormFieldType<T, TName>;
+declare const FormSelect: <T extends FieldValues, TName extends FieldPath<T>>(props: FormSelectProps<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormSelect;

package/dist/components/Form/fields/FormSelect.js

@@ -0,0 +1,27 @@
+import e from "../../Select/index.js";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as i, useFormContext as a } from "react-hook-form";
+//#region src/components/Form/fields/FormSelect.tsx
+var o = (o) => {
+	let { control: s } = a(), { onChange: c } = o, l = t((e) => (t) => {
+		e(t), c?.(t);
+	}, [c]), u = n(() => function({ field: { ref: t, value: i, onChange: a, name: s }, fieldState: { error: c } }) {
+		let u = n(() => l(a), [a, l]);
+		return /* @__PURE__ */ r(e, {
+			...o,
+			ref: t,
+			value: i,
+			name: s,
+			error: c?.message,
+			onChange: u
+		});
+	}, [o, l]);
+	return /* @__PURE__ */ r(i, {
+		control: o.control ?? s,
+		name: o.name,
+		render: u
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Form/fields/FormSelect2.d.ts

@@ -0,0 +1,6 @@
+import { BaseFormFieldType } from '../Form';
+import { Select2Props } from '../../Select2';
+import { FieldValues, FieldPath } from 'react-hook-form';
+export type FormSelect2Props<T extends FieldValues, TName extends FieldPath<T>> = Select2Props & BaseFormFieldType<T, TName>;
+declare const FormSelect2: <T extends FieldValues, TName extends FieldPath<T>>(props: FormSelect2Props<T, TName>) => import("react/jsx-runtime").JSX.Element;
+export default FormSelect2;