@trackunit/react-form-components 2.6.75-alpha-55a192f4ee4.0 → 2.6.76-alpha-15da733192f.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "2.6.75-alpha-55a192f4ee4.0",
+  "version": "2.6.76-alpha-15da733192f.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -10,17 +10,17 @@
   "dependencies": {
     "react-calendar": "^6.0.0",
     "react-select": "^5.10.2",
-    "@trackunit/date-and-time-utils": "1.14.46-alpha-55a192f4ee4.0",
+    "@trackunit/date-and-time-utils": "1.14.47-alpha-15da733192f.0",
     "usehooks-ts": "^3.1.0",
     "libphonenumber-js": "^1.13.11",
     "zod": "^3.25.76",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "2.0.15-alpha-55a192f4ee4.0",
-    "@trackunit/react-components": "2.13.27-alpha-55a192f4ee4.0",
-    "@trackunit/ui-icons": "1.14.44-alpha-55a192f4ee4.0",
-    "@trackunit/shared-utils": "1.16.50-alpha-55a192f4ee4.0",
-    "@trackunit/ui-design-tokens": "1.15.35-alpha-55a192f4ee4.0",
-    "@trackunit/i18n-library-translation": "2.4.65-alpha-55a192f4ee4.0",
+    "@trackunit/css-class-variance-utilities": "2.0.16-alpha-15da733192f.0",
+    "@trackunit/react-components": "2.13.28-alpha-15da733192f.0",
+    "@trackunit/ui-icons": "1.14.45-alpha-15da733192f.0",
+    "@trackunit/shared-utils": "1.16.51-alpha-15da733192f.0",
+    "@trackunit/ui-design-tokens": "1.15.36-alpha-15da733192f.0",
+    "@trackunit/i18n-library-translation": "2.4.66-alpha-15da733192f.0",
     "string-ts": "^2.0.0",
     "es-toolkit": "^1.39.10"
   },

package/src/components/BaseInput/components/AddonRenderer.d.ts

@@ -12,5 +12,5 @@ type AddonRendererProps = {
 /**
  * Renders the addon element if provided
  */
-export declare const AddonRenderer: ({ addon, "data-testid": dataTestId, className, fieldSize, position, }: AddonRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AddonRenderer: ({ addon, "data-testid": dataTestId, className, fieldSize, position, }: AddonRendererProps) => import("react").JSX.Element | null;
 export {};

package/src/components/BaseInput/components/GenericActionsRenderer.d.ts

@@ -11,5 +11,5 @@ type GenericActionsRendererProps = {
 /**
  *
  */
-export declare const GenericActionsRenderer: ({ genericAction, disabled, fieldSize, innerRef, tooltipLabel, }: GenericActionsRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const GenericActionsRenderer: ({ genericAction, disabled, fieldSize, innerRef, tooltipLabel, }: GenericActionsRendererProps) => import("react").JSX.Element | null;
 export {};

package/src/components/BaseInput/components/LockReasonRenderer.d.ts

@@ -2,4 +2,4 @@ import { LockedForReasons } from "../InputLockReasonTooltip";
 export declare const LockReasonRenderer: ({ lockReason, "data-testid": dataTestId, }: {
     lockReason?: LockedForReasons | boolean;
     "data-testid"?: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;

package/src/components/BaseInput/components/PrefixRenderer.d.ts

@@ -9,5 +9,5 @@ type PrefixRendererProps = Refable<HTMLDivElement> & {
 /**
  * Renders the prefix element or falls back to a default prefix for certain types.
  */
-export declare const PrefixRenderer: ({ prefix, type, "data-testid": dataTestId, disabled, ref }: PrefixRendererProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PrefixRenderer: ({ prefix, type, "data-testid": dataTestId, disabled, ref }: PrefixRendererProps) => import("react").JSX.Element | null;
 export {};

package/src/components/BaseInput/components/SuffixRenderer.d.ts

@@ -5,4 +5,4 @@ export declare const SuffixRenderer: ({ suffix, isInvalid, isWarning, "data-test
     isWarning?: boolean;
     "data-testid"?: string;
     disabled: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;

package/src/components/Checkbox/CheckIcon.d.ts

@@ -6,5 +6,5 @@ type CheckIconProps = CommonProps;
  * @param {CheckIconProps} props - The props for the CheckIcon component
  * @returns {ReactElement} CheckIcon component
  */
-export declare const CheckIcon: ({ className, "data-testid": dataTestId }: CheckIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: ({ className, "data-testid": dataTestId }: CheckIconProps) => import("react").JSX.Element;
 export {};

package/src/components/Checkbox/IndeterminateIcon.d.ts

@@ -6,4 +6,4 @@
  */
 export declare const IndeterminateIcon: ({ className }: {
     className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

package/src/components/CheckboxField/CheckboxField.d.ts

@@ -40,7 +40,7 @@ export interface CheckboxFieldProps extends CheckboxProps, FormGroupExposedProps
  * @param {CheckboxFieldProps} props - The props for the CheckboxField component
  */
 export declare const CheckboxField: {
-    ({ label, id, tip, helpText, helpAddon, isInvalid, className, checked, "data-testid": dataTestId, checkboxLabel, onChange, ref, disabled, readOnly, required, ...rest }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, helpAddon, isInvalid, className, checked, "data-testid": dataTestId, checkboxLabel, onChange, ref, disabled, readOnly, required, ...rest }: CheckboxFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/ColorField/ColorField.d.ts

@@ -54,7 +54,7 @@ export interface ColorFieldProps extends FormGroupExposedProps, ColorFieldBaseIn
  * ```
  */
 export declare const ColorField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, value: propValue, onChange, isInvalid, onBlur, fieldSize, style, disabled, readOnly, isWarning, inputClassName, ref, required, ...inputProps }: ColorFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, value: propValue, onChange, isInvalid, onBlur, fieldSize, style, disabled, readOnly, isWarning, inputClassName, ref, required, ...inputProps }: ColorFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/DropZone/DropZoneDefaultLabel.d.ts

@@ -2,4 +2,4 @@
  *
  * Default UX-intuitive label for the DropZone - can be overwritten by the label prop
  */
-export declare const DropZoneDefaultLabel: () => import("react/jsx-runtime").JSX.Element;
+export declare const DropZoneDefaultLabel: () => import("react").JSX.Element;

package/src/components/EmailField/EmailField.d.ts

@@ -57,7 +57,7 @@ export interface EmailFieldProps extends FormGroupExposedProps, BaseInputProps {
  * ```
  */
 export declare const EmailField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, value, onChange, onBlur, isInvalid, ref, required, ...rest }: EmailFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, value, onChange, onBlur, isInvalid, ref, required, ...rest }: EmailFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/NumberField/NumberBaseInput/NumberBaseInput.d.ts

@@ -5,4 +5,4 @@ export type NumberBaseInputProps = Omit<BaseInputProps, "type">;
  *
  * NOTE: If shown with a label, please use the `NumberField` component instead.
  */
-export declare const NumberBaseInput: ({ ref, ...rest }: NumberBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberBaseInput: ({ ref, ...rest }: NumberBaseInputProps) => import("react").JSX.Element;

package/src/components/NumberField/NumberField.d.ts

@@ -59,7 +59,7 @@ export interface NumberFieldProps extends NumberBaseInputProps, FormGroupExposed
  * ```
  */
 export declare const NumberField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, isWarning, maxLength, className, value, "data-testid": dataTestId, defaultValue, onBlur, onChange, ref, required, ...rest }: NumberFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, isInvalid, isWarning, maxLength, className, value, "data-testid": dataTestId, defaultValue, onBlur, onChange, ref, required, ...rest }: NumberFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/OptionCard/OptionCard.d.ts

@@ -42,7 +42,7 @@ interface CustomImage {
  * A card version of a radio button that includes an icon, headings and a description.
  */
 export declare const OptionCard: {
-    ({ icon, heading, subheading, description, disabled, id, value, className, contentClassName, "data-testid": dataTestId, customImage, layout, ref, tagProps, ...rest }: OptionCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ icon, heading, subheading, description, disabled, id, value, className, contentClassName, "data-testid": dataTestId, customImage, layout, ref, tagProps, ...rest }: OptionCardProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/PasswordField/PasswordBaseInput/PasswordBaseInput.d.ts

@@ -8,5 +8,5 @@ export interface PasswordBaseInputProps extends BaseInputExposedProps {
  *
  * NOTE: If shown with a label, please use the `PasswordField` component instead.
  */
-export declare const PasswordBaseInput: ({ ref, fieldSize, ...rest }: PasswordBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PasswordBaseInput: ({ ref, fieldSize, ...rest }: PasswordBaseInputProps) => import("react").JSX.Element;
 export {};

package/src/components/PasswordField/PasswordField.d.ts

@@ -64,7 +64,7 @@ export interface PasswordFieldProps extends Omit<PasswordBaseInputProps, "obfusc
  * ```
  */
 export declare const PasswordField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, required, ...rest }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, required, ...rest }: PasswordFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/PhoneField/PhoneField.d.ts

@@ -56,7 +56,7 @@ export interface PhoneFieldProps extends FormGroupExposedProps, PhoneBaseInputPr
  * ```
  */
 export declare const PhoneField: {
-    ({ label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, "data-testid": dataTestId, name, onBlur, ref, required, ...rest }: PhoneFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, isInvalid, errorMessage, value, helpAddon, className, defaultValue, "data-testid": dataTestId, name, onBlur, ref, required, ...rest }: PhoneFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/PhoneFieldWithController/PhoneFieldWithController.d.ts

@@ -44,6 +44,6 @@ export interface PhoneFieldWithControllerProps extends PhoneFieldProps {
  * @param {PhoneFieldWithControllerProps} props - The props for the PhoneFieldWithController component
  */
 export declare const PhoneFieldWithController: {
-    ({ control, controllerProps, name, value, ref, ...rest }: PhoneFieldWithControllerProps): import("react/jsx-runtime").JSX.Element;
+    ({ control, controllerProps, name, value, ref, ...rest }: PhoneFieldWithControllerProps): import("react").JSX.Element;
     displayName: string;
 };

package/src/components/Schedule/Schedule.d.ts

@@ -72,4 +72,4 @@ export interface ScheduleProps extends CommonProps, Refable<HTMLDivElement>, Sty
  * @param {ScheduleProps} props - The props for the Schedule component
  * @returns {ReactElement} Schedule component
  */
-export declare const Schedule: ({ className, "data-testid": dataTestId, schedule, onChange, invalidKeys, style, ref, }: ScheduleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Schedule: ({ className, "data-testid": dataTestId, schedule, onChange, invalidKeys, style, ref, }: ScheduleProps) => import("react").JSX.Element;

package/src/components/TextAreaField/TextArea/TextAreaBaseInput.d.ts

@@ -26,5 +26,5 @@ export interface TextAreaBaseInputProps extends FilteredInputProps, CommonProps,
  * The TextArea is a base component, and should not be used very often.
  * For most cases the TextAreaField is the correct component.
  */
-export declare const TextAreaBaseInput: ({ id, name, value, rows, disabled, placeholder, readOnly, tabIndex, onChange, onFocus, onBlur, maxLength, resize, defaultValue, required, "data-testid": dataTestId, isInvalid, className, ref, ...rest }: TextAreaBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextAreaBaseInput: ({ id, name, value, rows, disabled, placeholder, readOnly, tabIndex, onChange, onFocus, onBlur, maxLength, resize, defaultValue, required, "data-testid": dataTestId, isInvalid, className, ref, ...rest }: TextAreaBaseInputProps) => import("react").JSX.Element;
 export {};

package/src/components/TextAreaField/TextAreaField.d.ts

@@ -66,7 +66,7 @@ export interface TextAreaFieldProps extends TextAreaBaseInputProps, FormGroupExp
  * @returns {ReactElement} TextAreaField component
  */
 export declare const TextAreaField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, disabled, readOnly, required, ...rest }: TextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, ref, disabled, readOnly, required, ...rest }: TextAreaFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/TextField/TextBaseInput/TextBaseInput.d.ts

@@ -5,4 +5,4 @@ export type TextBaseInputProps = Omit<BaseInputProps, "type">;
  *
  * NOTE: If shown with a label, please use the `TextField` component instead.
  */
-export declare const TextBaseInput: ({ ref, ...rest }: TextBaseInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBaseInput: ({ ref, ...rest }: TextBaseInputProps) => import("react").JSX.Element;

package/src/components/TextField/TextField.d.ts

@@ -71,7 +71,7 @@ export interface TextFieldProps extends TextBaseInputProps, FormGroupExposedProp
  * ```
  */
 export declare const TextField: {
-    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, isWarning, ref, required, ...rest }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, tip, helpText, helpAddon, errorMessage, isInvalid, maxLength, onChange, className, value, "data-testid": dataTestId, isWarning, ref, required, ...rest }: TextFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/TextField/TextLengthIndicator.d.ts

@@ -15,4 +15,4 @@ export interface TextLengthIndicatorProps {
  * @param {TextLengthIndicatorProps} props - The props for the TextLengthIndicator component
  * @returns {ReactElement} TextLengthIndicator component
  */
-export declare const TextLengthIndicator: ({ length, maxLength }: TextLengthIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextLengthIndicator: ({ length, maxLength }: TextLengthIndicatorProps) => import("react").JSX.Element;

package/src/components/TimeRange/TimeRange.d.ts

@@ -67,5 +67,5 @@ export interface TimeRangeProps extends CommonProps, Refable<HTMLDivElement>, St
  * @param {TimeRangeProps} props - The props for the TimeRange component
  * @returns {ReactElement} TimeRange component
  */
-export declare const TimeRange: ({ id, className, "data-testid": dataTestId, children, range, onChange, disabled, isInvalid, style, ref, }: TimeRangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimeRange: ({ id, className, "data-testid": dataTestId, children, range, onChange, disabled, isInvalid, style, ref, }: TimeRangeProps) => import("react").JSX.Element;
 export declare const DEFAULT_TIME = "12:00";

package/src/components/TimeRangeField/TimeRangeField.d.ts

@@ -47,5 +47,5 @@ export interface TimeRangeFieldProps extends TimeRangeProps, FormGroupExposedPro
  * @param {TimeRangeFieldProps} props - The props for the TimeRangeField component
  * @returns {ReactElement} TimeRangeField component
  */
-export declare const TimeRangeField: ({ className, "data-testid": dataTestId, onChange, isInvalid, errorMessage, label, tip, children, helpText, id, style, ref, ...rest }: TimeRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimeRangeField: ({ className, "data-testid": dataTestId, onChange, isInvalid, errorMessage, label, tip, children, helpText, id, style, ref, ...rest }: TimeRangeFieldProps) => import("react").JSX.Element;
 export {};

package/src/components/UploadField/UploadField.d.ts

@@ -57,7 +57,7 @@ export interface UploadFieldProps extends UploadInputProps, FormGroupExposedProp
  * ```
  */
 export declare const UploadField: {
-    ({ label, id, tip, helpText, errorMessage, isInvalid, className, value, "data-testid": dataTestId, ref, disabled, required, ...rest }: UploadFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, isInvalid, className, value, "data-testid": dataTestId, ref, disabled, required, ...rest }: UploadFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/UploadInput/UploadInput.d.ts

@@ -50,7 +50,7 @@ export interface UploadInputProps extends BaseInputExposedProps, CommonProps {
  * @param {UploadInputProps} props - The props for the UploadInput component
  */
 export declare const UploadInput: {
-    ({ disabled, acceptedTypes, nonInteractive, uploadLabel, multipleFiles, ref, ...rest }: UploadInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ disabled, acceptedTypes, nonInteractive, uploadLabel, multipleFiles, ref, ...rest }: UploadInputProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/components/UrlField/UrlField.d.ts

@@ -57,7 +57,7 @@ export interface UrlFieldProps extends FormGroupExposedProps, UrlBaseInputProps
  * ```
  */
 export declare const UrlField: {
-    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, isInvalid, value, onBlur, ref, required, ...rest }: UrlFieldProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, id, tip, helpText, errorMessage, helpAddon, className, defaultValue, "data-testid": dataTestId, isInvalid, value, onBlur, ref, required, ...rest }: UrlFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

package/src/translation.d.ts

@@ -26,7 +26,7 @@ export type TranslationFunction = TransForLibs<TranslationKeys>;
 /**
  * Trans for this specific library.
  */
-export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react/jsx-runtime").JSX.Element;
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react").JSX.Element;
 /**
  * Registers the translations for this library
  */