@kubit-ui-web/react-components 2.0.0-beta.7 → 2.0.0-beta.70

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

@@ -0,0 +1,54 @@
+import type { AriaAttributes, AriaRole, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+import type { CommonIconProps } from '../../../lib/types/commons/icon';
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttributes';
+import type { PositionType } from '../../../lib/types/positions/positions';
+export type ButtonCssClasses = ComponentSelected<ComponentsTypesComponents['BUTTON']>;
+/**
+ * Represents the ARIA attributes for the Button component.
+ */
+type ButtonAriaProps = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-pressed' | 'aria-disabled' | 'aria-hidden'>;
+/**
+ * Interface for the styled Button component.
+ * Includes styling options such as width, alignment, and loading state.
+ */
+export interface ButtonStylesProps {
+    fullWidth?: boolean;
+    iconPosition?: PositionType;
+    loading?: boolean;
+    loader?: ReactNode;
+    minWidth?: string;
+    ghostText?: string;
+    alignText?: string;
+    tabIndex?: number;
+    disabled?: boolean;
+}
+/**
+ * Interface for the standalone Button component.
+ * Includes ARIA attributes, event handlers, and additional attributes.
+ */
+export interface ButtonStandAloneProps extends PropsWithChildren<ButtonStylesProps>, ButtonAriaProps, DataAttributes {
+    type?: HTMLButtonElement['type'];
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    icon?: CommonIconProps;
+    form?: string;
+    role?: AriaRole;
+    title?: string;
+    id?: string;
+    cssVariantClasses?: ButtonCssClasses;
+    cssSizeClasses?: ButtonCssClasses;
+}
+/**
+ * Interface for the Button component with a variant and size.
+ * Extends the ButtonStandAloneProps interface and adds variant and size properties.
+ *
+ * @template Variant - The type of the variant for the Button.
+ * @template Size - The type of the size for the Button.
+ */
+export interface ButtonProps<Variant = undefined extends string | unknown ? string | undefined : string | unknown, Size = undefined extends string | unknown ? string | undefined : string | unknown> extends ButtonStandAloneProps {
+    variant?: Variant;
+    size?: Size;
+    additionalVariantClasses?: Partial<ButtonCssClasses>;
+    additionalSizeClasses?: Partial<ButtonCssClasses>;
+}
+export {};

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

@@ -0,0 +1,12 @@
+import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesTypes';
+/**
+ * @description
+ * Button size props type
+ */
+export interface ButtonStyleProps extends CssLibPropsType {
+    _icon: CssLibPropsType;
+    _loader: CssLibPropsType;
+}
+export type ButtonVariantStyles<Variant extends string> = ButtonStyleProps & {
+    [key in Variant]?: Partial<ButtonStyleProps>;
+};

package/dist/types/components/calendar/calendar.d.ts

@@ -0,0 +1,24 @@
+import type { CalendarProps } from './types/calendar';
+/**
+ * Calendar component for date selection.
+ *
+ * This component provides an interactive calendar interface for selecting single dates
+ * or date ranges. It supports month/year navigation, date restrictions, and customizable variants.
+ *
+ * @example
+ * ```tsx
+ * <Calendar
+ *   selectedDate={new Date()}
+ *   onSelectedDateChange={(date) => console.log(date)}
+ * />
+ *
+ * // Date range selection:
+ * <Calendar
+ *   hasRange
+ *   selectedDate={startDate}
+ *   secondSelectedDate={endDate}
+ *   onSelectedDateChange={(dates) => console.log(dates)}
+ * />
+ * ```
+ */
+export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps<string> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/calendar/calendarStandAlone.d.ts

@@ -0,0 +1,2 @@
+import type { CalendarStandAloneProps } from './types/calendar';
+export declare const CalendarStandAlone: import("react").ForwardRefExoticComponent<CalendarStandAloneProps<string> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/calendar/constants/constants.d.ts

@@ -0,0 +1 @@
+export declare const WEEK_DAYS = 7;

package/dist/types/components/calendar/header/header.d.ts

@@ -0,0 +1,2 @@
+import type { HeaderProps } from './types/header';
+export declare const Header: ({ cssClasses, formatWeekDayOption, isSundayFirst, }: HeaderProps) => JSX.Element;

package/dist/types/components/calendar/header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header } from './header';
+export type { HeaderProps } from './types/header';

package/dist/types/components/calendar/header/types/header.d.ts

@@ -0,0 +1,8 @@
+import type { CalendarCssClasses } from '../../types/calendar';
+import type { CalendarStyleProps } from '../../types/calendarTheme';
+export interface HeaderProps {
+    styles?: CalendarStyleProps;
+    isSundayFirst?: boolean;
+    formatWeekDayOption?: Intl.DateTimeFormatOptions['weekday'];
+    cssClasses?: CalendarCssClasses;
+}

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

@@ -0,0 +1,3 @@
+export { Calendar } from './calendar';
+export type { CalendarCssClasses, CalendarConfigProps, CalendarAccessibilityProps, CalendarStandAloneProps, CalendarProps, } from './types/calendar';
+export type { CalendarStyleProps, CalendarVariantStyles, } from './types/calendarTheme';

package/dist/types/components/calendar/list/index.d.ts

@@ -0,0 +1,2 @@
+export type { ListProps } from './types/list';
+export type { ListStyleProps, ListVariantStyles, ListCssClasses, } from './types/listTheme';

package/dist/types/components/calendar/list/list.d.ts

@@ -0,0 +1,2 @@
+import type { ListProps } from './types/list';
+export declare const List: ({ cssClasses, currentDate, disabledDates, hasRange, maxDate, minDate, onDayClick, selectedDate, setSelectedDate, sundayFirst, ...props }: ListProps) => JSX.Element;

package/dist/types/components/calendar/list/types/list.d.ts

@@ -0,0 +1,16 @@
+import type { DataAttributes } from '../../../../lib/types/dataAttributes/dataAttributes';
+import type { CalendarCssClasses } from '../../types/calendar';
+import type { ListStyleProps } from './listTheme';
+export interface ListProps extends DataAttributes {
+    selectedDate: Date[];
+    currentDate: Date;
+    minDate: Date;
+    maxDate: Date;
+    hasRange?: boolean;
+    setSelectedDate: (date: any) => void;
+    onDayClick?: (value?: string) => void;
+    styles?: ListStyleProps;
+    sundayFirst?: boolean;
+    disabledDates?: Date[];
+    cssClasses?: CalendarCssClasses;
+}

package/dist/types/components/calendar/list/types/listTheme.d.ts

@@ -0,0 +1,17 @@
+import type { ListDaysStateType } from './state';
+export interface ListStyleProps {
+    labelFontColor?: string;
+    labelFontSize?: string;
+    labelFontWeight?: number;
+    labelFontAlign?: string;
+    border?: string;
+    borderTop?: string;
+    borderBottom?: string;
+    radiusSize?: string;
+    backgroundColor?: string;
+    gapDays?: string;
+}
+export type ListVariantStyles<Variant extends ListDaysStateType> = {
+    [key in Variant]?: ListStyleProps;
+};
+export type ListCssClasses = ListVariantStyles<ListDaysStateType>;

package/dist/types/components/calendar/list/types/state.d.ts

@@ -0,0 +1,2 @@
+import type { StateType } from '../../../../lib/types/states/states';
+export type ListDaysStateType = Extract<StateType, 'default' | 'disabled' | 'hover' | 'current_day' | 'selected' | 'start_date_range' | 'end_date_range' | 'midle_date_range'>;

package/dist/types/components/calendar/selector/index.d.ts

@@ -0,0 +1,2 @@
+export { Selector } from './selector';
+export type { SelectorProps } from './types/selector';

package/dist/types/components/calendar/selector/monthSelector/index.d.ts

@@ -0,0 +1 @@
+export type { MonthSelectorProps } from './types/monthSelector';

package/dist/types/components/calendar/selector/monthSelector/monthSelector.d.ts

@@ -0,0 +1,2 @@
+import type { MonthSelectorProps } from './types/monthSelector';
+export declare const MonthSelector: ({ configAccesibility, cssClasses, currentDate, maxDate, minDate, onMonthClick, setCurrentDate, today, ...props }: MonthSelectorProps) => JSX.Element;

package/dist/types/components/calendar/selector/monthSelector/types/monthSelector.d.ts

@@ -0,0 +1,15 @@
+import type { CalendarAccessibilityProps, CalendarCssClasses } from '../../../types/calendar';
+import type { CalendarStyleProps } from '../../../types/calendarTheme';
+import type { DataAttributes } from '../../../../../lib/types/dataAttributes/dataAttributes';
+export interface MonthSelectorProps extends DataAttributes {
+    minDate: Date;
+    maxDate: Date;
+    currentDate: Date;
+    locale?: string;
+    setCurrentDate: (date: any) => void;
+    onMonthClick?: (value?: string) => void;
+    today: Date;
+    styles?: CalendarStyleProps;
+    configAccesibility?: CalendarAccessibilityProps;
+    cssClasses?: CalendarCssClasses;
+}

package/dist/types/components/calendar/selector/monthSelector/types/state.d.ts

@@ -0,0 +1,2 @@
+import type { StateType } from '../../../../../lib/types/states/states';
+export type MonthSelectorStateType = Extract<StateType, 'default' | 'disabled' | 'current' | 'hover' | 'selected' | 'current'>;

package/dist/types/components/calendar/selector/monthSelector/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './monthSelector.utils';

package/dist/types/components/calendar/selector/monthSelector/utils/monthSelector.utils.d.ts

@@ -0,0 +1,11 @@
+interface HandleKeyMoveType {
+    currentDate: Date;
+    maxDate: Date;
+    minDate: Date;
+}
+export declare const keyLeftMove: ({ currentDate, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const keyRightMove: ({ currentDate, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const keyUpMove: ({ currentDate, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const keyDownMove: ({ currentDate, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const keyTabMove: (previous: number) => number;
+export {};

package/dist/types/components/calendar/selector/selector.d.ts

@@ -0,0 +1,2 @@
+import type { SelectorProps } from './types/selector';
+export declare const Selector: ({ configAccesibility, configCalendar, cssClasses, currentDate, customBackText, maxDate, minDate, onDaySelectorClick, onLeftIconClick, onMonthSelectorClick, onRightIconClick, onYearSelectorClick, setCurrentDate, setShowDaySelector, setShowMonthSelector, setShowYearSelector, showDaySelector, showMonthSelector, showYearSelector, useDaySelector, }: SelectorProps) => JSX.Element;

package/dist/types/components/calendar/selector/types/selector.d.ts

@@ -0,0 +1,39 @@
+import type { CommonIconProps } from '../../../../lib/types/commons/icon';
+import type { CalendarCssClasses } from '../../types/calendar';
+import type { CalendarStyleProps } from '../../types/calendarTheme';
+export interface SelectorProps {
+    currentDate: Date;
+    customBackText?: string;
+    setCurrentDate: (date: Date) => void;
+    maxDate: Date;
+    minDate: Date;
+    showYearSelector: boolean;
+    showMonthSelector: boolean;
+    showDaySelector: boolean;
+    setShowYearSelector: (value: boolean) => void;
+    setShowMonthSelector: (value: boolean) => void;
+    setShowDaySelector: (value: boolean) => void;
+    onDaySelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMonthSelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onYearSelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onLeftIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
+    onRightIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
+    styles?: CalendarStyleProps;
+    configCalendar: {
+        leftArrowIcon: CommonIconProps;
+        rightArrowIcon: CommonIconProps;
+        variantSelectorButton?: string;
+        sizeSelectorButton?: string;
+    };
+    configAccesibility?: {
+        monthSelectorRole?: string;
+        yearSelectorRole?: string;
+        daySelectorRole?: string;
+        monthSelectorAriaLabel?: string;
+        yearSelectorAriaLabel?: string;
+        daySelectorAriaLabel?: string;
+        backToMonthAriaLabel?: string;
+    };
+    cssClasses?: CalendarCssClasses;
+    useDaySelector?: boolean;
+}

package/dist/types/components/calendar/selector/types/state.d.ts

@@ -0,0 +1,2 @@
+import type { StateType } from '../../../../lib/types/states/states';
+export type SelectorStateType = Extract<StateType, 'default' | 'disabled'>;

package/dist/types/components/calendar/selector/yearSelector/index.d.ts

@@ -0,0 +1 @@
+export type { YearSelectorProps } from './types/yearSelector';

package/dist/types/components/calendar/selector/yearSelector/types/state.d.ts

@@ -0,0 +1 @@
+export type YearSelectorStateType = 'default' | 'disabled' | 'current' | 'hover' | 'selected';

package/dist/types/components/calendar/selector/yearSelector/types/yearSelector.d.ts

@@ -0,0 +1,14 @@
+import type { CalendarAccessibilityProps, CalendarCssClasses } from '../../../types/calendar';
+import type { CalendarStyleProps } from '../../../types/calendarTheme';
+import type { DataAttributes } from '../../../../../lib/types/dataAttributes/dataAttributes';
+export interface YearSelectorProps extends DataAttributes {
+    minDate: Date;
+    maxDate: Date;
+    currentDate: Date;
+    setCurrentDate: (date: any) => void;
+    onYearClick?: (value?: string) => void;
+    today: Date;
+    styles?: CalendarStyleProps;
+    configAccesibility?: CalendarAccessibilityProps;
+    cssClasses?: CalendarCssClasses;
+}

package/dist/types/components/calendar/selector/yearSelector/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './yearSelector.utils';

package/dist/types/components/calendar/selector/yearSelector/utils/yearSelector.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const firstYear: (yearList: number[]) => number;
+export declare const lastYear: (yearList: number[]) => number;
+export declare const keyLeftMove: (yearList: number[]) => ((previous: number) => number);
+export declare const keyRightMove: (yearList: number[]) => ((previous: number) => number);
+export declare const keyUpMove: (yearList: number[]) => ((previous: number) => number);
+export declare const keyDownMove: (yearList: number[]) => ((previous: number) => number);
+export declare const keyTabMove: (previous: number) => number;

package/dist/types/components/calendar/selector/yearSelector/yearSelector.d.ts

@@ -0,0 +1,2 @@
+import type { YearSelectorProps } from './types/yearSelector';
+export declare const YearSelector: ({ cssClasses, currentDate, maxDate, minDate, onYearClick, setCurrentDate, today, ...props }: YearSelectorProps) => JSX.Element;

package/dist/types/components/calendar/types/calendar.d.ts

@@ -0,0 +1,77 @@
+import type { CommonIconProps } from '../../../lib/types/commons/icon';
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttributes';
+export type CalendarCssClasses = ComponentSelected<ComponentsTypesComponents['CALENDAR']>;
+/**
+ * Interface for the calendar configuration.
+ * Includes properties for navigation icons and button styles.
+ */
+export interface CalendarConfigProps {
+    leftArrowIcon: CommonIconProps;
+    rightArrowIcon: CommonIconProps;
+    variantSelectorButton?: string;
+    sizeSelectorButton?: string;
+}
+/**
+ * Interface for accessibility configuration of the calendar.
+ * Includes ARIA labels and roles for various elements.
+ */
+export interface CalendarAccessibilityProps {
+    monthSelectorAriaLabel?: string;
+    yearSelectorAriaLabel?: string;
+    backToMonthAriaLabel?: string;
+    monthSelectorRole?: string;
+    yearSelectorRole?: string;
+    daySelectorRole?: string;
+}
+/**
+ * Interface for the standalone calendar component.
+ * Includes properties for date selection, configuration, and event handlers.
+ *
+ * @template Variant - The type of the variant for the calendar.
+ */
+export interface CalendarStandAloneProps<Variant = undefined extends string ? unknown : string> extends DataAttributes {
+    id?: string;
+    customBackText?: string;
+    selectedDate: Date[];
+    hasRange?: boolean;
+    disabledDates?: Date[];
+    currentDate: Date;
+    minDate: Date;
+    maxDate?: Date;
+    onSelectedDateChange?: (date: Date[]) => void;
+    setSelectedDate: (date: Date[]) => void;
+    setCurrentDate: (date: Date) => void;
+    variant?: Variant | string;
+    cssClasses?: CalendarCssClasses;
+    open: boolean;
+    configCalendar: CalendarConfigProps;
+    configAccesibility?: CalendarAccessibilityProps;
+    defaultCurrentDate?: Date;
+    sundayFirst?: boolean;
+    formatWeekDayOption?: Intl.DateTimeFormatOptions['weekday'];
+    onPopoverCloseInternally?: () => void;
+    onDaySelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMonthSelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onYearSelectorClick?: (value?: string, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onDayClick?: (value?: string) => void;
+    onMonthClick?: (value?: string) => void;
+    onYearClick?: (value?: string) => void;
+    onLeftIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
+    onRightIconClick?: (event?: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>) => void;
+    preventCloseOnClickElements?: (HTMLElement | null | undefined)[];
+    locale?: string;
+}
+type CalendarPropsToOmit = 'currentDate' | 'setCurrentDate' | 'selectedDate' | 'setSelectedDate' | 'styles';
+/**
+ * Interface for the calendar component with a variant.
+ * Extends the CalendarStandAloneProps interface and adds additional properties.
+ *
+ * @template Variant - The type of the variant for the calendar.
+ */
+export interface CalendarProps<Variant = undefined extends string ? unknown : string> extends Omit<CalendarStandAloneProps<Variant>, CalendarPropsToOmit> {
+    selectedDate?: Date;
+    secondSelectedDate?: Date;
+    additionalClasses?: Partial<CalendarCssClasses>;
+}
+export {};

package/dist/types/components/calendar/types/calendarTheme.d.ts

@@ -0,0 +1,30 @@
+import type { CssLibPropsType } from '../../../lib/types/cssGenerator/stylesTypes';
+export interface CalendarStyleProps extends CssLibPropsType {
+    _container?: CssLibPropsType;
+    _selectorContainer?: CssLibPropsType;
+    _selectorIconAndBackTextContainer?: CssLibPropsType;
+    _leftArrow?: CssLibPropsType;
+    _rightArrow?: CssLibPropsType;
+    _table?: CssLibPropsType;
+    _tbody?: CssLibPropsType;
+    _tableRow?: CssLibPropsType;
+    _backText?: CssLibPropsType;
+    _selectorOptionsContainer?: CssLibPropsType;
+    _listElementEmpty?: CssLibPropsType;
+    _listElementRove?: CssLibPropsType;
+    _headerContainer?: CssLibPropsType;
+    _headerRow?: CssLibPropsType;
+    _headerTh?: CssLibPropsType;
+    _weekDayContainer?: CssLibPropsType;
+    _daysList?: CssLibPropsType;
+    _monthsList?: CssLibPropsType;
+    _monthListItem?: CssLibPropsType;
+    _monthElement?: CssLibPropsType;
+    _yearsList?: CssLibPropsType;
+    _yearListItem?: CssLibPropsType;
+    _yearElement?: CssLibPropsType;
+    _year?: CssLibPropsType;
+}
+export type CalendarVariantStyles<Variant extends string> = CalendarStyleProps & {
+    [key in Variant]?: CalendarStyleProps;
+};

package/dist/types/components/calendar/utils/getAllDaysInMonth.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns an array of all dates in a given month and year.
+ *
+ * @param month - Month number (1-12)
+ * @param year - Year number
+ * @returns Array of Date objects for each day in the month
+ */
+export declare const getAllDaysInMonth: (month: number, year: number) => Date[];

package/dist/types/components/calendar/utils/getFirstDayOfMonth.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Gets the day of the week for the first day of a given month.
+ *
+ * @param year - The year
+ * @param month - The month (0-11)
+ * @returns Day of week (0 = Sunday, 6 = Saturday)
+ */
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;

package/dist/types/components/calendar/utils/getState.d.ts

@@ -0,0 +1,19 @@
+import type { ListDaysStateType } from '../list/types/state';
+interface getStatePropsType {
+    dayFormatted: Date | 0;
+    isSelectedToLeft: (dayFormatted: Date | 0) => boolean;
+    isSelectedToRight: (dayFormatted: Date | 0) => boolean;
+    isGhostSelected: (dayFormatted: Date | 0) => boolean;
+    selectedDate: Date[];
+    hasRange?: boolean;
+    today: string;
+    formatDate: (date: Date, format: string) => string;
+}
+/**
+ * Determines the visual state of a calendar day based on selection status.
+ *
+ * @param params - Configuration object
+ * @returns The state of the day (default, selected, in range, etc.)
+ */
+export declare const getStateDay: ({ dayFormatted, formatDate, hasRange, isGhostSelected, isSelectedToLeft, isSelectedToRight, selectedDate, today, }: getStatePropsType) => ListDaysStateType;
+export {};

package/dist/types/components/calendar/utils/getYearList.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates an array of years between a minimum and maximum date.
+ *
+ * @param minDate - The minimum date
+ * @param maxYear - The maximum date
+ * @returns Array of years in descending order
+ */
+export declare const getYearList: (minDate: Date, maxYear: Date) => number[];

package/dist/types/components/calendar/utils/groupDaysByWeeks.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Groups an array of days into weeks (arrays of 7 days each).
+ *
+ * @param dayList - Array of dates or undefined values
+ * @returns Array of week arrays, each containing up to 7 days
+ */
+export declare const groupDaysByWeeks: (dayList: (Date | undefined)[]) => (Date | undefined)[][];

package/dist/types/components/calendar/utils/handleKeysmoves.d.ts

@@ -0,0 +1,18 @@
+interface HandleKeyMoveType {
+    dayList: (Date | undefined)[];
+    maxDate: Date;
+    currentDate: Date;
+    minDate: Date;
+    firstEmptyAndDisabledDays: number;
+    daysAndEmptyDaysUntilMaxDate: number;
+}
+export declare const getFirstEmptyAndDisabledDays: (emptyDaysList: (Date | undefined)[], minDate: Date, currentDate: Date) => number;
+export declare const getDaysAndEmptyDaysUntilMaxDate: (emptyDaysList: (Date | undefined)[], maxDate: Date, currentDate: Date) => number;
+export declare const handleKeyUpMove: ({ currentDate, dayList, daysAndEmptyDaysUntilMaxDate, firstEmptyAndDisabledDays, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const handleKeyDownMove: ({ currentDate, dayList, daysAndEmptyDaysUntilMaxDate, firstEmptyAndDisabledDays, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const handleKeyLeftMove: ({ currentDate, dayList, daysAndEmptyDaysUntilMaxDate, firstEmptyAndDisabledDays, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const handleKeyRightMove: ({ currentDate, dayList, daysAndEmptyDaysUntilMaxDate, firstEmptyAndDisabledDays, maxDate, minDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const handleKeyTabMove: (previous: number) => number;
+export declare const handleKeyPageUpMove: ({ firstEmptyAndDisabledDays, }: HandleKeyMoveType) => ((previous: number) => number);
+export declare const handleKeyPageDownMove: ({ currentDate, dayList, daysAndEmptyDaysUntilMaxDate, maxDate, }: HandleKeyMoveType) => ((previous: number) => number);
+export {};

package/dist/types/components/calendar/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './getAllDaysInMonth';
+export * from './getFirstDayOfMonth';
+export * from './getState';
+export * from './getYearList';
+export * from './groupDaysByWeeks';
+export * from './handleKeysmoves';
+export * from './setMonth';
+export * from './setYear';

package/dist/types/components/calendar/utils/setMonth.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Sets the month of a date object.
+ *
+ * @param date - The date to modify
+ * @param newMonth - The new month value (0-11)
+ * @returns The timestamp after setting the month
+ */
+export declare const setMonth: (date: Date, newMonth: number) => number;

package/dist/types/components/calendar/utils/setYear.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Sets the year of a date object.
+ *
+ * @param date - The date to modify
+ * @param newYear - The new year value
+ * @returns The timestamp after setting the year
+ */
+export declare const setYear: (date: Date, newYear: number) => number;

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

@@ -0,0 +1,35 @@
+import type { CardProps } from './types/card';
+/**
+ * Card component for displaying content in a structured container.
+ *
+ * This component wraps content in a styled card with optional header, content, and footer sections.
+ * It is useful for organizing information, displaying items in a list, or creating selectable cards.
+ * Supports interactive states (hover, selected) and custom theming via variants.
+ *
+ * All sections (header, content, footer) are optional and can accept either text or any React node.
+ * The card can respond to user interaction through onClick, onMouseEnter, and onMouseLeave handlers.
+ *
+ * Internally, it computes CSS classes using a custom hook and delegates rendering to {@link CardStandAlone}.
+ *
+ * This component accepts a generic type parameter `<Variant extends string>` to allow for custom variant values,
+ * enabling flexible theming and styling.
+ *
+ * @example
+ * ```tsx
+ * <Card
+ *   header={{ content: "Card Title" }}
+ *   content="This is the card content"
+ *   footer={{ content: "Footer information" }}
+ * />
+ *
+ * // With a custom variant type:
+ * type MyVariant = "primary" | "secondary";
+ * <Card<MyVariant>
+ *   header="Primary Card"
+ *   content={<div>Custom content</div>}
+ *   variant="primary"
+ *   state="selected"
+ * />
+ * ```
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps<string> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,34 @@
+import type { CardStandAloneProps } from './types/card';
+/**
+ * Standalone card component for rendering a section with optional header, content and footer areas.
+ *
+ * This component displays a styled card container with three optional sections:
+ * - header: Can be text or any React node
+ * - content: Can be text or any React node
+ * - footer: Can be text or any React node
+ *
+ * Supports interactive states like hover and selected, making it useful for
+ * selectable cards, clickable items, or informational panels.
+ *
+ * This component accepts a generic type parameter `<Variant extends string>` to allow for custom variant values,
+ * enabling flexible theming and styling of the card.
+ *
+ * @example
+ * ```tsx
+ * <CardStandAlone
+ *   header={{ content: "Card Title" }}
+ *   content="Card content goes here"
+ *   footer={{ content: "Footer text" }}
+ * />
+ *
+ * // With a custom variant type:
+ * type MyVariant = "primary" | "secondary";
+ * <CardStandAlone<MyVariant>
+ *   header="Primary Card"
+ *   content={<div>Custom content</div>}
+ *   variant="primary"
+ *   state="selected"
+ * />
+ * ```
+ */
+export declare const CardStandAlone: import("react").ForwardRefExoticComponent<CardStandAloneProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+export { Card } from './card';
+export { CardStandAlone } from './cardStandAlone';
+export type { CardProps, CardStandAloneProps } from './types/card';
+export type { CardStyleProps, CardVariantStyles } from './types/cardTheme';

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

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import type { CommonTextProps } from '../../../lib/types/commons/text';
+import type { ComponentSelected, ComponentsTypesComponents } from '../../../lib/types/cssGenerator/componentsTypes';
+import type { DataAttributes } from '../../../lib/types/dataAttributes/dataAttributes';
+import type { StateType } from '../../../lib/types/states/states';
+type CardCssClasses = ComponentSelected<ComponentsTypesComponents['CARD']>;
+/**
+ * Interface for the standalone card component.
+ * It includes optional custom CSS classes, header, content, footer sections and interactive states.
+ */
+export interface CardStandAloneProps extends DataAttributes {
+    cssClasses?: CardCssClasses;
+    header?: CommonTextProps | ReactNode;
+    content?: CommonTextProps | ReactNode;
+    footer?: CommonTextProps | ReactNode;
+    state?: StateType;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+}
+/**
+ * Interface for the card component with a variant.
+ * Extends the ICardStandAlone interface and adds a variant and additional CSS classes.
+ *
+ * @template Variant - The type of the variant for the card.
+ */
+export interface CardProps<Variant extends string | unknown> extends Omit<CardStandAloneProps, 'cssClasses'> {
+    variant?: Variant;
+    additionalClasses?: Partial<CardCssClasses>;
+}
+export {};