@yr3/ui 1.0.3 → 1.0.4

package/dist/index.d.cts

@@ -1287,6 +1287,24 @@ type ImageProps = {
 };
 declare const Image: React$1.FC<ImageProps>;
 
+type Props = {
+    onChange?: (files: File[]) => void;
+    multiple?: boolean;
+    ui?: UIProps;
+    bordered?: boolean;
+    style?: React$1.CSSProperties;
+    component?: React$1.ReactNode;
+    defaultImage?: string;
+    variant?: 'base' | 'outlined';
+    propsComponent?: {
+        box?: Omit<BoxProps, 'children'>;
+        text?: Omit<TextProps, 'children' | 'as'> & {
+            primary?: string;
+        };
+    };
+};
+declare const ImageDropzone: React$1.FC<Props>;
+
 type LabelProps = {
     display?: boolean;
     text?: string;
@@ -1390,25 +1408,6 @@ type PlaceData = {
     placeId?: string;
 };
 
-type ModalContainerProps = {
-    children?: React$1.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-};
-declare const ModalContainer: React$1.FC<ModalContainerProps>;
-
-type ModalProps = {
-    open?: boolean;
-    onClose?: () => void;
-    children?: React$1.ReactNode;
-    propsComponent?: {
-        container?: Omit<ModalContainerProps, 'children'>;
-        close?: React$1.ReactNode;
-    };
-};
-declare const Modal: React$1.FC<ModalProps>;
-
 declare const bem: (block: string) => (element?: string, modifiers?: Record<string, any>) => string;
 declare const bemMerge: (...args: any[]) => string;
 
@@ -1453,6 +1452,48 @@ type VariantConfig = {
 };
 declare const createVariants: (config: VariantConfig) => (props?: Record<string, any>) => string;
 
+type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
+type InputAreaProps = {
+    value?: string;
+    defaultValue?: string;
+    variant?: InputAreaVariant;
+    label?: string;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    onChange?: (e: React$1.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+    rows?: number;
+    color?: keyof Theme['colors'];
+    maxLength?: number;
+    validate?: boolean;
+    rich?: boolean;
+    ui?: UIProps;
+    rounded?: boolean;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        label?: LabelProps;
+        helperText?: string;
+    };
+};
+declare const InputArea: React$1.FC<InputAreaProps>;
+
+type ModalContainerProps = {
+    children?: React$1.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+};
+declare const ModalContainer: React$1.FC<ModalContainerProps>;
+
+type ModalProps = {
+    open?: boolean;
+    onClose?: () => void;
+    children?: React$1.ReactNode;
+    propsComponent?: {
+        container?: Omit<ModalContainerProps, 'children'>;
+        close?: React$1.ReactNode;
+    };
+};
+declare const Modal: React$1.FC<ModalProps>;
+
 type NotistackAnchorProps = {
     vertical: 'top' | 'bottom';
     horizontal: 'left' | 'center' | 'right';
@@ -1598,4 +1639,4 @@ declare const IconDown: React.FC<IconProps>;
 
 declare const useClickAway: (ref: any, callback: any) => void;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, 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, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, 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, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };

package/dist/index.d.ts

@@ -1287,6 +1287,24 @@ type ImageProps = {
 };
 declare const Image: React$1.FC<ImageProps>;
 
+type Props = {
+    onChange?: (files: File[]) => void;
+    multiple?: boolean;
+    ui?: UIProps;
+    bordered?: boolean;
+    style?: React$1.CSSProperties;
+    component?: React$1.ReactNode;
+    defaultImage?: string;
+    variant?: 'base' | 'outlined';
+    propsComponent?: {
+        box?: Omit<BoxProps, 'children'>;
+        text?: Omit<TextProps, 'children' | 'as'> & {
+            primary?: string;
+        };
+    };
+};
+declare const ImageDropzone: React$1.FC<Props>;
+
 type LabelProps = {
     display?: boolean;
     text?: string;
@@ -1390,25 +1408,6 @@ type PlaceData = {
     placeId?: string;
 };
 
-type ModalContainerProps = {
-    children?: React$1.ReactNode;
-    size?: 'sm' | 'md' | 'lg';
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-};
-declare const ModalContainer: React$1.FC<ModalContainerProps>;
-
-type ModalProps = {
-    open?: boolean;
-    onClose?: () => void;
-    children?: React$1.ReactNode;
-    propsComponent?: {
-        container?: Omit<ModalContainerProps, 'children'>;
-        close?: React$1.ReactNode;
-    };
-};
-declare const Modal: React$1.FC<ModalProps>;
-
 declare const bem: (block: string) => (element?: string, modifiers?: Record<string, any>) => string;
 declare const bemMerge: (...args: any[]) => string;
 
@@ -1453,6 +1452,48 @@ type VariantConfig = {
 };
 declare const createVariants: (config: VariantConfig) => (props?: Record<string, any>) => string;
 
+type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
+type InputAreaProps = {
+    value?: string;
+    defaultValue?: string;
+    variant?: InputAreaVariant;
+    label?: string;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    onChange?: (e: React$1.ChangeEvent<HTMLTextAreaElement>, value: string) => void;
+    rows?: number;
+    color?: keyof Theme['colors'];
+    maxLength?: number;
+    validate?: boolean;
+    rich?: boolean;
+    ui?: UIProps;
+    rounded?: boolean;
+    style?: React$1.CSSProperties;
+    propsComponent?: {
+        label?: LabelProps;
+        helperText?: string;
+    };
+};
+declare const InputArea: React$1.FC<InputAreaProps>;
+
+type ModalContainerProps = {
+    children?: React$1.ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+};
+declare const ModalContainer: React$1.FC<ModalContainerProps>;
+
+type ModalProps = {
+    open?: boolean;
+    onClose?: () => void;
+    children?: React$1.ReactNode;
+    propsComponent?: {
+        container?: Omit<ModalContainerProps, 'children'>;
+        close?: React$1.ReactNode;
+    };
+};
+declare const Modal: React$1.FC<ModalProps>;
+
 type NotistackAnchorProps = {
     vertical: 'top' | 'bottom';
     horizontal: 'left' | 'center' | 'right';
@@ -1598,4 +1639,4 @@ declare const IconDown: React.FC<IconProps>;
 
 declare const useClickAway: (ref: any, callback: any) => void;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, 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, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, 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, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };