@twintag/twintag-form 1.6.2-beta.0 → 1.6.2-beta.1

package/dist/common/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/common/button.d.ts

@@ -0,0 +1,71 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+
+import * as React from 'react';
+declare const buttonVariants: TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps< TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/common/calendar.d.ts

@@ -0,0 +1,139 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { DayPicker } from 'react-day-picker';
+import type * as React from 'react';
+declare const calendarVariants: TVReturnType<{
+    variant: {
+        dropdown: {
+            caption_label: string;
+            caption_dropdowns: string[];
+        };
+    };
+    size: {
+        sm: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+        base: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+    };
+}, {
+    picker: string;
+    months: string;
+    month: string;
+    caption: string;
+    caption_dropdowns: string;
+    caption_label: string;
+    nav: string;
+    nav_button: string;
+    nav_button_previous: string;
+    nav_button_next: string;
+    table: string;
+    head_row: string;
+    head_cell: string;
+    row: string;
+    cell: string;
+    day: string;
+    day_range_end: string;
+    day_selected: string;
+    day_today: string;
+    day_outside: string;
+    day_disabled: string;
+    day_range_middle: string;
+    day_hidden: string;
+}, undefined, {
+    variant: {
+        dropdown: {
+            caption_label: string;
+            caption_dropdowns: string[];
+        };
+    };
+    size: {
+        sm: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+        base: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+    };
+}, {
+    picker: string;
+    months: string;
+    month: string;
+    caption: string;
+    caption_dropdowns: string;
+    caption_label: string;
+    nav: string;
+    nav_button: string;
+    nav_button_previous: string;
+    nav_button_next: string;
+    table: string;
+    head_row: string;
+    head_cell: string;
+    row: string;
+    cell: string;
+    day: string;
+    day_range_end: string;
+    day_selected: string;
+    day_today: string;
+    day_outside: string;
+    day_disabled: string;
+    day_range_middle: string;
+    day_hidden: string;
+}, TVReturnType<{
+    variant: {
+        dropdown: {
+            caption_label: string;
+            caption_dropdowns: string[];
+        };
+    };
+    size: {
+        sm: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+        base: {
+            caption_label: string;
+            caption_dropdowns: string;
+            cell: string;
+        };
+    };
+}, {
+    picker: string;
+    months: string;
+    month: string;
+    caption: string;
+    caption_dropdowns: string;
+    caption_label: string;
+    nav: string;
+    nav_button: string;
+    nav_button_previous: string;
+    nav_button_next: string;
+    table: string;
+    head_row: string;
+    head_cell: string;
+    row: string;
+    cell: string;
+    day: string;
+    day_range_end: string;
+    day_selected: string;
+    day_today: string;
+    day_outside: string;
+    day_disabled: string;
+    day_range_middle: string;
+    day_hidden: string;
+}, undefined, unknown, unknown, undefined>>;
+export type CalendarProps = React.ComponentProps<typeof DayPicker> & VariantProps<typeof calendarVariants>;
+declare function Calendar({ size, className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

package/dist/common/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/common/form.d.ts

@@ -0,0 +1,86 @@
+import { ControllerProps, FieldPath, FieldValues, FormProviderProps, FieldError } from 'react-hook-form';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { LabelProps } from '@radix-ui/react-label';
+import { SlotProps } from '@radix-ui/react-slot';
+
+import * as React from 'react';
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: 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 useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps< TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+}, undefined, "", {
+    variant: {
+        default: string;
+        outline: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>> & React.RefAttributes<HTMLDivElement>>;
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit< LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps< TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit< SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps< TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "text-tf-muted-foreground", {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "text-tf-muted-foreground", unknown, unknown, undefined>>> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps< TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "font-medium text-tf-destructive", {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "font-medium text-tf-destructive", unknown, unknown, undefined>>> & React.RefAttributes<HTMLParagraphElement>>;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/common/icon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+type Props = {
+    name: string;
+    className?: string;
+};
+export declare const Icon: FC<Props>;
+export {};

package/dist/common/input.d.ts

@@ -0,0 +1,133 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+
+import * as React from 'react';
+declare const inputVariants: TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, {
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & VariantProps<typeof inputVariants>;
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps< TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, {
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        outline: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, unknown, unknown, undefined>>> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/common/label.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps< TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/common/popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/common/radiogroup.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };

package/dist/common/slider.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Slider };

package/dist/common/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/common/textarea.d.ts

@@ -0,0 +1,68 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps< TVReturnType<{
+    variant: {
+        default: {
+            textarea: string;
+        };
+        outline: {
+            root: string;
+            textarea: string;
+        };
+    };
+    size: {
+        sm: {
+            textarea: string;
+        };
+        base: {
+            textarea: string;
+        };
+    };
+}, {
+    root: string;
+    textarea: string[];
+}, undefined, {
+    variant: {
+        default: {
+            textarea: string;
+        };
+        outline: {
+            root: string;
+            textarea: string;
+        };
+    };
+    size: {
+        sm: {
+            textarea: string;
+        };
+        base: {
+            textarea: string;
+        };
+    };
+}, {
+    root: string;
+    textarea: string[];
+}, TVReturnType<{
+    variant: {
+        default: {
+            textarea: string;
+        };
+        outline: {
+            root: string;
+            textarea: string;
+        };
+    };
+    size: {
+        sm: {
+            textarea: string;
+        };
+        base: {
+            textarea: string;
+        };
+    };
+}, {
+    root: string;
+    textarea: string[];
+}, undefined, unknown, unknown, undefined>>> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/config.d.ts

@@ -0,0 +1,6 @@
+import { ElementType } from 'react';
+import { InputCompConfig } from '../types';
+
+export declare const Containers: Map<string, ElementType>;
+export declare const Inputs: Map<string, InputCompConfig>;
+export declare const components: Map<string, ElementType>;

package/dist/components/containers/accordion.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+import { WithChildren } from 'twintag-types/dom';
+
+type AccordionProps = Props<'accordion', 'item' | 'multiple' | 'single'> & WithChildren;
+declare const Accordion: FC<AccordionProps>;
+export { Accordion };

package/dist/components/containers/category.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { WithChildren } from 'twintag-types/dom';
+
+type Props = {
+    label?: string;
+} & WithChildren;
+declare const Category: FC<Props>;
+export { Category };

package/dist/components/fields/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_CHECKBOX_VALUE = false;
+export declare const Checkbox: FC<Props<'input'>>;

package/dist/components/fields/date-picker.d.ts

@@ -0,0 +1,4 @@
+import { Props } from '../../types';
+import type * as React from 'react';
+export declare const DEFAULT_DATE_PICKER_VALUE: null;
+export declare const DatePicker: React.FC<Props<'input', 'datepicker'>>;

package/dist/components/fields/file.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_FILE_VALUE = "";
+export declare const File: FC<Props<'input', 'file'>>;

package/dist/components/fields/input.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_INPUT_VALUE = "";
+export declare const Input: FC<Props<'input', 'text'>>;

package/dist/components/fields/radiogroup.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_RADIOGROUP_VALUE = "";
+export declare const RadioGroup: FC<Props<'input'> & {
+    items: Props<'input'>[];
+}>;

package/dist/components/fields/submit.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const Submit: FC<Props>;

package/dist/components/fields/textarea.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_TEXTAREA_VALUE = "";
+export declare const Textarea: FC<Props<'input', 'text'>>;

package/dist/components/fields/toggle.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_TOGGLE_VALUE = false;
+export declare const Toggle: FC<Props<'input'>>;

package/dist/components/fields/tri-toggle.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_TRI_TOGGLE_VALUE: null;
+export declare const TriToggle: FC<Props<'input'>>;

package/dist/components/form.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues } from 'react-hook-form';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+
+export declare const TwintagForm: ForwardRefExoticComponent<{
+    defaultValues?: FieldValues;
+    resetOnSubmit?: boolean;
+} & {
+    children?: ReactNode;
+} & RefAttributes<HTMLFormElement>>;

package/dist/components/input.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from '../types';
+
+export declare const Input: FC<Props<'input'>>;

package/dist/components/label.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { Props } from '../types';
+
+export declare const Label: FC<Props>;