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

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

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 { ComponentConfig } from '../types';
+
+export declare const Inputs: Map<string, ComponentConfig>;
 export declare const Containers: Map<string, ElementType>;
 export declare const components: Map<string, ElementType>;

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

@@ -1,5 +1,6 @@
-import type { WithChildren } from 'twintag-types/dom';
-import { type FC } from 'react';
+import { WithChildren } from 'twintag-types/dom';
+import { FC } from 'react';
+
 type AccordionProps = {
     subtype?: 'item' | 'multiple' | 'single';
     label?: string;

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';
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_CHECKBOX_VALUE = false;
 export declare const Checkbox: FC<Props>;

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 DEFAULT_DATE_PICKER_VALUE: null;
 export declare const DatePicker: React.FC<Props>;

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

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

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

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

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

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

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';
+import { FC } from 'react';
+import { Props } from '../../types';
+
+export declare const DEFAULT_TEXTAREA_VALUE = "";
 export declare const Textarea: FC<Props>;

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

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

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>;

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 { RawJsonComponent, TwintagFormContext, ComponentConfig } 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: RawJsonComponent | RawJsonComponent[], inputs: Map<string, ComponentConfig>) => {
+    [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, ComponentConfig>;
+    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,12 +1,14 @@
-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<{
         defaultValues?: ComponentProps<typeof TwintagForm>['defaultValues'];
         variant?: ComponentProps<typeof TwintagFormProvider>['variant'];
+        size?: ComponentProps<typeof TwintagFormProvider>['size'];
         resetOnSubmit?: boolean;
     }>;
 };