@twintag/twintag-form 1.3.0 → 1.4.0-beta.1

package/dist/common/calendar.d.ts

@@ -1,8 +1,216 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React from 'react';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
 import { DayPicker } from 'react-day-picker';
-export type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+
+import * 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, TVConfig<{
+    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;
+        };
+    };
+}, {
+    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;
+        };
+    };
+}>, {
+    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, TVConfig<{
+    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;
+        };
+    };
+}, {
+    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;
+        };
+    };
+}>, 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;
 }

package/dist/common/form.d.ts

@@ -1,10 +1,12 @@
+import { ControllerProps, FieldPath, FieldValues, FormProviderProps, FieldError } from 'react-hook-form';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { LabelProps } from '@radix-ui/react-label';
 import { SlotProps } from '@radix-ui/react-slot';
-import { JSX } from 'react/jsx-runtime';
-import type * as LabelPrimitive from '@radix-ui/react-label';
-import { FormProviderProps, FieldError, ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
+
 import * as React from 'react';
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues = 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>) => 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;
@@ -16,9 +18,149 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & 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> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps< TVReturnType<{
+    variant: {
+        default: string;
+        beta: string;
+    };
+}, undefined, "", TVConfig<{
+    variant: {
+        default: string;
+        beta: string;
+    };
+}, {
+    variant: {
+        default: string;
+        beta: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        beta: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        default: string;
+        beta: string;
+    };
+}, undefined, "", TVConfig<{
+    variant: {
+        default: string;
+        beta: string;
+    };
+}, {
+    variant: {
+        default: string;
+        beta: string;
+    };
+}>, 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[], TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: 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-muted-foreground", TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "text-muted-foreground", TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, 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-destructive", TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, "font-medium text-destructive", TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLParagraphElement>>;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/common/icon.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+import { FC } from 'react';
+
 type Props = {
     name: string;
     className?: string;

package/dist/common/input.d.ts

@@ -1,4 +1,278 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+
 import * as React from 'react';
-export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const inputVariants: TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, TVConfig<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, TVConfig<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}>, 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;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, TVConfig<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, TVReturnType<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    root: string;
+    input: string[];
+}, undefined, TVConfig<{
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            input: string;
+        };
+        beta: {
+            root: string;
+            input: string;
+        };
+    };
+    size: {
+        sm: {
+            input: string;
+        };
+        base: {
+            input: string;
+        };
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/common/label.d.ts

@@ -1,4 +1,42 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+
 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"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps< TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, TVReturnType<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, undefined, string[], TVConfig<{
+    size: {
+        sm: string;
+        base: string;
+    };
+}, {
+    size: {
+        sm: string;
+        base: string;
+    };
+}>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };