@twintag/twintag-form 1.7.4 → 1.7.7

package/AGENTS.md

@@ -0,0 +1,19 @@
+# @twintag/twintag-form
+
+Read this before changing anything in this package. It is **the only package in this workspace that is published to npm**, and it has zero internal consumers, so every caller is outside this repository and none of them is visible from here.
+
+That inverts how a change is judged everywhere else in the monorepo. There is no workspace search that finds a caller, no consumer to update in the same commit, and no build that fails when you break someone. A change that looks safe because nothing in the repository references it is exactly the dangerous case.
+
+Treat the entire public surface as frozen unless a maintainer has explicitly approved a versioned change. Full reference, including the consumer list reasoning, is in [the package concept](../../.agents/docs/packages/twintag-form.md); the API itself is documented in [`README.md`](./README.md), which is what callers read.
+
+## Frozen without approval
+
+- **The `exports` map** — the root entry and `./webcomponent`.
+- **The config object** a caller passes: parameters, options, inputs, subtypes, containers.
+- **Event names.** A caller binds to them without importing anything, so a rename is undetectable until it reaches production.
+- **CSS class names.** Callers style against them from outside the bundle.
+- **Framework independence.** The package works without a framework, which is the reason it exists separately. Adding a React or Vue dependency to its runtime path removes that.
+
+## Releasing
+
+The root `release` script builds this package and runs `changeset publish`. A change here needs a changeset like any other, but the version bump is a real published version rather than an internal one, so an agent authoring `patch` cannot author the change that warrants `minor`. Escalate instead.

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @twintag/twintag-form
 
+## 1.7.7
+
+### Patch Changes
+
+- [#643](https://github.com/esoptra/twintag-admin/pull/643) [`2b26ed0`](https://github.com/esoptra/twintag-admin/commit/2b26ed0110f1c1f8164b02150b0a003869f6d955) Thanks [@leweyse](https://github.com/leweyse)! - chore(deps): update react to 19.3
+
+  A dialog or menu no longer stays on screen after the view that opened it goes away ([facebook/react#35091](https://github.com/facebook/react/pull/35091)).
+
+## 1.7.6
+
+### Patch Changes
+
+- [#625](https://github.com/esoptra/twintag-admin/pull/625) [`3d1fba4`](https://github.com/esoptra/twintag-admin/commit/3d1fba4bf23493b9b39f4ad3a290ff0cdba9fc9f) Thanks [@leweyse](https://github.com/leweyse)! - chore: typescript@7.0 + bump deps
+
+## 1.7.5
+
+### Patch Changes
+
+- [#524](https://github.com/esoptra/twintag-admin/pull/524) [`7a14c51`](https://github.com/esoptra/twintag-admin/commit/7a14c51ddd3bec55078809477288405f68085664) Thanks [@leweyse](https://github.com/leweyse)! - chore: move `react` to `peerDependencies`
+
 ## 1.7.4
 
 ### Patch Changes

package/lib/common/calendar.tsx

@@ -49,7 +49,7 @@ const calendarVariants = tv({
         caption_label: 'hidden',
         caption_dropdowns: [
           'flex w-4/6 justify-center gap-1',
-          '[&>*>span]:hidden [&>*]:flex-1 [&>.rdp-vhidden]:hidden ',
+          '[&>*>span]:hidden [&>*]:flex-1 [&>.rdp-vhidden]:hidden',
           '[&>*>select]:h-7 [&>*>select]:min-w-[3.6rem] [&>*>select]:rounded-tf-md [&>*>select]:border [&>*>select]:border-tf-input [&>*>select]:bg-tf-background [&>*>select]:px-1',
           '[&>*>select]:ring-offset-tf-background [&>*>select]:focus-visible:outline-none [&>*>select]:focus-visible:ring-1 [&>*>select]:focus-visible:ring-tf-ring',
         ],

package/lib/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twintag/twintag-form",
-  "version": "1.7.4",
+  "version": "1.7.7",
   "author": "Twintag",
   "type": "module",
   "exports": {
@@ -34,13 +34,16 @@
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
     "lucide-react": "0.543.0",
-    "react": "^19.2.7",
     "react-day-picker": "^8.10.2",
-    "react-dom": "^19.2.7",
     "react-hook-form": "^7.80.0",
     "tailwind-merge": "^2.6.1",
+    "tailwind-variants": "^3.3.1",
     "uuid": "^11.1.1"
   },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },

package/tsconfig.json

@@ -11,7 +11,6 @@
   ],
   "exclude": ["dist", "build", "node_modules", "prettier.config.mjs"],
   "compilerOptions": {
-    "baseUrl": ".",
     "paths": {
       "@twintag/twintag-form/*": ["./lib/*"]
     },

package/vite.config.ts

@@ -1,6 +1,6 @@
 import { fileURLToPath } from 'node:url';
 
-import react from '@vitejs/plugin-react-swc';
+import react from '@vitejs/plugin-react';
 import { dirname, resolve } from 'pathe';
 import dts from 'unplugin-dts/vite';
 import { defineConfig } from 'vite';

package/.turbo/turbo-build.log

@@ -1,15 +0,0 @@
-$ tsc && vite build
-vite v7.3.5 building client environment for production...
-transforming...
-✓ 57 modules transformed.
-rendering chunks...
-
-[unplugin:dts] Start generate declaration files...
-computing gzip size...
-dist/webcomponent.js   30.19 kB │ gzip:  5.67 kB
-dist/index.js         126.49 kB │ gzip: 26.38 kB
-[unplugin:dts] Declaration files built in 7059ms.
-
-dist/webcomponent.cjs  18.98 kB │ gzip:  5.13 kB
-dist/index.cjs         87.62 kB │ gzip: 22.14 kB
-✓ built in 7.83s

package/dist/common/accordion.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/common/button.d.ts

@@ -1,70 +0,0 @@
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import * as React from 'react';
-declare const buttonVariants: TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], {
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-};
-declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps< TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], {
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-        ghost: string;
-    };
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };

package/dist/common/calendar.d.ts

@@ -1,139 +0,0 @@
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import { DayPicker } from 'react-day-picker';
-import type * as React from 'react';
-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, {
-    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, unknown, unknown, undefined>>;
-export type CalendarProps = React.ComponentProps<typeof DayPicker> & VariantProps<typeof calendarVariants>;
-declare function Calendar({ size, className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-export { Calendar };

package/dist/common/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox };

package/dist/common/form.d.ts

@@ -1,86 +0,0 @@
-import { ControllerProps, FieldPath, FieldValues, FormProviderProps, FieldError } from 'react-hook-form';
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import { LabelProps } from '@radix-ui/react-label';
-import * as React from 'react';
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps< TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-}, undefined, "", {
-    variant: {
-        default: string;
-        outline: string;
-    };
-}, undefined, TVReturnType<{
-    variant: {
-        default: string;
-        outline: string;
-    };
-}, undefined, "", 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[], {
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & VariantProps< TVReturnType<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, "text-tf-muted-foreground", {
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, "text-tf-muted-foreground", 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-tf-destructive", {
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, "font-medium text-tf-destructive", unknown, unknown, undefined>>> & React.RefAttributes<HTMLParagraphElement>>;
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/common/icon.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    name: string;
-    className?: string;
-};
-export declare const Icon: FC<Props>;
-export {};

package/dist/common/input.d.ts

@@ -1,132 +0,0 @@
-import { VariantProps, TVReturnType } from 'tailwind-variants';
-import * as React from 'react';
-declare const inputVariants: TVReturnType<{
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, undefined, {
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, TVReturnType<{
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, undefined, 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<{
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, undefined, {
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, TVReturnType<{
-    variant: {
-        default: {
-            input: string;
-        };
-        outline: {
-            root: string;
-            input: string;
-        };
-    };
-    size: {
-        sm: {
-            input: string;
-        };
-        base: {
-            input: string;
-        };
-    };
-}, {
-    root: string;
-    input: string[];
-}, undefined, unknown, unknown, undefined>>> & React.RefAttributes<HTMLInputElement>>;
-export { Input };

package/dist/common/label.d.ts

@@ -1,20 +0,0 @@
-import { VariantProps, TVReturnType } 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<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], {
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, TVReturnType<{
-    size: {
-        sm: string;
-        base: string;
-    };
-}, undefined, string[], unknown, unknown, undefined>>> & React.RefAttributes<HTMLLabelElement>>;
-export { Label };

package/dist/common/popover.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverContent, PopoverTrigger };

package/dist/common/radiogroup.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem };

package/dist/common/slider.d.ts

@@ -1,4 +0,0 @@
-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/switch.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Switch };