@twintag/twintag-form 0.4.2 → 0.6.0

package/.eslintrc.cjs

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: ["custom"],
+  extends: ['custom'],
 };

package/.turbo/turbo-build.log

@@ -1,60 +1,16 @@
 
-> @twintag/twintag-form@0.4.2 build /home/runner/work/twintag-templates/twintag-templates/packages/twintag-form
-> tsc && node ./scripts/build.js
+> @twintag/twintag-form@0.6.0 build /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form
+> tsc && vite build
 
-vite v4.3.9 building for production...
-vite v4.3.9 building for production...
+vite v4.4.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...
-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.
+✓ 371 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.umd.js                 623.01 kB │ gzip: 194.69 kB
-✓ built in 17.10s
-dist/index.umd.js  556.84 kB │ gzip: 172.38 kB
-✓ built in 17.26s
+dist/twintag-form.webcomponent.js  117.37 kB │ gzip: 33.23 kB
+dist/twintag-form.react.js         252.53 kB │ gzip: 57.84 kB
+[vite:dts] Declaration files built in 4472ms.
+
+✓ built in 6.78s

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @twintag/twintag-form
 
+## 0.6.0
+
+### Minor Changes
+
+- 04036a0: fix: styles update and code clean-up
+
+### Patch Changes
+
+- Updated dependencies [04036a0]
+  - @twintag/twintag-json-renderer@0.2.0
+
+## 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

package/README.md

@@ -210,12 +210,12 @@ The `submit` input is a submit input.
 
 The form component exposes the following CSS variables:
 
-| 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. |
+| 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,29 @@
+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;
+}, TVReturnType<{
+    variant: {};
+}, {
+    container: string;
+    span: string;
+    items: string;
+}, undefined, TVConfig<{
+    variant: {};
+}, {
+    variant: {};
+}>, unknown, unknown, undefined>>;

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) | undefined;
+}>>;
+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,460 @@
+import { TVConfig } from 'tailwind-variants/dist/config.js';
+import { TVReturnType, ClassValue } from 'tailwind-variants';
+export declare const labelStyle: TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "text-label", TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}, undefined, TVReturnType<unknown, undefined, "text-label", TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const containerStyle: TVReturnType<{
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "", TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}, undefined, TVReturnType<unknown, undefined, "", TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: ClassValue | {
+            base?: ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, 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;
+}, 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;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+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;
+}, 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;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+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;
+}, 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;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+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;
+}, 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;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export declare const submitStyle: TVReturnType<{
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}, undefined, "mt-2 w-max max-w-full", TVConfig<{
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}, {
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}>, {
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}, undefined, TVReturnType<{
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}, undefined, "mt-2 w-max max-w-full", TVConfig<{
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}, {
+    variant: {
+        alpha: string;
+        beta: string;
+    };
+}>, unknown, unknown, 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