@prokodo/ui 0.0.1 → 0.0.2

package/dist/types/components/animated/Animated.d.ts

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

package/dist/types/components/animated/Animated.model.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from "react";
-export type AnimatedProps = {
-    className?: string;
-    disabled?: boolean;
-    animation?: "bottom-top" | "top-bottom" | "left-right" | "right-left";
-    delay?: number;
-    threshold?: number;
-    speed?: "fast" | "slow";
-    children?: ReactNode;
-    intersectionObserverOptions?: IntersectionObserverInit;
-    onAnimate?: (visible: boolean) => void;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Animated";
-export type * from "./Animated.model";

package/dist/types/components/animatedText/AnimatedText.d.ts

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

package/dist/types/components/animatedText/AnimatedText.model.d.ts

@@ -1,7 +0,0 @@
-import type { HTMLAttributes } from "react";
-export type AnimatedTextProps = HTMLAttributes<HTMLSpanElement> & {
-    delay?: number;
-    speed?: number;
-    disabled?: boolean;
-    children: string;
-};

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

@@ -1,2 +0,0 @@
-export * from "./AnimatedText";
-export type * from "./AnimatedText.model";

package/dist/types/components/avatar/Avatar.d.ts

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

package/dist/types/components/avatar/Avatar.model.d.ts

@@ -1,11 +0,0 @@
-import type { ImageProps } from "../image";
-import type { LinkProps } from "../link";
-import type { Variants } from "@/types/variants";
-import type { HTMLAttributes } from "react";
-export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
-export type AvatarProps = {
-    variant?: Variants;
-    size?: AvatarSize;
-    image?: ImageProps;
-    redirect?: LinkProps;
-} & HTMLAttributes<HTMLDivElement>;

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

@@ -1,2 +0,0 @@
-export * from "./Avatar";
-export type * from "./Avatar.model";

package/dist/types/components/base-link/BaseLink.d.ts

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

package/dist/types/components/base-link/BaseLink.model.d.ts

@@ -1,7 +0,0 @@
-import type { AnchorHTMLAttributes, ReactNode, ElementType } from "react";
-export interface BaseLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-    href: string;
-    children?: ReactNode;
-    disabled?: boolean;
-    linkComponent?: ElementType;
-}

package/dist/types/components/base-link/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./BaseLink";
-export type * from "./BaseLink.model";

package/dist/types/components/button/Button.d.ts

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

package/dist/types/components/button/Button.model.d.ts

@@ -1,26 +0,0 @@
-import type { IconProps } from "../icon";
-import type { LinkProps } from "../link";
-import type { ButtonHTMLAttributes } from "react";
-export type ButtonColor = "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
-export type ButtonProperties = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> & {
-    color?: ButtonColor;
-    fullWidth?: boolean;
-    contentClassName?: string;
-    loading?: boolean;
-    redirect?: LinkProps;
-    disabled?: boolean;
-    variant?: "contained" | "outlined" | "text";
-};
-export type ButtonDefaultProps = Omit<ButtonProperties, "title"> & {
-    title: string;
-    iconProps?: IconProps;
-    "aria-label"?: string;
-};
-export type ButtonIconProps = (Omit<ButtonProperties, "title" | "aria-label"> & {
-    iconProps: IconProps;
-    "aria-label": string;
-}) | (Omit<ButtonProperties, "title" | "aria-label"> & {
-    iconProps: IconProps;
-    inert: boolean;
-});
-export type ButtonProps = ButtonIconProps | ButtonDefaultProps;

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

@@ -1,2 +0,0 @@
-export * from "./Button";
-export type * from "./Button.model";

package/dist/types/components/calendly/Calendly.d.ts

@@ -1,22 +0,0 @@
-import { type FC } from "react";
-import type { CalendlyProps } from "./Calendly.model";
-declare global {
-    interface Window {
-        Calendly?: {
-            initInlineWidget: (opts: {
-                url: string;
-                parentElement: HTMLElement;
-                prefill?: Record<string, string>;
-                utm?: Record<string, string>;
-                branding?: boolean;
-                hideEventTypeDetails?: boolean;
-                hideLandingPageDetails?: boolean;
-                hideGdprBanner?: boolean;
-                pageSettings?: Record<string, string>;
-                textColor?: string;
-                primaryColor?: string;
-            }) => void;
-        };
-    }
-}
-export declare const Calendly: FC<CalendlyProps>;

package/dist/types/components/calendly/Calendly.model.d.ts

@@ -1,27 +0,0 @@
-import type { AnimatedProps } from "../animated";
-import type { HTMLAttributes } from "react";
-export type CalendlyColorOptions = {
-    text?: string;
-    button?: string;
-    background?: string;
-};
-export type CalendlyDataCustomAnswers = {
-    [key: string]: string;
-};
-export type CalendlyData = {
-    utm_campaign?: string;
-    utm_source?: string;
-    name?: string;
-    email?: string;
-    location?: string;
-    customAnswers?: CalendlyDataCustomAnswers;
-};
-export type CalendlyProps = HTMLAttributes<HTMLDivElement> & {
-    calendlyId: string;
-    data?: CalendlyData;
-    animationProps?: AnimatedProps;
-    color?: CalendlyColorOptions;
-    hideCookieSettings?: boolean;
-    hideEventTypeDetails?: boolean;
-    hideDetails?: boolean;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Calendly";
-export type * from "./Calendly.model";

package/dist/types/components/card/Card.d.ts

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

package/dist/types/components/card/Card.model.d.ts

@@ -1,35 +0,0 @@
-import type { ImageProps } from "../image";
-import type { LinkProps } from "../link";
-import type { SkeletonProps } from "../skeleton";
-import type { Variants } from "@/types/variants";
-import type { Ref, ReactNode, KeyboardEvent, ElementType } from "react";
-export type CardVariant = Variants;
-export type CardBackground = string | 1 | 2 | 3 | 4;
-export type CardBackgroundProps = {
-    imageComponent: ElementType;
-    src?: string;
-    alt?: string;
-} & Omit<ImageProps, "src" | "alt" | "imageComponent">;
-export type CardProps = {
-    ref?: Ref<HTMLDivElement>;
-    variant?: CardVariant;
-    loading?: boolean;
-    skeletonProps?: SkeletonProps;
-    highlight?: boolean;
-    gradiant?: boolean;
-    gradiantClassName?: string;
-    enableShadow?: boolean;
-    animated?: boolean;
-    customAnimation?: "bottom-top" | "top-bottom" | "left-right" | "right-left";
-    className?: string;
-    contentClassName?: string;
-    background?: CardBackground;
-    backgroundProps?: CardBackgroundProps;
-    disabled?: boolean;
-    redirect?: LinkProps;
-    onClick?: () => void;
-    onKeyDown?: (e: KeyboardEvent) => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    children: ReactNode;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Card.model";
-export * from "./Card";

package/dist/types/components/carousel/Carousel.d.ts

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

package/dist/types/components/carousel/Carousel.model.d.ts

@@ -1,24 +0,0 @@
-import type { PREV, NEXT } from "./Carousel.services";
-import type { Ref, ReactNode, CSSProperties, HTMLAttributes } from "react";
-export type CarouselRef = {
-    slidePrev: () => void;
-    slideNext: () => void;
-    carouselContainer: HTMLDivElement | null;
-};
-export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
-    ref?: Ref<CarouselRef>;
-    autoplay?: number;
-    enableControl?: boolean;
-    translateX?: string;
-    itemStyle?: CSSProperties;
-    itemsToShow?: number;
-    className?: string;
-    classNameControls?: string;
-    classNameButtons?: string;
-    classNameWrapper?: string;
-    classNameItem?: string;
-    classNameDots?: string;
-    classNameDot?: string;
-    children: ReactNode;
-};
-export type CarouselDirection = typeof PREV | typeof NEXT;

package/dist/types/components/carousel/Carousel.services.d.ts

@@ -1,23 +0,0 @@
-import type { CarouselDirection } from "./Carousel.model";
-import type { TouchEvent, MouseEvent } from "react";
-export declare const NEXT = "NEXT";
-export declare const PREV = "PREV";
-export declare const handleTouchStart: (e: TouchEvent<HTMLDivElement>, touchStartX: {
-    current: number;
-}) => void;
-export declare const handleTouchMove: (e: TouchEvent<HTMLDivElement>, touchEndX: {
-    current: number;
-}) => void;
-export declare const handleTouchEnd: (touchStartX: {
-    current: number;
-}, touchEndX: {
-    current: number;
-}, slide: (direction: CarouselDirection) => void) => void;
-export declare const handleMouseDown: (e: MouseEvent<HTMLDivElement>, mouseStartX: {
-    current: number;
-}) => void;
-export declare const handleMouseUp: (e: MouseEvent<HTMLDivElement>, mouseStartX: {
-    current: number;
-}, mouseEndX: {
-    current: number;
-}, slide: (direction: CarouselDirection) => void) => void;

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

@@ -1,2 +0,0 @@
-export type * from "./Carousel.model";
-export * from "./Carousel";

package/dist/types/components/chip/Chip.d.ts

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

package/dist/types/components/chip/Chip.model.d.ts

@@ -1,14 +0,0 @@
-import type { Variants } from "@/types/variants";
-import type { MouseEventHandler, KeyboardEventHandler, ReactNode } from "react";
-export type ChipVariant = "filled" | "outlined";
-export type ChipColor = Variants;
-export interface ChipProps {
-    icon?: ReactNode;
-    label: ReactNode;
-    variant?: ChipVariant;
-    color?: ChipColor;
-    className?: string;
-    onDelete?: MouseEventHandler<HTMLButtonElement>;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
-}

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

@@ -1,2 +0,0 @@
-export * from "./Chip";
-export type * from "./Chip.model";

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

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

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

@@ -1,21 +0,0 @@
-import type { InputProps } from "../input";
-import type { Dayjs } from "dayjs";
-export type DatePickerValue = Dayjs | null;
-export type DatePickerErrorTranslations = {
-    required?: string;
-    minDate?: string;
-    maxDate?: string;
-};
-export interface DatePickerProps extends Omit<InputProps, "onChange" | "value" | "errorTranslations"> {
-    label: string;
-    name: string;
-    required?: boolean;
-    errorText?: string;
-    helperText?: string;
-    value?: DatePickerValue;
-    minDate?: DatePickerValue;
-    maxDate?: DatePickerValue;
-    onChange?: (value: DatePickerValue) => void;
-    errorTranslations?: DatePickerErrorTranslations;
-    format?: string;
-}

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

@@ -1,2 +0,0 @@
-export * from "./DatePicker";
-export type * from "./DatePicker.model";

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

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

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

@@ -1,34 +0,0 @@
-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 DialogRef = {
-    openDialog: () => void;
-    closeDialog: () => void;
-};
-export type DialogAction = Omit<ButtonProps, "id"> & {
-    id: 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>;
-    open?: boolean;
-    classNameHeader?: string;
-    scroll?: "paper" | "body";
-    fullScreen?: boolean;
-    showCloseButton?: boolean;
-    title: string;
-    titleProps?: HeadlineProps;
-    contentProps?: HTMLAttributes<HTMLDivElement>;
-    hideTitle?: boolean;
-    actions?: ButtonProps[];
-    renderHeader?: () => ReactNode;
-    translations: DialogTranslations;
-    children?: ReactNode;
-    containerChildren?: ReactNode;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Dialog";
-export type * from "./Dialog.model";

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

@@ -1,5 +0,0 @@
-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>;

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

@@ -1,11 +0,0 @@
-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;
-    fullscreen?: boolean;
-    containerClassName?: string;
-    renderHeader?: () => ReactNode;
-    children?: ReactNode;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Drawer";
-export type * from "./Drawer.model";

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

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

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

@@ -1,71 +0,0 @@
-import type { ReactElement, FormHTMLAttributes } from "react";
-import type { ButtonProps } from "../button";
-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";
-export type FormFieldValue = string | boolean | string[] | undefined;
-export type FormFieldCondition = {
-    fieldId: string;
-    equalTo: boolean | string | string[];
-    updateProps: Partial<FormField>;
-};
-export type FormFieldOptionals = {
-    visible?: boolean;
-    conditions?: FormFieldCondition[];
-    value?: FormFieldValue;
-};
-export type FormFieldInput = FormFieldOptionals & {
-    fieldType: "input";
-} & InputProps;
-export type FormFieldSelect = FormFieldOptionals & {
-    fieldType: "select";
-} & SelectProps;
-export type FormFieldSwitch = FormFieldOptionals & {
-    fieldType: "switch";
-} & SwitchProps;
-export type FormFieldSlider = FormFieldOptionals & {
-    fieldType: "slider";
-} & SliderProps;
-export type FormFieldDate = FormFieldOptionals & {
-    fieldType: "date";
-} & DatePickerProps;
-export type FormField = FormFieldInput | FormFieldSelect | FormFieldSwitch | FormFieldSlider | FormFieldDate;
-export type FormMessagesErrors = {
-    [key: string]: string[];
-};
-export type FormMessages = {
-    message?: string;
-    errors?: FormMessagesErrors;
-};
-export type FormFieldMessagesErrorsInput = InputErrorTranslations;
-export type FormFieldMessagesErrorsDate = DatePickerErrorTranslations;
-export type FormFieldMessagesErrors = {
-    required?: string;
-    input?: FormFieldMessagesErrorsInput;
-    date?: FormFieldMessagesErrorsDate;
-};
-export type FormFieldMessages = {
-    errors?: FormFieldMessagesErrors;
-};
-export type FormAllowedChildren = ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch>;
-export type ParentComponentProps = {
-    children: FormAllowedChildren | FormAllowedChildren[];
-};
-export type OnChangeFormHandler = (fields: FormField) => void;
-export type FormProps = {
-    label: string;
-    disableFields?: boolean;
-    variant?: FormVariants;
-    hideResponse?: boolean;
-    fields?: FormField[];
-    defaultFields?: FormField[];
-    messages?: FormMessages;
-    messagesFields?: FormFieldMessages;
-    button: ButtonProps;
-    onSubmit?: (fields: FormField[]) => void;
-    onChangeForm?: OnChangeFormHandler;
-} & FormHTMLAttributes<HTMLFormElement>;

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

@@ -1,9 +0,0 @@
-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>;

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

@@ -1,6 +0,0 @@
-import { type FC, type HTMLAttributes } from "react";
-import type { FormMessages } from "./Form.model";
-export type FormResponseProps = HTMLAttributes<HTMLDivElement> & {
-    messages?: FormMessages;
-};
-export declare const FormResponse: FC<FormResponseProps>;

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

@@ -1,3 +0,0 @@
-export * from "./Form";
-export * from "./FormResponse";
-export type * from "./Form.model";

package/dist/types/components/grid/Grid.d.ts

@@ -1,7 +0,0 @@
-import { type FC, type HTMLAttributes, type ReactNode } from "react";
-export type GridProps = HTMLAttributes<HTMLDivElement> & {
-    spacing?: number;
-    className?: string;
-    children?: ReactNode;
-};
-export declare const Grid: FC<GridProps>;

package/dist/types/components/grid/GridRow.d.ts

@@ -1,13 +0,0 @@
-import { type FC, type ReactNode, type HTMLAttributes } from "react";
-export type GridRowProps = HTMLAttributes<HTMLDivElement> & {
-    spacing?: number;
-    align?: "left" | "center" | "right";
-    className?: string;
-    children?: ReactNode;
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-};
-export declare const GridRow: FC<GridRowProps>;

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

@@ -1,2 +0,0 @@
-export * from "./Grid";
-export * from "./GridRow";

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

@@ -1,4 +0,0 @@
-import { type FC } from "react";
-import type { HeadlineProps, HeadlineVariant } from "./Headline.model";
-export declare const POSSIBLE_HIGHLIGHTS: HeadlineVariant[];
-export declare const Headline: FC<HeadlineProps>;

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

@@ -1,19 +0,0 @@
-import type { AnimatedTextProps } from "@/components/animatedText";
-import type { Schema } from "@/types/schema";
-import type { Variants } from "@/types/variants";
-import type { ReactNode, HTMLProps } 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"> & {
-    animated?: boolean;
-    animationProps?: Omit<AnimatedTextProps, "children">;
-    type?: HeadlineTypeProps;
-    size?: HeadlineSizeProps | number;
-    highlight?: boolean;
-    schema?: Schema;
-    align?: "left" | "center" | "right";
-    variant?: HeadlineVariant;
-    isRichtext?: boolean;
-    children: ReactNode;
-};

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

@@ -1,2 +0,0 @@
-export * from "./Headline.model";
-export * from "./Headline";

package/dist/types/components/icon/Icon.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from "react";
-import type { IconProps, IconSize } from "./Icon.model";
-export declare const getIconSize: (size?: IconSize) => number;
-export declare const Icon: FC<IconProps>;

package/dist/types/components/icon/Icon.model.d.ts

@@ -1,15 +0,0 @@
-import type { ICON_MAP } from "./Icon.utils";
-import type { Color } from "@/types/colors";
-import type { Variants } from "@/types/variants";
-import type { AriaAttributes, AriaRole } from "react";
-export type IconName = keyof typeof ICON_MAP;
-export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | number;
-export type IconColor = Color | Variants;
-export type IconProps = {
-    name?: IconName;
-    color?: IconColor;
-    size?: IconSize;
-    className?: string;
-    role?: AriaRole;
-    onClick?: () => void;
-} & AriaAttributes;