@yr3/ui 1.0.16 → 1.0.18

package/dist/index.d.cts

@@ -1112,6 +1112,15 @@ type CalendarComponentProps = {
     props?: any;
 };
 declare function getMonthCalendar(year: number, month: number, startIndex: number, selected: CalendarDayProps, props?: any): CalendarComponentProps;
+type CalendarMonthProps = {
+    year: number;
+    month: number;
+    years: number[];
+    language?: string;
+    formatMonth: string;
+    monthsDisabled?: number[];
+};
+declare function getMonthCalendarProps({ year, years, month, formatMonth, monthsDisabled }: CalendarMonthProps): any;
 
 declare const rgbToHex: (r: number, g: number, b: number) => string;
 declare const hexToRgb: (hex: string) => {
@@ -1350,6 +1359,88 @@ type DrawerProps = {
 };
 declare const Drawer: React$1.FC<DrawerProps>;
 
+type LabelProps = {
+    display?: boolean;
+    text?: string;
+    children?: React$1.ReactNode;
+    className?: string;
+    color?: keyof Theme['colors'];
+    ui?: Omit<UIProps, 'color'>;
+    style?: React$1.CSSProperties;
+};
+declare const Label: React$1.FC<LabelProps>;
+
+type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    label?: string;
+    value?: string;
+    pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
+    variant?: ControlVariants;
+    separatorCurrency?: ',' | '.';
+    color?: keyof Theme['colors'];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        control?: Omit<ControlProps, 'children'>;
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+};
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
+    variant?: ControlVariants;
+    separatorCurrency?: "," | ".";
+    color?: keyof Theme["colors"];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        control?: Omit<ControlProps, "children">;
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type MonthSelectorProps = {
+    label?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    language?: string;
+    years: number[];
+    month: number;
+    formatMonth?: string;
+    monthsDisabled?: number[];
+    year: number;
+    onChange?: (e: any, value: string) => void;
+    propsComponent?: {
+        control?: Omit<React$1.ComponentProps<typeof Input>, 'value' | 'onChange'>;
+        wrapper?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        label?: {
+            display?: boolean;
+            color?: keyof Theme['colors'];
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        icon?: {
+            style?: React$1.CSSProperties;
+            component?: React$1.ReactNode;
+            svg?: React$1.CSSProperties;
+            color?: keyof Theme['colors'];
+        };
+    };
+};
+declare const MonthSelector: React$1.FC<MonthSelectorProps>;
+
 type FadeProps = {
     in: boolean;
     children?: React$1.ReactNode;
@@ -1392,6 +1483,9 @@ type Option = {
     label: string;
     value: string;
     disabled?: boolean;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    active?: keyof Theme['colors'];
 };
 type GroupsVariant = 'filled' | 'outlined' | 'text';
 type GroupsType = 'rounded' | 'square';
@@ -1454,54 +1548,6 @@ type ImageDropzoneProps = {
 };
 declare const ImageDropzone: React$1.FC<ImageDropzoneProps>;
 
-type LabelProps = {
-    display?: boolean;
-    text?: string;
-    children?: React$1.ReactNode;
-    className?: string;
-    color?: keyof Theme['colors'];
-    ui?: Omit<UIProps, 'color'>;
-    style?: React$1.CSSProperties;
-};
-declare const Label: React$1.FC<LabelProps>;
-
-type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    label?: string;
-    value?: string;
-    pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
-    variant?: ControlVariants;
-    separatorCurrency?: ',' | '.';
-    color?: keyof Theme['colors'];
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
-    error?: string | null;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    propsComponent?: {
-        control?: Omit<ControlProps, 'children'>;
-        label?: LabelProps & {
-            display?: boolean;
-        };
-    };
-};
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
-    label?: string;
-    value?: string;
-    pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
-    variant?: ControlVariants;
-    separatorCurrency?: "," | ".";
-    color?: keyof Theme["colors"];
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
-    error?: string | null;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    propsComponent?: {
-        control?: Omit<ControlProps, "children">;
-        label?: LabelProps & {
-            display?: boolean;
-        };
-    };
-} & React$1.RefAttributes<HTMLInputElement>>;
-
 type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
 type InputAreaProps = {
     value?: string;
@@ -1608,6 +1654,7 @@ type SelectorProps = {
     };
     onChange?: (e: SelectorChangeEvent, value: string) => void;
 };
+declare const Selector: React$1.FC<SelectorProps>;
 
 type PhoneInputProps = {
     name?: string;
@@ -1769,6 +1816,10 @@ declare const IconSearch: React.FC<IconProps>;
 
 declare const IconDown: React.FC<IconProps>;
 
+declare const IconCalendar: React.FC<IconProps>;
+
+declare const IconLeft: React.FC<IconProps>;
+
 declare const useClickAway: (ref: any, callback: any) => void;
 
 type UsePlacesProps = {
@@ -1787,4 +1838,4 @@ declare const breakUp: (bp: number) => string;
 declare const breakDown: (bp: number) => string;
 declare function useBreakpoint(queryInput: QueryInput): boolean;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarMonthProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconCalendar, IconClose, IconDown, IconLeft, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, MonthSelector, type MonthSelectorProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, Selector, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getMonthCalendarProps, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };

package/dist/index.d.ts

@@ -1112,6 +1112,15 @@ type CalendarComponentProps = {
     props?: any;
 };
 declare function getMonthCalendar(year: number, month: number, startIndex: number, selected: CalendarDayProps, props?: any): CalendarComponentProps;
+type CalendarMonthProps = {
+    year: number;
+    month: number;
+    years: number[];
+    language?: string;
+    formatMonth: string;
+    monthsDisabled?: number[];
+};
+declare function getMonthCalendarProps({ year, years, month, formatMonth, monthsDisabled }: CalendarMonthProps): any;
 
 declare const rgbToHex: (r: number, g: number, b: number) => string;
 declare const hexToRgb: (hex: string) => {
@@ -1350,6 +1359,88 @@ type DrawerProps = {
 };
 declare const Drawer: React$1.FC<DrawerProps>;
 
+type LabelProps = {
+    display?: boolean;
+    text?: string;
+    children?: React$1.ReactNode;
+    className?: string;
+    color?: keyof Theme['colors'];
+    ui?: Omit<UIProps, 'color'>;
+    style?: React$1.CSSProperties;
+};
+declare const Label: React$1.FC<LabelProps>;
+
+type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    label?: string;
+    value?: string;
+    pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
+    variant?: ControlVariants;
+    separatorCurrency?: ',' | '.';
+    color?: keyof Theme['colors'];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        control?: Omit<ControlProps, 'children'>;
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+};
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
+    variant?: ControlVariants;
+    separatorCurrency?: "," | ".";
+    color?: keyof Theme["colors"];
+    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
+    error?: string | null;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        control?: Omit<ControlProps, "children">;
+        label?: LabelProps & {
+            display?: boolean;
+        };
+    };
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type MonthSelectorProps = {
+    label?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    language?: string;
+    years: number[];
+    month: number;
+    formatMonth?: string;
+    monthsDisabled?: number[];
+    year: number;
+    onChange?: (e: any, value: string) => void;
+    propsComponent?: {
+        control?: Omit<React$1.ComponentProps<typeof Input>, 'value' | 'onChange'>;
+        wrapper?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        label?: {
+            display?: boolean;
+            color?: keyof Theme['colors'];
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+        icon?: {
+            style?: React$1.CSSProperties;
+            component?: React$1.ReactNode;
+            svg?: React$1.CSSProperties;
+            color?: keyof Theme['colors'];
+        };
+    };
+};
+declare const MonthSelector: React$1.FC<MonthSelectorProps>;
+
 type FadeProps = {
     in: boolean;
     children?: React$1.ReactNode;
@@ -1392,6 +1483,9 @@ type Option = {
     label: string;
     value: string;
     disabled?: boolean;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    active?: keyof Theme['colors'];
 };
 type GroupsVariant = 'filled' | 'outlined' | 'text';
 type GroupsType = 'rounded' | 'square';
@@ -1454,54 +1548,6 @@ type ImageDropzoneProps = {
 };
 declare const ImageDropzone: React$1.FC<ImageDropzoneProps>;
 
-type LabelProps = {
-    display?: boolean;
-    text?: string;
-    children?: React$1.ReactNode;
-    className?: string;
-    color?: keyof Theme['colors'];
-    ui?: Omit<UIProps, 'color'>;
-    style?: React$1.CSSProperties;
-};
-declare const Label: React$1.FC<LabelProps>;
-
-type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    label?: string;
-    value?: string;
-    pattern?: 'text' | 'email' | 'phone' | 'number' | 'password' | 'search' | 'date' | 'currency';
-    variant?: ControlVariants;
-    separatorCurrency?: ',' | '.';
-    color?: keyof Theme['colors'];
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
-    error?: string | null;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    propsComponent?: {
-        control?: Omit<ControlProps, 'children'>;
-        label?: LabelProps & {
-            display?: boolean;
-        };
-    };
-};
-declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
-    label?: string;
-    value?: string;
-    pattern?: "text" | "email" | "phone" | "number" | "password" | "search" | "date" | "currency";
-    variant?: ControlVariants;
-    separatorCurrency?: "," | ".";
-    color?: keyof Theme["colors"];
-    onChange?: (e: React$1.ChangeEvent<HTMLInputElement>, value: string) => void;
-    error?: string | null;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    propsComponent?: {
-        control?: Omit<ControlProps, "children">;
-        label?: LabelProps & {
-            display?: boolean;
-        };
-    };
-} & React$1.RefAttributes<HTMLInputElement>>;
-
 type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
 type InputAreaProps = {
     value?: string;
@@ -1608,6 +1654,7 @@ type SelectorProps = {
     };
     onChange?: (e: SelectorChangeEvent, value: string) => void;
 };
+declare const Selector: React$1.FC<SelectorProps>;
 
 type PhoneInputProps = {
     name?: string;
@@ -1769,6 +1816,10 @@ declare const IconSearch: React.FC<IconProps>;
 
 declare const IconDown: React.FC<IconProps>;
 
+declare const IconCalendar: React.FC<IconProps>;
+
+declare const IconLeft: React.FC<IconProps>;
+
 declare const useClickAway: (ref: any, callback: any) => void;
 
 type UsePlacesProps = {
@@ -1787,4 +1838,4 @@ declare const breakUp: (bp: number) => string;
 declare const breakDown: (bp: number) => string;
 declare function useBreakpoint(queryInput: QueryInput): boolean;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarMonthProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsType, type GroupsVariant, IconCalendar, IconClose, IconDown, IconLeft, IconSearch, Image, ImageDropzone, type ImageDropzoneProps, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, MonthSelector, type MonthSelectorProps, Notistack, type NotistackAnchorProps, NotistackContext, type NotistackContextType, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, Selector, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, type Snack, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, alpha, applyTheme, baseTokens, bem, bemMerge, breakDown, breakUp, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, darken, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getMonthCalendarProps, getNumberPhone, hexToRgb, initTheme, inputCurrency, isEmpty, lighten, mergeDeep, normalizePhone, rgbToHex, text, times, uiStyle, useBackdrop, useBreakpoint, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };