@twintag/twintag-form 0.4.1 → 0.5.0

package/.turbo/turbo-build.log

@@ -1,60 +1,16 @@
 
-> @twintag/twintag-form@0.4.1 build /home/runner/work/twintag-templates/twintag-templates/packages/twintag-form
-> tsc && node ./scripts/build.js
+> @twintag/twintag-form@0.5.0 build /home/runner/work/twintag-templates/twintag-templates/packages/twintag-form
+> tsc && vite build
 
 vite v4.3.9 building for production...
-vite v4.3.9 building for production...
-transforming...
 transforming...
-✓ 682 modules transformed.
-[plugin:typescript] @rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.
-✓ 663 modules transformed.
-[plugin:typescript] @rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.
-rendering chunks...
-computing gzip size...
+✓ 671 modules transformed.
 rendering chunks...
+
+[vite:dts] Start generate declaration files...
 computing gzip size...
-dist/index.es.js  894.05 kB │ gzip: 208.27 kB
-[plugin:typescript] @rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.
-dist/lib/webcomponent.d.ts                   0.05 kB
-dist/lib/components/index.d.ts               0.20 kB
-dist/lib/components/Input/index.d.ts         0.20 kB
-dist/lib/components/Label/index.d.ts         0.26 kB
-dist/lib/components/Form/index.d.ts          0.26 kB
-dist/lib/__stories__/Form.stories.d.ts       0.28 kB
-dist/twind.config.d.ts                       0.29 kB
-dist/lib/components/Input/file.d.ts          0.35 kB
-dist/lib/components/Input/simple.d.ts        0.36 kB
-dist/lib/components/Input/submit.d.ts        0.36 kB
-dist/lib/components/Input/toggle.d.ts        0.36 kB
-dist/lib/components/Input/textarea.d.ts      0.37 kB
-dist/lib/components/Input/checkbox.d.ts      0.37 kB
-dist/lib/components/Form/register.d.ts       0.38 kB
-dist/lib/types/index.d.ts                    0.40 kB
-dist/lib/index.d.ts                          0.42 kB
-dist/lib/components/Category/index.d.ts      0.44 kB
-dist/lib/styles.d.ts                         3.81 kB
-dist/webcomponent.es.js                  1,010.34 kB │ gzip: 240.17 kB
-[plugin:typescript] @rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.
-dist/index.umd.js  556.84 kB │ gzip: 172.38 kB
-✓ built in 19.78s
-dist/lib/webcomponent.d.ts                 0.05 kB
-dist/lib/components/index.d.ts             0.20 kB
-dist/lib/components/Input/index.d.ts       0.20 kB
-dist/lib/components/Label/index.d.ts       0.26 kB
-dist/lib/components/Form/index.d.ts        0.26 kB
-dist/lib/__stories__/Form.stories.d.ts     0.28 kB
-dist/twind.config.d.ts                     0.29 kB
-dist/lib/components/Input/file.d.ts        0.35 kB
-dist/lib/components/Input/simple.d.ts      0.36 kB
-dist/lib/components/Input/submit.d.ts      0.36 kB
-dist/lib/components/Input/toggle.d.ts      0.36 kB
-dist/lib/components/Input/textarea.d.ts    0.37 kB
-dist/lib/components/Input/checkbox.d.ts    0.37 kB
-dist/lib/components/Form/register.d.ts     0.38 kB
-dist/lib/types/index.d.ts                  0.40 kB
-dist/lib/index.d.ts                        0.42 kB
-dist/lib/components/Category/index.d.ts    0.44 kB
-dist/lib/styles.d.ts                       3.81 kB
-dist/webcomponent.umd.js                 623.01 kB │ gzip: 194.69 kB
-✓ built in 19.99s
+dist/twintag-form.webcomponent.js  117.30 kB │ gzip: 33.19 kB
+dist/twintag-form.react.js         249.06 kB │ gzip: 56.76 kB
+[vite:dts] Declaration files built in 7200ms.
+
+✓ built in 10.74s

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @twintag/twintag-form
 
+## 0.5.0
+
+### Minor Changes
+
+- b7c2725: Update
+
+  - feat: editor.
+  - fix: refinements to integrate components to editor.
+  - fix: update `twintag-json-renderer` to accept editor output format.
+  - feat: ar-demo.
+  - fix: (twintag-form) use `twintag-json-renderer`.
+
+### Patch Changes
+
+- Updated dependencies [b7c2725]
+  - @twintag/twintag-json-renderer@0.1.0
+
+## 0.4.2
+
+### Patch Changes
+
+- 6871c37: Update documentation
+
 ## 0.4.1
 
 ### Patch Changes

package/README.md

@@ -210,8 +210,12 @@ The `submit` input is a submit input.
 
 The form component exposes the following CSS variables:
 
-| Variable      | Description              |
-| ------------- | ------------------------ |
-| `--clr-label` | Color of the labels.     |
-| `--clr-input` | Color of the inputs.     |
-| `--ff-text`   | Font family of the text. |
+| Variable               | Description                   |
+| ---------------------- | ----------------------------- |
+| `--clr-primary`        | Primary color of the form.    |
+| `--clr-accent`         | Accent color of the form.     |
+| `--clr-label`          | Color of the labels.          |
+| `--clr-input`          | Color of the inputs.          |
+| `--clr-placeholder`    | Color of the placeholders.    |
+| `--clr-category-label` | Color of the category labels. |
+| `--ff-text`            | Font family of the text.      |

package/dist/components/Category/__styles.d.ts

@@ -0,0 +1,19 @@
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { TVReturnType } from 'tailwind-variants';
+export declare const categoryStyle: TVReturnType<{
+    variant: {};
+}, {
+    container: string;
+    span: string;
+    items: string;
+}, undefined, TVConfig<{
+    variant: {};
+}, {
+    variant: {};
+}>, {
+    variant: {};
+}, {
+    container: string;
+    span: string;
+    items: string;
+}>;

package/dist/{lib/components → components}/Category/index.d.ts

@@ -1,9 +1,8 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
 import type { WithChildren } from 'twintag-types/dom';
-import type { CommonProps } from '@twintag-form/types';
-import { categoryStyle } from '@twintag-form/styles';
+import type { CommonProps } from '../Input/__props';
+import { categoryStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof categoryStyle>['variant']> & WithChildren;
 declare const Category: FC<Props>;
 export default Category;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Form/index.d.ts

@@ -0,0 +1,12 @@
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+/// <reference types="react" />
+declare const Form: ForwardRefExoticComponent<{
+    options?: {
+        resetOnSubmit?: boolean | undefined;
+    } | undefined;
+} & {
+    children?: ReactNode;
+} & RefAttributes<{
+    validate: () => void;
+}>>;
+export default Form;

package/dist/{lib/types/index.d.ts → components/Input/__props.d.ts}

@@ -1,11 +1,6 @@
-import type { UseFormRegister, Control } from 'react-hook-form';
 export type CommonProps<TVariant> = {
     label: string;
     bind: string;
-    useForm?: {
-        register: UseFormRegister<any>;
-        control: Control;
-    };
     checked?: boolean;
     options?: {
         variant?: TVariant;
@@ -13,4 +8,3 @@ export type CommonProps<TVariant> = {
         optionalField?: boolean;
     };
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/__styles.d.ts

@@ -0,0 +1,245 @@
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { TVReturnType, TVVariantsDefault, ClassValue, SlotsClassValue } from 'tailwind-variants';
+export declare const labelStyle: TVReturnType<TVVariantsDefault<undefined, "text-label"> | {
+    [x: string]: {
+        [x: string]: ClassValue | SlotsClassValue<undefined, "text-label">;
+    } | undefined;
+} | {}, undefined, "text-label", TVConfig<unknown, TVVariantsDefault<undefined, "text-label"> | {}>, TVVariantsDefault<undefined, "text-label"> | {}, undefined>;
+export declare const containerStyle: TVReturnType<TVVariantsDefault<undefined, ""> | {
+    [x: string]: {
+        [x: string]: ClassValue | SlotsClassValue<undefined, "">;
+    } | undefined;
+} | {}, undefined, "", TVConfig<unknown, TVVariantsDefault<undefined, ""> | {}>, TVVariantsDefault<undefined, ""> | {}, undefined>;
+export declare const checkboxStyle: TVReturnType<{
+    variant: {
+        alpha: {
+            checkbox: string;
+        };
+        beta: {
+            checkbox: string;
+        };
+    };
+}, {
+    container: string;
+    checkbox: string;
+}, undefined, TVConfig<{
+    variant: {
+        alpha: {
+            checkbox: string;
+        };
+        beta: {
+            checkbox: string;
+        };
+    };
+}, {
+    variant: {
+        alpha: {
+            checkbox: string;
+        };
+        beta: {
+            checkbox: string;
+        };
+    };
+}>, {
+    variant: {
+        alpha: {
+            checkbox: string;
+        };
+        beta: {
+            checkbox: string;
+        };
+    };
+}, {
+    container: string;
+    checkbox: string;
+}>;
+export declare const fileStyle: TVReturnType<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+}, undefined, TVConfig<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}>, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+}>;
+export declare const simpleStyle: TVReturnType<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+}, undefined, TVConfig<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}>, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+}>;
+export declare const toggleStyle: TVReturnType<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+    thumb: string;
+}, undefined, TVConfig<{
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+    };
+}, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+    };
+}>, {
+    variant: {
+        alpha: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+        beta: {
+            container: string;
+            input: string;
+            thumb: string;
+        };
+    };
+}, {
+    container: string;
+    span: string;
+    input: string;
+    thumb: string;
+}>;
+export declare const submitStyle: TVReturnType<{
+    variant: {
+        alpha: "bg-primary text-white px-4 py-2 rounded-md";
+        beta: "bg-primary text-white px-4 py-2";
+    };
+}, undefined, "w-max max-w-full mt-2", TVConfig<{
+    variant: {
+        alpha: "bg-primary text-white px-4 py-2 rounded-md";
+        beta: "bg-primary text-white px-4 py-2";
+    };
+}, {
+    variant: {
+        alpha: "bg-primary text-white px-4 py-2 rounded-md";
+        beta: "bg-primary text-white px-4 py-2";
+    };
+}>, {
+    variant: {
+        alpha: "bg-primary text-white px-4 py-2 rounded-md";
+        beta: "bg-primary text-white px-4 py-2";
+    };
+}, undefined>;

package/dist/{lib/components → components}/Input/checkbox.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { checkboxStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { checkboxStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof checkboxStyle>['variant']>;
 declare const Checkbox: FC<Props>;
 export default Checkbox;
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/{lib/components → components}/Input/file.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { fileStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { fileStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof fileStyle>['variant']>;
 declare const File: FC<Props>;
 export default File;
-//# sourceMappingURL=file.d.ts.map

package/dist/{lib/components → components}/Input/index.d.ts

@@ -6,4 +6,3 @@ type Props = {
 };
 declare const Input: FC<Props>;
 export default Input;
-//# sourceMappingURL=index.d.ts.map

package/dist/{lib/components → components}/Input/simple.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { simpleStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { simpleStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof simpleStyle>['variant']>;
 declare const Simple: FC<Props>;
 export default Simple;
-//# sourceMappingURL=simple.d.ts.map

package/dist/{lib/components → components}/Input/submit.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { submitStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { submitStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof submitStyle>['variant']>;
 declare const Submit: FC<Props>;
 export default Submit;
-//# sourceMappingURL=submit.d.ts.map

package/dist/{lib/components → components}/Input/textarea.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { simpleStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { simpleStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof simpleStyle>['variant']>;
 declare const Textarea: FC<Props>;
 export default Textarea;
-//# sourceMappingURL=textarea.d.ts.map

package/dist/{lib/components → components}/Input/toggle.d.ts

@@ -1,8 +1,7 @@
 import type { FC } from 'react';
 import type { VariantProps } from 'tailwind-variants';
-import type { CommonProps } from '@twintag-form/types';
-import { toggleStyle } from '@twintag-form/styles';
+import { type CommonProps } from './__props';
+import { toggleStyle } from './__styles';
 type Props = CommonProps<VariantProps<typeof toggleStyle>['variant']>;
 declare const Toggle: FC<Props>;
 export default Toggle;
-//# sourceMappingURL=toggle.d.ts.map

package/dist/{lib/components → components}/Label/index.d.ts

@@ -6,4 +6,3 @@ type Props = {
 } & WithChildren;
 declare const Label: FC<Props>;
 export default Label;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Form } from './Form';
+export { default as Input } from './Input';
+export { default as Label } from './Label';
+export { default as Category } from './Category';

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import type { RawJsonComponent } from '@twintag/twintag-json-renderer/types';
+type Props = {
+    config: RawJsonComponent[];
+    options?: {
+        variant?: string;
+        resetOnSubmit?: boolean;
+    };
+};
+export declare const TwintagForm: ForwardRefExoticComponent<Props & RefAttributes<{
+    validate: () => void;
+}>>;
+export {};

package/dist/react.d.ts

@@ -0,0 +1 @@
+export * from './index'