@prokodo/ui 0.0.37 → 0.0.39

package/dist/types/components/datePicker/DatePicker.server.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerProps } from "./DatePicker.model";
+import type { FC } from "react";
+declare const DatePickerServer: FC<DatePickerProps>;
+export default DatePickerServer;

package/dist/types/components/datePicker/DatePicker.view.d.ts

@@ -0,0 +1,7 @@
+import type { DatePickerProps } from "./DatePicker.model";
+import type { ChangeEvent, JSX } from "react";
+export declare function DatePickerView({ name, label, value, helperText, errorText, format, placeholder, minDate, maxDate, ...rest }: DatePickerProps & {
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}): JSX.Element;

package/dist/types/components/dialog/Dialog.client.d.ts

@@ -0,0 +1,3 @@
+import type { DialogRef, DialogProps } from './Dialog.model';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<DialogProps, "ref"> & import("react").RefAttributes<DialogRef>>;
+export default _default;

package/dist/types/components/dialog/Dialog.d.ts

@@ -1,3 +1,7 @@
-import { type FC } from "react";
-import type { DialogProps } from "./Dialog.model";
-export declare const Dialog: FC<DialogProps>;
+export declare const Dialog: import("react").ComponentType<Omit<import("./Dialog.model").DialogViewProps, "onChange" | "open"> & {
+    open?: boolean;
+    onChange?: (event: unknown, reason: import("./Dialog.model").DialogChangeReson, state: boolean) => void;
+    ref?: import("react").Ref<import("./Dialog.model").DialogRef>;
+} & {
+    priority?: boolean;
+}>;

package/dist/types/components/dialog/Dialog.lazy.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("react").ComponentType<Omit<import("./Dialog.model").DialogViewProps, "onChange" | "open"> & {
+    open?: boolean;
+    onChange?: (event: unknown, reason: import("./Dialog.model").DialogChangeReson, state: boolean) => void;
+    ref?: import("react").Ref<import("./Dialog.model").DialogRef>;
+} & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/dialog/Dialog.model.d.ts

@@ -1,34 +1,44 @@
 import type { ButtonProps } from "@/components/button";
 import type { HeadlineProps } from "@/components/headline";
-import type { ModalProps } from "@mui/base";
 import type { Ref, ReactNode, HTMLAttributes } from "react";
+export type DialogChangeReson = 'backdropClick' | 'escapeKeyDown';
 export type DialogRef = {
     openDialog: () => void;
     closeDialog: () => void;
 };
-export type DialogAction = Omit<ButtonProps, "id"> & {
+export type DialogAction = Omit<ButtonProps, "id" | "title"> & {
     id: string;
+    title?: string;
 };
 export type DialogActions = DialogAction[];
 export type DialogTranslations = {
-    cancel: string;
     close: string;
 };
-export type DialogProps = Omit<ModalProps, "title" | "open" | "ref" | "children"> & {
-    ref?: Ref<DialogRef>;
-    contentRef?: Ref<HTMLDivElement>;
+export type DialogViewProps = HTMLAttributes<HTMLDivElement> & {
     open?: boolean;
-    classNameHeader?: string;
-    scroll?: "paper" | "body";
-    fullScreen?: boolean;
-    showCloseButton?: boolean;
-    title: string;
-    titleProps?: HeadlineProps;
-    contentProps?: HTMLAttributes<HTMLDivElement>;
+    title?: string;
+    titleProps?: Omit<HeadlineProps, 'children'>;
     hideTitle?: boolean;
-    actions?: ButtonProps[];
     renderHeader?: () => ReactNode;
+    hideCloseButton?: boolean;
     translations?: DialogTranslations;
-    children?: ReactNode;
+    actions?: DialogAction[];
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+    contentProps?: HTMLAttributes<HTMLDivElement>;
+    contentRef?: Ref<HTMLDivElement>;
     containerChildren?: ReactNode;
+    classNameHeader?: string;
+    scroll?: 'paper' | 'body';
+    fullScreen?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    closeOnBackdropClick?: boolean;
+    closeButtonProps?: Omit<ButtonProps, "title" | "ref" | "onClick" | "onKeyDown">;
+    closeButtonRef?: Ref<HTMLButtonElement>;
+    containerRef?: Ref<HTMLDivElement>;
+};
+export type DialogProps = Omit<DialogViewProps, 'open' | 'onChange'> & {
+    open?: boolean;
+    onChange?: (event: unknown, reason: DialogChangeReson, state: boolean) => void;
+    ref?: Ref<DialogRef>;
 };

package/dist/types/components/dialog/Dialog.server.d.ts

@@ -0,0 +1,4 @@
+import type { DialogProps } from "./Dialog.model";
+import type { FC } from "react";
+declare const DialogServer: FC<DialogProps>;
+export default DialogServer;

package/dist/types/components/dialog/Dialog.view.d.ts

@@ -0,0 +1,3 @@
+import type { DialogViewProps } from './Dialog.model';
+import type { JSX } from 'react';
+export declare function DialogView({ open, title, containerRef, hideTitle, renderHeader, hideCloseButton, translations, actions, contentProps, contentRef, containerChildren, className, classNameHeader, scroll, fullScreen, titleProps, children, onClose, wrapperProps, closeOnBackdropClick, closeButtonProps, closeButtonRef, ...rest }: DialogViewProps): JSX.Element;

package/dist/types/components/drawer/Drawer.client.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerRef, DrawerProps } from './Drawer.model';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & import("react").RefAttributes<DrawerRef>>;
+export default _default;

package/dist/types/components/drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
-import { type FC, type SyntheticEvent, type ReactNode } from "react";
-import type { DrawerProps } from "./Drawer.model";
-export declare const renderDrawerTitle: (title?: string) => ReactNode | undefined;
-export declare const renderDrawerCloseButton: (onClose?: (event: SyntheticEvent) => void) => ReactNode;
-export declare const Drawer: FC<DrawerProps>;
+import type { DrawerProps } from './Drawer.model';
+export declare const Drawer: import("react").ComponentType<DrawerProps & {
+    priority?: boolean;
+}>;
+export default Drawer;

package/dist/types/components/drawer/Drawer.lazy.d.ts

@@ -0,0 +1,5 @@
+import type { DrawerProps } from './Drawer.model';
+declare const _default: import("react").ComponentType<DrawerProps & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/drawer/Drawer.model.d.ts

@@ -1,11 +1,32 @@
-import type { ModalProps } from "@mui/base";
-import type { ReactNode } from "react";
-export type AnchorProps = "left" | "top" | "right" | "bottom";
-export type DrawerProps = Omit<ModalProps, "children"> & {
-    anchor?: AnchorProps;
-    disabled?: boolean;
+import type { ButtonProps } from '../button';
+import type { HeadlineProps } from '../headline';
+import type { HTMLAttributes, MouseEventHandler, ReactNode, Ref } from 'react';
+export type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
+export type DrawerChangeReason = 'backdropClick' | 'escapeKeyDown';
+export type DrawerRef = {
+    openDrawer: () => void;
+    closeDrawer: (reason?: DrawerChangeReason) => void;
+};
+export interface DrawerProps {
+    ref?: Ref<DrawerRef>;
+    open?: boolean;
+    title?: string;
+    titleProps?: HeadlineProps;
     fullscreen?: boolean;
-    containerClassName?: string;
+    anchor?: DrawerAnchor;
+    closeOnBackdropClick?: boolean;
+    closeButtonProps?: ButtonProps;
+    onChange?: (event: unknown, reason: DrawerChangeReason) => void;
     renderHeader?: () => ReactNode;
+    className?: string;
+    containerClassName?: string;
     children?: ReactNode;
-};
+}
+export interface DrawerViewProps extends DrawerProps {
+    open?: boolean;
+    onClose?: (reason: 'backdropClick' | 'escapeKeyDown') => void;
+    closeButtonRef?: React.RefObject<HTMLButtonElement | null>;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    backdropProps?: HTMLAttributes<HTMLDivElement>;
+    onMouseDown?: MouseEventHandler<HTMLDivElement>;
+}

package/dist/types/components/drawer/Drawer.server.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerProps } from './Drawer.model';
+import type { JSX } from "react";
+export default function DrawerServer(props: DrawerProps): JSX.Element | null;

package/dist/types/components/drawer/Drawer.view.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerViewProps } from './Drawer.model';
+import type { FC } from 'react';
+export declare const DrawerView: FC<DrawerViewProps>;

package/dist/types/components/drawer/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Drawer";
-export type { DrawerProps } from "./Drawer.model";
+export type { DrawerRef, DrawerAnchor, DrawerChangeReason, DrawerViewProps, DrawerProps } from "./Drawer.model";

package/dist/types/components/form/Form.client.d.ts

@@ -0,0 +1,2 @@
+import type { FormProps } from "./Form.model";
+export declare const FormClient: import("react").MemoExoticComponent<(props: FormProps) => import("react").JSX.Element>;

package/dist/types/components/form/Form.d.ts

@@ -1,3 +1,17 @@
-import { type FC } from "react";
-import type { FormProps } from "./Form.model";
-export declare const Form: FC<FormProps>;
+export declare const Form: import("react").ComponentType<{
+    label: string;
+    disabled?: boolean;
+    variant?: import("./Form.model").FormVariants;
+    hideResponse?: boolean;
+    fields?: import("./Form.model").FormField[];
+    hideHeadline?: boolean;
+    headlineProps?: import("../headline").HeadlineProps;
+    defaultFields?: import("./Form.model").FormField[];
+    messages?: import("./Form.model").FormMessages;
+    messagesFields?: import("./Form.model").FormFieldMessages;
+    button: import("./Form.model").FormButton;
+    onSubmit?: (fields: import("./Form.model").FormField[]) => void;
+    onChangeForm?: import("./Form.model").OnChangeFormHandler;
+} & Omit<import("react").FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
+    priority?: boolean;
+}>;

package/dist/types/components/form/Form.lazy.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("react").ComponentType<{
+    label: string;
+    disabled?: boolean;
+    variant?: import("./Form.model").FormVariants;
+    hideResponse?: boolean;
+    fields?: import("./Form.model").FormField[];
+    hideHeadline?: boolean;
+    headlineProps?: import("../headline").HeadlineProps;
+    defaultFields?: import("./Form.model").FormField[];
+    messages?: import("./Form.model").FormMessages;
+    messagesFields?: import("./Form.model").FormFieldMessages;
+    button: import("./Form.model").FormButton;
+    onSubmit?: (fields: import("./Form.model").FormField[]) => void;
+    onChangeForm?: import("./Form.model").OnChangeFormHandler;
+} & Omit<import("react").FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/form/Form.model.d.ts

@@ -1,12 +1,15 @@
-import type { ReactElement, FormHTMLAttributes, HTMLAttributes } from "react";
+import type { FormEvent, ReactElement, FormHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from "react";
 import type { ButtonProps } from "../button";
+import type { HeadlineProps } from "../headline";
 import { DatePicker, type DatePickerProps, type DatePickerErrorTranslations } from "../datePicker";
 import { Input, type InputProps, type InputErrorTranslations } from "../input";
 import { InputOTP } from "../inputOTP";
 import { Select, type SelectProps } from "../select";
 import { Slider, type SliderProps } from "../slider";
 import { Switch, type SwitchProps } from "../switch";
-export type FormVariants = "primary" | "secondary" | "success" | "error" | "info" | "warning";
+import type { FormFieldProps } from "./FormField.client";
+export type FormVariants = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+export type FormFieldTypes = "input" | "select" | "switch" | "slider" | "date";
 export type FormFieldValue = string | boolean | string[] | undefined;
 export type FormFieldCondition = {
     fieldId: string;
@@ -14,6 +17,7 @@ export type FormFieldCondition = {
     updateProps: Partial<FormField>;
 };
 export type FormFieldOptionals = {
+    fieldType?: FormFieldTypes;
     visible?: boolean;
     conditions?: FormFieldCondition[];
     value?: FormFieldValue;
@@ -59,16 +63,29 @@ export type FormResponseProps = HTMLAttributes<HTMLDivElement> & {
     messages?: FormMessages;
 };
 export type OnChangeFormHandler = (fields: FormField) => void;
+export type FormButton = Omit<ButtonProps, "title"> & {
+    title?: string;
+};
 export type FormProps = {
     label: string;
-    disableFields?: boolean;
+    disabled?: boolean;
     variant?: FormVariants;
     hideResponse?: boolean;
     fields?: FormField[];
+    hideHeadline?: boolean;
+    headlineProps?: HeadlineProps;
     defaultFields?: FormField[];
     messages?: FormMessages;
     messagesFields?: FormFieldMessages;
-    button: ButtonProps;
+    button: FormButton;
     onSubmit?: (fields: FormField[]) => void;
     onChangeForm?: OnChangeFormHandler;
-} & FormHTMLAttributes<HTMLFormElement>;
+} & Omit<FormHTMLAttributes<HTMLFormElement>, "onSubmit">;
+export type FormViewProps = FormProps & {
+    formState: Omit<FormField, "onChange">[];
+    formMessages?: FormMessages;
+    honeypot: InputHTMLAttributes<HTMLInputElement>;
+    fieldProps?: FormFieldProps;
+    onFormSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    isFormValid: boolean;
+};

package/dist/types/components/form/Form.server.d.ts

@@ -0,0 +1,4 @@
+import type { FormProps } from "./Form.model";
+import type { FC } from "react";
+declare const FormServer: FC<FormProps>;
+export default FormServer;

package/dist/types/components/form/Form.view.d.ts

@@ -0,0 +1,3 @@
+import type { FormViewProps } from "./Form.model";
+import type { FC } from "react";
+export declare const FormView: FC<FormViewProps>;

package/dist/types/components/form/FormField.client.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "react";
+import type { FormVariants, FormFieldValue, FormFieldMessages, FormField as FormFieldModel } from "./Form.model";
+export type FormFieldProps = Omit<FormFieldModel, "onChange"> & {
+    variant?: FormVariants;
+    messagesFields?: FormFieldMessages;
+    onChange?: (field: FormFieldModel, value?: FormFieldValue) => void;
+    onValidate?: (field: FormFieldModel, err?: string) => void;
+};
+export default function FormFieldClient({ fieldType, visible, variant, messagesFields, onChange, onValidate, ...props }: FormFieldProps): JSX.Element | null;

package/dist/types/components/form/FormField.d.ts

@@ -1,9 +1,8 @@
-import { type FC } from "react";
-import type { FormVariants, FormFieldMessages, FormField as FormFieldModel, FormFieldValue } from "./Form.model";
-export type FormFieldProps = Omit<FormFieldModel, "onChange"> & {
-    variant?: FormVariants;
-    messagesFields?: FormFieldMessages;
-    onChange?: (field: FormFieldModel, value?: FormFieldValue) => void;
-    onValidate?: (field: FormFieldModel, err?: string) => void;
-};
-export declare const FormField: FC<FormFieldProps>;
+export declare const FormField: import("react").ComponentType<Omit<import("./Form.model").FormField, "onChange"> & {
+    variant?: import("./Form.model").FormVariants;
+    messagesFields?: import("./Form.model").FormFieldMessages;
+    onChange?: (field: import("./Form.model").FormField, value?: import("./Form.model").FormFieldValue) => void;
+    onValidate?: (field: import("./Form.model").FormField, err?: string) => void;
+} & {
+    priority?: boolean;
+}>;

package/dist/types/components/form/FormField.lazy.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("react").ComponentType<Omit<import("./Form.model").FormField, "onChange"> & {
+    variant?: import("./Form.model").FormVariants;
+    messagesFields?: import("./Form.model").FormFieldMessages;
+    onChange?: (field: import("./Form.model").FormField, value?: import("./Form.model").FormFieldValue) => void;
+    onValidate?: (field: import("./Form.model").FormField, err?: string) => void;
+} & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/form/FormField.server.d.ts

@@ -0,0 +1,9 @@
+import type { FormVariants, FormFieldValue, FormFieldMessages, FormField as FormFieldModel } from "./Form.model";
+import type { JSX } from "react";
+export type FormFieldProps = Omit<FormFieldModel, "onChange"> & {
+    variant?: FormVariants;
+    messagesFields?: FormFieldMessages;
+    onChange?: (field: FormFieldModel, value?: FormFieldValue) => void;
+    onValidate?: (field: FormFieldModel, err?: string) => void;
+};
+export default function FormFieldServer({ fieldType, visible, variant, messagesFields, ...props }: FormFieldProps): JSX.Element | null;

package/dist/types/components/form/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./Form";
 export * from "./FormResponse";
-export type { FormProps, FormField, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants, } from "./Form.model";
+export type { FormProps, FormField, FormFieldTypes, FormAllowedChildren, FormFieldCondition, FormFieldDate, FormFieldInput, FormFieldMessages, FormFieldMessagesErrors, FormFieldMessagesErrorsDate, FormFieldMessagesErrorsInput, FormFieldOptionals, FormFieldSelect, FormFieldSlider, FormFieldSwitch, FormFieldValue, FormMessages, FormMessagesErrors, FormResponseProps, FormVariants, } from "./Form.model";
 export type {} from "./";

package/dist/types/components/headline/{Headline.server.d.ts → Headline.d.ts}

@@ -1,3 +1,3 @@
+import { type FC } from "react";
 import type { HeadlineProps } from "./Headline.model";
-import type { FC } from "react";
 export declare const Headline: FC<HeadlineProps>;

package/dist/types/components/headline/Headline.model.d.ts

@@ -1,20 +1,21 @@
 import type { AnimatedTextProps } from "@/components/animatedText";
 import type { Schema } from "@/types/schema";
 import type { Variants } from "@/types/variants";
-import type { ReactNode, HTMLProps } from "react";
+import type { HTMLAttributes } from "react";
 export type HeadlineTypeProps = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export type HeadlineSizeProps = "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
 export type HeadlineVariant = Variants;
-export type HeadlineProps = Omit<HTMLProps<HTMLHeadingElement>, "size"> & {
+export type HeadlineProps = HTMLAttributes<HTMLHeadElement> & {
     animated?: boolean;
     animationProps?: Omit<AnimatedTextProps, "children">;
     type?: HeadlineTypeProps;
-    size?: HeadlineSizeProps | number;
+    size?: HeadlineSizeProps;
     highlight?: boolean;
     schema?: Schema;
-    align?: "left" | "center" | "right";
     variant?: HeadlineVariant;
+    className?: string;
+    align?: "left" | "center" | "right";
     isRichtext?: boolean;
-    children: ReactNode;
-    renderText?: (text: string) => ReactNode;
+    overrideParagraph?: (textContent: string) => React.ReactNode;
+    children?: React.ReactNode;
 };

package/dist/types/components/headline/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./Headline.server";
-export * from "./Headline.client";
+export * from "./Headline";
 export type { HeadlineProps, HeadlineSizeProps, HeadlineTypeProps, HeadlineVariant, } from "./Headline.model";

package/dist/types/components/image/Image.model.d.ts

@@ -1,12 +1,14 @@
+import type { ImageProps as NextImageProps, StaticImageData } from "next/image";
 import type { ImgHTMLAttributes, ElementType } from "react";
-export interface BaseImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+export type BaseImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "width" | "height"> & {
     caption?: string;
+    src?: string | StaticImageData;
     containerClassName?: string;
     captionClassName?: string;
     imageComponent?: ElementType;
-}
+};
 export type ImageProps = BaseImageProps & ({
     imageComponent?: undefined;
 } | {
     imageComponent: ElementType;
-});
+} & NextImageProps);

package/dist/types/components/image/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Image";
-export type { ImageProps } from "./Image.model";
+export type { BaseImageProps, ImageProps } from "./Image.model";

package/dist/types/components/image-text/ImageText.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from "react";
 import type { ImageTextProps } from "./ImageText.model";
+import type { FC } from "react";
 export declare const ImageText: FC<ImageTextProps>;

package/dist/types/components/image-text/ImageText.model.d.ts

@@ -1,21 +1,21 @@
 import type { ButtonProps } from "../button";
 import type { HeadlineProps } from "../headline";
 import type { ImageProps } from "../image";
-import type { LottieAnimation } from "../lottie";
 export type ImageTextHeadline = {
     content: string;
 } & Omit<HeadlineProps, "children">;
-export type ImageTextAnimation = LottieAnimation;
 export type ImageTextAnimatedBorder = {
     direction?: "top-to-bottom" | "bottom-to-top";
 };
 export type ImageTextProps = {
     animatedBorder?: ImageTextAnimatedBorder;
     reverse?: boolean;
-    subTitle?: ImageTextHeadline;
-    title: ImageTextHeadline;
+    subTitle?: string;
+    subTitleProps?: Omit<HeadlineProps, "children">;
+    title: string;
+    titleProps?: Omit<HeadlineProps, "children">;
     content?: string;
-    animation?: ImageTextAnimation;
+    animation?: string;
     image?: ImageProps;
     button?: ButtonProps;
 };

package/dist/types/components/image-text/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./ImageText";
-export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, ImageTextAnimation, } from "./ImageText.model";
+export type { ImageTextProps, ImageTextHeadline, ImageTextAnimatedBorder, } from "./ImageText.model";

package/dist/types/components/input/Input.client.d.ts

@@ -0,0 +1,5 @@
+import { type JSX } from "react";
+import type { InputProps } from "./Input.model";
+declare function InputClient({ multiline, isFocused, type: rawType, name, value, required, min, max, maxLength, customRegexPattern, errorText, errorTranslations, onValidate, onChange, onFocus, onBlur, ...rest }: InputProps): JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof InputClient>;
+export default _default;

package/dist/types/components/input/Input.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from "react";
 import type { InputProps } from "./Input.model";
-export declare const Input: FC<InputProps>;
+export declare const Input: import("react").ComponentType<InputProps & {
+    priority?: boolean;
+}>;

package/dist/types/components/input/Input.lazy.d.ts

@@ -0,0 +1,5 @@
+import type { InputProps } from "./Input.model";
+declare const _default: import("react").ComponentType<InputProps & {
+    priority?: boolean;
+}>;
+export default _default;

package/dist/types/components/input/Input.model.d.ts

@@ -1,10 +1,13 @@
 import type { LabelProps } from "../label";
-import type { InputProps as MUIInputProps } from "@mui/base";
-import type { Ref, ChangeEventHandler, HTMLInputTypeAttribute } from "react";
+import type { Ref, ChangeEvent, ChangeEventHandler, FocusEvent, HTMLInputTypeAttribute, TextareaHTMLAttributes, InputHTMLAttributes } from "react";
 export type FieldType = Omit<HTMLInputTypeAttribute, "date" | "datetime-local" | "month" | "week" | "time">;
-export type InputChangeEvent = ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+export type InputChangeEvent = ChangeEvent<HTMLTextAreaElement | HTMLInputElement>;
+export type InputChangeEventHandler = ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
 export type InputValidateEvent = (name: string, error?: string) => void;
-export type InputColor = "primary" | "secondary" | "error" | "info" | "success" | "warning";
+export type InputFocus = FocusEvent<HTMLTextAreaElement | HTMLInputElement>;
+export type InputFocusEventHandler = ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+export type InputBlur = InputFocus;
+export type InputBlurEventHandler = ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
 export type InputErrorTranslations = {
     required?: string;
     email?: string;
@@ -18,6 +21,7 @@ export type InputErrorTranslations = {
     max?: string;
 };
 export type InputProps = {
+    isFocused?: boolean;
     inputRef?: Ref<HTMLInputElement>;
     customRegexPattern?: string;
     fieldClassName?: string;
@@ -25,31 +29,33 @@ export type InputProps = {
     inputContainerClassName?: string;
     inputClassName?: string;
     fullWidth?: boolean;
+    disabled?: boolean;
     required?: boolean;
-    color?: InputColor;
     name: string;
     label?: string;
-    labelProps?: Omit<LabelProps, "label" | "require" | "error" | "htmlFor">;
+    labelProps?: Omit<LabelProps, "label" | "required" | "error" | "htmlFor">;
     errorTranslations?: InputErrorTranslations;
-    min?: number;
-    max?: number;
+    min?: string | number;
+    max?: string | number;
     maxLength?: number;
-    value?: string | number | undefined;
+    value?: string | number;
     hideLegend?: boolean;
     errorText?: string;
     helperText?: string;
-    onChange?: InputChangeEvent;
+    onChange?: InputChangeEventHandler;
     onValidate?: InputValidateEvent;
+    onFocus?: InputFocusEventHandler;
+    onBlur?: InputBlurEventHandler;
 } & ({
     multiline?: false;
     type?: FieldType;
-    maxRows?: undefined;
-    minRows?: undefined;
     rows?: undefined;
+    minRows?: undefined;
+    maxRows?: undefined;
 } | {
     multiline: true;
     type?: undefined;
-    maxRows?: number;
-    minRows?: number;
     rows?: number;
-}) & Omit<MUIInputProps, "inputRef" | "variant" | "color" | "name" | "onChange" | "type" | "multiline" | "maxRows" | "minRows" | "rows" | "error">;
+    minRows?: number;
+    maxRows?: number;
+}) & Omit<InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement>, "color" | "value" | "onChange" | "maxLength" | "type" | "rows">;

package/dist/types/components/input/Input.server.d.ts

@@ -0,0 +1,3 @@
+import type { InputProps } from "./Input.model";
+import type { JSX } from "react";
+export default function InputServer(p: InputProps): JSX.Element;

package/dist/types/components/input/Input.view.d.ts

@@ -0,0 +1,3 @@
+import type { InputProps } from "./Input.model";
+import type { JSX } from "react";
+export declare function InputView({ name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, rows, minRows, maxRows, type, ...rest }: InputProps): JSX.Element;

package/dist/types/components/input/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Input";
-export type { InputProps, InputChangeEvent, InputColor, InputErrorTranslations, InputValidateEvent, } from "./Input.model";
+export type { InputProps, InputChangeEvent, InputErrorTranslations, InputValidateEvent, InputBlur, InputBlurEventHandler, InputFocus, InputFocusEventHandler, } from "./Input.model";

package/dist/types/components/link/Link.client.d.ts

@@ -1,3 +1,3 @@
-import type { LinkProps } from './Link.model';
+import type { LinkProps } from "./Link.model";
 declare const LinkClient: React.FC<LinkProps>;
 export default LinkClient;

package/dist/types/components/link/Link.lazy.d.ts

@@ -1,4 +1,4 @@
-import type { LinkProps } from './Link.model';
+import type { LinkProps } from "./Link.model";
 declare const _default: import("react").ComponentType<LinkProps & {
     priority?: boolean;
 }>;

package/dist/types/components/link/Link.model.d.ts

@@ -1,6 +1,6 @@
 import type { BaseLinkProps } from "../base-link";
 import type { Variants } from "@/types/variants";
-import type { MouseEventHandler } from "react";
+import type { MouseEventHandler, ComponentType } from "react";
 export type LinkVariants = Omit<Variants, "white">;
 export type LinkClassNames = {
     label?: string;
@@ -22,5 +22,6 @@ export type LinkClickProps = LinkDefaultProps & {
 export type LinkProps = LinkHrefProps | LinkClickProps;
 export type LinkViewProps = LinkProps & {
     LinkTag: 'a' | 'span';
+    BaseLinkComponent: ComponentType<BaseLinkProps>;
     hasHandlers: boolean;
 };

package/dist/types/components/link/Link.view.d.ts

@@ -1,3 +1,3 @@
-import type { LinkViewProps } from './Link.model';
+import type { LinkViewProps } from "./Link.model";
 import type { JSX } from "react";
-export declare function LinkView({ variant, href, children, className, style, target, itemProp, hasBackground, ariaLabel, LinkTag, hasHandlers, ...rest }: LinkViewProps): JSX.Element;
+export declare function LinkView({ variant, href, children, className, style, target, itemProp, hasBackground, ariaLabel, LinkTag, hasHandlers, onClick, BaseLinkComponent, linkComponent, ...rest }: LinkViewProps): JSX.Element;