@segmentify/ui 0.0.19 → 0.0.21

package/dist/components/atoms/form.d.ts

@@ -2,18 +2,16 @@ import * as React from 'react';
 import type * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
 import { type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 type FormLabelProps = React.ComponentProps<typeof LabelPrimitive.Root> & {
     required?: boolean;
 };
 declare function FormLabel({ className, required, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
-declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+declare function FormControl(props: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
 type FormMessageProps = React.ComponentProps<'p'> & {
     showErrorPlaceholder?: boolean;
-    children?: React.ReactNode;
 };
 declare function FormMessage({ className, showErrorPlaceholder, ...props }: FormMessageProps): import("react/jsx-runtime").JSX.Element | null;
-export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
+export { FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage };

package/dist/components/organisms/form-combobox.d.ts

@@ -1,6 +1,8 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { SelectItemProps } from '../../lib/types';
-type Props = {
-    name: string;
+type FormComboboxProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label: string;
     triggerPlaceholder: string;
     inputPlaceholder: string;
@@ -20,5 +22,5 @@ type Props = {
     isDisabled?: boolean;
     tooltipContent?: string;
 };
-export declare const FormCombobox: ({ name, label, triggerPlaceholder, inputPlaceholder, options, description, isMultiSelect, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, hasClearButton, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormCombobox: <TFieldValues extends FieldValues = FieldValues>({ name, control, label, triggerPlaceholder, inputPlaceholder, options, description, isMultiSelect, emptyMessage, containerClassName, contentClassName, contentListClassName, avoidCollisions, hasClearButton, hasAllOption, allOptionLabel, closeOnSelect, onInputChange, isDisabled, tooltipContent, }: FormComboboxProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-file-upload.d.ts

@@ -1,6 +1,8 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type FormFileUploadProps = {
-    name: string;
+type FormFileUploadProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label?: string;
     uploadButtonLabel?: string;
     description?: string;
@@ -13,7 +15,7 @@ type FormFileUploadProps = {
     onUpload?: (file: File) => Promise<string>;
 };
 export declare const FormFileUpload: {
-    ({ name, label, uploadButtonLabel, description, accept, disabled, multiple, containerClassName, tooltipContent, hasRequiredIndicator, onUpload, }: FormFileUploadProps): import("react/jsx-runtime").JSX.Element;
+    <TFieldValues extends FieldValues = FieldValues>({ name, control, label, uploadButtonLabel, description, accept, disabled, multiple, containerClassName, tooltipContent, hasRequiredIndicator, onUpload, }: FormFileUploadProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/organisms/form-password.d.ts

@@ -1,12 +1,14 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type Props = {
+type Props<TFieldValues extends FieldValues = FieldValues> = {
     label: string;
-    name: string;
+    name: Path<TFieldValues>;
     placeholder: string;
+    control?: Control<TFieldValues>;
     containerClassName?: ClassValue;
     description?: string;
     tooltipContent?: string;
     hasRequiredIndicator?: boolean;
 };
-export declare const FormPassword: ({ label, name, containerClassName, description, placeholder, tooltipContent, hasRequiredIndicator, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormPassword: <TFieldValues extends FieldValues = FieldValues>({ label, name, containerClassName, description, placeholder, tooltipContent, control, hasRequiredIndicator, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-radio.d.ts

@@ -1,13 +1,15 @@
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { SelectItemProps } from '../../lib/types';
-type Props = {
-    name: string;
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
     label: string;
     items: SelectItemProps[];
+    control?: Control<TFieldValues>;
     containerClassName?: string;
     itemClassName?: string;
     itemLabelClassName?: string;
     selectedClassName?: string;
     description?: string;
 };
-export declare const FormRadio: ({ name, label, items, containerClassName, itemClassName, itemLabelClassName, selectedClassName, description, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormRadio: <TFieldValues extends FieldValues = FieldValues>({ name, label, items, control, containerClassName, itemClassName, itemLabelClassName, selectedClassName, description, }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-slider.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import { Slider } from '../../components/atoms/slider';
-type FormSliderProps = {
-    name: string;
+type FormSliderProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    control?: Control<TFieldValues>;
     label?: string;
     description?: string;
     min?: number;
@@ -10,12 +12,12 @@ type FormSliderProps = {
     leftLabel?: string;
     rightLabel?: string;
     showLabels?: boolean;
-    complementaryField?: string;
+    complementaryField?: Path<TFieldValues>;
     onValueChange?: (value: number) => void;
     containerClassName?: string;
     labelClassName?: string;
     showErrorPlaceholder?: boolean;
     tooltipContent?: string;
-} & React.ComponentProps<typeof Slider>;
-export declare const FormSlider: ({ name, label, description, min, max, step, leftLabel, rightLabel, showLabels, complementaryField, onValueChange, containerClassName, labelClassName, showErrorPlaceholder, tooltipContent, ...props }: FormSliderProps) => import("react/jsx-runtime").JSX.Element;
+} & Omit<React.ComponentProps<typeof Slider>, 'name' | 'onValueChange'>;
+export declare const FormSlider: <TFieldValues extends FieldValues = FieldValues>({ name, control, label, description, min, max, step, leftLabel, rightLabel, showLabels, complementaryField, onValueChange, containerClassName, labelClassName, showErrorPlaceholder, tooltipContent, ...props }: FormSliderProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-switch.d.ts

@@ -1,7 +1,9 @@
-type Props = {
-    name: string;
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+type Props<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
     label: string;
+    control?: Control<TFieldValues>;
     description?: string;
 };
-export declare const FormSwitch: ({ name, label, description, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSwitch: <TFieldValues extends FieldValues = FieldValues>({ name, label, description, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-textarea.d.ts

@@ -1,9 +1,11 @@
-type Props = {
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+type Props<TFieldValues extends FieldValues = FieldValues> = {
     label: string;
-    name: string;
+    name: Path<TFieldValues>;
     placeholder: string;
+    control?: Control<TFieldValues>;
     description?: string;
     containerClassName?: string;
 };
-export declare const FormTextarea: ({ label, name, description, placeholder, containerClassName, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const FormTextarea: <TFieldValues extends FieldValues = FieldValues>({ label, name, description, placeholder, containerClassName, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem,
 export { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './components/atoms/empty';
 export { ErrorMessage } from './components/atoms/error-message';
 export { FieldDescription } from './components/atoms/field-description';
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from './components/atoms/form';
+export { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './components/atoms/form';
 export { FormCheckbox } from './components/organisms/form-checkbox';
 export { FormCombobox } from './components/organisms/form-combobox';
 export { FormDatePicker } from './components/organisms/form-date-picker';