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

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @twintag/twintag-form@1.3.0 build C:\Users\daryl\Desktop\twintag-projects\twintag-admin\packages\twintag-form
+> @twintag/twintag-form@1.4.0-beta.0 build C:\Users\daryl\Desktop\twintag-projects\twintag-admin\packages\twintag-form
 > tsc && vite build
 
 vite v4.4.9 building for production...
@@ -14,8 +14,8 @@ computing gzip size...
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/prettier.config.d.mts
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/dev/main.d.ts
 [vite:dts] Outside emitted: C:/Users/daryl/Desktop/twintag-projects/twintag-admin/packages/twintag-form/vite.config.d.ts
-[vite:dts] Declaration files built in 4856ms.
+[vite:dts] Declaration files built in 5005ms.
 
 dist/twintag-form.webcomponent.js  119.76 kB │ gzip:  33.52 kB
-dist/twintag-form.react.js         688.06 kB │ gzip: 139.99 kB
-✓ built in 10.47s
+dist/twintag-form.react.js         690.96 kB │ gzip: 140.50 kB
+✓ built in 12.21s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @twintag/twintag-form
 
+## 1.4.0-beta.0
+
+### Minor Changes
+
+- fix: iOS zoom in issues
+
 ## 1.3.0
 
 ### Minor Changes

package/dev/main.tsx

@@ -176,7 +176,6 @@ const options = {
     textarea: 'This is a textarea',
   },
   resetOnSubmit: true,
-  variant: 'beta',
 } as ComponentProps<typeof Form>['options'];
 
 // the key properties for the defaultValues object are the same as the bind properties

package/dist/common/button.d.ts

@@ -8,9 +8,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, string[], TVConfig<{
     variant: {
@@ -19,9 +18,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, {
     variant: {
@@ -30,9 +28,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }>, {
     variant: {
@@ -41,9 +38,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, TVReturnType<{
     variant: {
@@ -52,9 +48,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, string[], TVConfig<{
     variant: {
@@ -63,9 +58,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, {
     variant: {
@@ -74,9 +68,8 @@ declare const buttonVariants: TVReturnType<{
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }>, unknown, unknown, undefined>>;
 export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
@@ -89,9 +82,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, string[], TVConfig<{
     variant: {
@@ -100,9 +92,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, {
     variant: {
@@ -111,9 +102,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }>, {
     variant: {
@@ -122,9 +112,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, TVReturnType<{
     variant: {
@@ -133,9 +122,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, undefined, string[], TVConfig<{
     variant: {
@@ -144,9 +132,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }, {
     variant: {
@@ -155,9 +142,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
         ghost: string;
     };
     size: {
-        default: string;
         sm: string;
-        lg: string;
+        base: string;
     };
 }>, unknown, unknown, undefined>>> & {
     asChild?: boolean | undefined;

package/dist/common/calendar.d.ts

@@ -1,8 +1,216 @@
 import { JSX } from 'react/jsx-runtime';
+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';
-export type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+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): JSX.Element;
 declare namespace Calendar {
     var displayName: string;
 }

package/dist/common/form.d.ts

@@ -1,7 +1,9 @@
 import { SlotProps } from '@radix-ui/react-slot';
+import { LabelProps } from '@radix-ui/react-label';
+import { TVConfig } from 'tailwind-variants/dist/config.js';
 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 { TVReturnType, VariantProps } from 'tailwind-variants';
 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;
@@ -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 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> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+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, };