@twintag/twintag-form 1.4.0-beta.0 → 1.4.0-beta.2

package/dist/common/calendar.d.ts

@@ -1,8 +1,8 @@
-import { JSX } from 'react/jsx-runtime';
+import { VariantProps, TVReturnType } from 'tailwind-variants';
+import { DayPicker } from 'react-day-picker';
 import { TVConfig } from 'tailwind-variants/dist/config.js';
-import { TVReturnType, VariantProps } from 'tailwind-variants';
+
 import * as React from 'react';
-import { DayPicker } from 'react-day-picker';
 declare const calendarVariants: TVReturnType<{
     variant: {
         dropdown: {
@@ -210,7 +210,7 @@ declare const calendarVariants: TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 export type CalendarProps = React.ComponentProps<typeof DayPicker> & VariantProps<typeof calendarVariants>;
-declare function Calendar({ size, className, classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+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,12 +1,12 @@
-import { SlotProps } from '@radix-ui/react-slot';
-import { LabelProps } from '@radix-ui/react-label';
+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 { JSX } from 'react/jsx-runtime';
-import { FormProviderProps, FieldError, ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
-import { TVReturnType, VariantProps } 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 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;
@@ -18,7 +18,7 @@ declare const useFormField: () => {
     formDescriptionId: string;
     formMessageId: string;
 };
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<TVReturnType<{
+declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps< TVReturnType<{
     variant: {
         default: string;
         beta: string;
@@ -54,7 +54,7 @@ declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTM
         beta: string;
     };
 }>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<TVReturnType<{
+declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit< LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps< TVReturnType<{
     size: {
         sm: string;
         base: string;
@@ -90,8 +90,8 @@ declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit<LabelProps &
         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<{
+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;
@@ -127,7 +127,7 @@ declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
         base: string;
     };
 }>, unknown, unknown, undefined>>> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps<TVReturnType<{
+declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps< TVReturnType<{
     size: {
         sm: string;
         base: string;

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,5 +1,6 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
 import { TVConfig } from 'tailwind-variants/dist/config.js';
-import { TVReturnType, VariantProps } from 'tailwind-variants';
+
 import * as React from 'react';
 declare const inputVariants: TVReturnType<{
     variant: {
@@ -138,7 +139,7 @@ declare const inputVariants: TVReturnType<{
     };
 }>, 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<{
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps< TVReturnType<{
     variant: {
         default: {
             input: string;

package/dist/common/label.d.ts

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

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/textarea.d.ts

@@ -1,7 +1,8 @@
+import { VariantProps, TVReturnType } from 'tailwind-variants';
 import { TVConfig } from 'tailwind-variants/dist/config.js';
-import { TVReturnType, VariantProps } from 'tailwind-variants';
+
 import * as React from 'react';
-declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<TVReturnType<{
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps< TVReturnType<{
     variant: {
         default: {
             textarea: string;

package/dist/components/config.d.ts

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

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

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

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

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { WithChildren } from 'twintag-types/dom';
+import { FC } from 'react';
+import { WithChildren } from 'twintag-types/dom';
+
 type Props = {
     label?: string;
 } & WithChildren;

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

@@ -1,3 +1,5 @@
-import type { FC } from 'react';
-import type { Props } from '../../types';
-export declare const Checkbox: FC<Props>;
+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

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

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

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

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

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

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

@@ -1,3 +1,7 @@
-import type { FC } from 'react';
-import type { Props } from '../../types';
-export declare const RadioGroup: FC<Props>;
+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

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

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

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

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

@@ -1,3 +1,5 @@
-import type { FC } from 'react';
-import type { Props } from '../../types';
-export declare const Toggle: FC<Props>;
+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

@@ -1,6 +1,6 @@
+import { FieldValues } from 'react-hook-form';
 import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
-/// <reference types="react" />
-import type { FieldValues } from 'react-hook-form';
+
 export declare const TwintagForm: ForwardRefExoticComponent<{
     defaultValues?: FieldValues | undefined;
     resetOnSubmit?: boolean | undefined;

package/dist/components/provider.d.ts

@@ -0,0 +1,21 @@
+import { ParsedJsonComponent, RawJsonComponent, TwintagFormContext, InputCompConfig } from '../types';
+import { WithChildren } from 'twintag-types/dom';
+import { Context, ElementType, ReactNode } from 'react';
+
+export declare const twintagFormContext: Context<TwintagFormContext>;
+export declare const useTwintagForm: () => TwintagFormContext;
+type Components = TwintagFormContext['components'];
+type Inputs = TwintagFormContext['inputs'];
+export declare const getResetValues: (config: ParsedJsonComponent | ParsedJsonComponent[], inputs: Map<string, InputCompConfig>) => {
+    [k: string]: unknown;
+};
+export declare const TwintagFormProvider: ({ variant, size, inputs, components, config, children, }: {
+    config: RawJsonComponent | RawJsonComponent[];
+    variant: TwintagFormContext['variant'];
+    size: TwintagFormContext['size'];
+    inputs: Map<string, InputCompConfig>;
+    components: Map<string, ElementType>;
+} & {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/renderer.d.ts

@@ -0,0 +1 @@
+export declare const JsonRenderer: () => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-import type { RawJsonComponent } from './types';
+import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { RawJsonComponent } from './types';
 import { TwintagForm } from './components/form';
-import { TwintagFormProvider } from './provider';
+import { TwintagFormProvider } from './components/provider';
+
 type Props = {
     config: RawJsonComponent[];
     options?: Partial<{