@yr3/ui 1.0.6 → 1.0.8

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { Place } from '@yr3/autocomplete-places';
-export * from '@yr3/autocomplete-places';
 import * as React$1 from 'react';
 import { SVGProps, CSSProperties } from 'react';
 import * as csstype from 'csstype';
+import * as _yr3_autocomplete_places from '@yr3/autocomplete-places';
+import { Place, Provider } from '@yr3/autocomplete-places';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dayjs } from 'dayjs';
 
@@ -1012,11 +1012,12 @@ type BoxProps = {
 declare const Box: React$1.FC<BoxProps>;
 
 type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'body1' | 'body2' | 'caption' | 'button' | 'helper' | 'inherit' | 'code';
+type TextWeight = 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black' | 'thin';
 type TextProps = {
     children?: React$1.ReactNode;
     variant?: TextVariant;
     color?: keyof Theme['colors'];
-    weight?: 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black' | 'thin';
+    weight?: TextWeight;
     as?: keyof React$1.JSX.IntrinsicElements;
     gutters?: number[];
     ui?: UIProps;
@@ -1101,6 +1102,7 @@ type CalendarProps = {
             bordered?: boolean;
             ui?: UIProps;
             style?: React$1.CSSProperties;
+            component?: React$1.ReactNode;
         };
         month?: {
             color?: keyof Theme['colors'];
@@ -1182,6 +1184,7 @@ type ControlProps = {
     variant?: ControlVariants;
     label?: boolean;
     ui?: UIProps;
+    size?: 'auto' | 'full';
     color?: keyof Theme['colors'];
 };
 declare const Control: React$1.FC<ControlProps>;
@@ -1329,6 +1332,7 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'
     ui?: UIProps;
     style?: React$1.CSSProperties;
     propsComponent?: {
+        control?: Omit<ControlProps, 'children'>;
         label?: LabelProps & {
             display?: boolean;
         };
@@ -1345,6 +1349,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     ui?: UIProps;
     style?: React$1.CSSProperties;
     propsComponent?: {
+        control?: Omit<ControlProps, "children">;
         label?: LabelProps & {
             display?: boolean;
         };
@@ -1517,6 +1522,10 @@ type SelectorProps = {
     icon?: React$1.ReactNode;
     propsComponent?: {
         text?: Omit<TextProps, ''>;
+        menu?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
     };
     onChange?: (e: SelectorChangeEvent, value: string) => void;
 };
@@ -1586,6 +1595,10 @@ type RadioProps = {
 };
 declare const Radio: React$1.FC<RadioProps>;
 
+type SelectOptionsProps = {
+    value: string;
+    label: string;
+};
 type SelectChangeEvent = {
     event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
     target: {
@@ -1603,10 +1616,9 @@ type SelectProps = {
     label?: string;
     name?: string;
     disabled?: boolean;
-    options: {
-        value: string;
-        label: string;
-    }[];
+    options: SelectOptionsProps[];
+    variant?: ControlProps['variant'];
+    color?: keyof Theme['colors'];
     propsComponent?: {
         control?: Omit<ControlProps, 'children'>;
         wrapper?: {
@@ -1621,6 +1633,11 @@ type SelectProps = {
         menu?: {
             ui?: UIProps;
             style?: React$1.CSSProperties;
+            options?: {
+                text?: Omit<TextProps, 'children'>;
+                ui?: UIProps;
+                style?: React$1.CSSProperties;
+            };
         };
     };
     value?: string;
@@ -1656,6 +1673,13 @@ type SwitchProps = {
     label?: string;
     color?: keyof Theme['colors'];
     size?: 'sm' | 'md' | 'lg';
+    placement?: 'start' | 'end';
+    propsComponent?: {
+        label: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+    };
 };
 declare const Switch: React$1.FC<SwitchProps>;
 
@@ -1667,4 +1691,15 @@ 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, type CountriesDial, 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, PlacesAutocomplete, type PropsPlaces, 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, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+type UsePlacesProps = {
+    apiKey: string;
+    provider?: Provider;
+    language?: string;
+    input: string;
+};
+declare const usePlaces: ({ input, language, apiKey, provider }: UsePlacesProps) => {
+    suggestions: _yr3_autocomplete_places.PlaceSuggestion[];
+    selectPlace: (id: string) => Promise<_yr3_autocomplete_places.Place>;
+};
+
+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, type CountriesDial, 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, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { Place } from '@yr3/autocomplete-places';
-export * from '@yr3/autocomplete-places';
 import * as React$1 from 'react';
 import { SVGProps, CSSProperties } from 'react';
 import * as csstype from 'csstype';
+import * as _yr3_autocomplete_places from '@yr3/autocomplete-places';
+import { Place, Provider } from '@yr3/autocomplete-places';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Dayjs } from 'dayjs';
 
@@ -1012,11 +1012,12 @@ type BoxProps = {
 declare const Box: React$1.FC<BoxProps>;
 
 type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title' | 'subtitle' | 'body1' | 'body2' | 'caption' | 'button' | 'helper' | 'inherit' | 'code';
+type TextWeight = 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black' | 'thin';
 type TextProps = {
     children?: React$1.ReactNode;
     variant?: TextVariant;
     color?: keyof Theme['colors'];
-    weight?: 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'black' | 'thin';
+    weight?: TextWeight;
     as?: keyof React$1.JSX.IntrinsicElements;
     gutters?: number[];
     ui?: UIProps;
@@ -1101,6 +1102,7 @@ type CalendarProps = {
             bordered?: boolean;
             ui?: UIProps;
             style?: React$1.CSSProperties;
+            component?: React$1.ReactNode;
         };
         month?: {
             color?: keyof Theme['colors'];
@@ -1182,6 +1184,7 @@ type ControlProps = {
     variant?: ControlVariants;
     label?: boolean;
     ui?: UIProps;
+    size?: 'auto' | 'full';
     color?: keyof Theme['colors'];
 };
 declare const Control: React$1.FC<ControlProps>;
@@ -1329,6 +1332,7 @@ type InputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'onChange'
     ui?: UIProps;
     style?: React$1.CSSProperties;
     propsComponent?: {
+        control?: Omit<ControlProps, 'children'>;
         label?: LabelProps & {
             display?: boolean;
         };
@@ -1345,6 +1349,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     ui?: UIProps;
     style?: React$1.CSSProperties;
     propsComponent?: {
+        control?: Omit<ControlProps, "children">;
         label?: LabelProps & {
             display?: boolean;
         };
@@ -1517,6 +1522,10 @@ type SelectorProps = {
     icon?: React$1.ReactNode;
     propsComponent?: {
         text?: Omit<TextProps, ''>;
+        menu?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
     };
     onChange?: (e: SelectorChangeEvent, value: string) => void;
 };
@@ -1586,6 +1595,10 @@ type RadioProps = {
 };
 declare const Radio: React$1.FC<RadioProps>;
 
+type SelectOptionsProps = {
+    value: string;
+    label: string;
+};
 type SelectChangeEvent = {
     event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
     target: {
@@ -1603,10 +1616,9 @@ type SelectProps = {
     label?: string;
     name?: string;
     disabled?: boolean;
-    options: {
-        value: string;
-        label: string;
-    }[];
+    options: SelectOptionsProps[];
+    variant?: ControlProps['variant'];
+    color?: keyof Theme['colors'];
     propsComponent?: {
         control?: Omit<ControlProps, 'children'>;
         wrapper?: {
@@ -1621,6 +1633,11 @@ type SelectProps = {
         menu?: {
             ui?: UIProps;
             style?: React$1.CSSProperties;
+            options?: {
+                text?: Omit<TextProps, 'children'>;
+                ui?: UIProps;
+                style?: React$1.CSSProperties;
+            };
         };
     };
     value?: string;
@@ -1656,6 +1673,13 @@ type SwitchProps = {
     label?: string;
     color?: keyof Theme['colors'];
     size?: 'sm' | 'md' | 'lg';
+    placement?: 'start' | 'end';
+    propsComponent?: {
+        label: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+        };
+    };
 };
 declare const Switch: React$1.FC<SwitchProps>;
 
@@ -1667,4 +1691,15 @@ 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, type CountriesDial, 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, PlacesAutocomplete, type PropsPlaces, 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, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+type UsePlacesProps = {
+    apiKey: string;
+    provider?: Provider;
+    language?: string;
+    input: string;
+};
+declare const usePlaces: ({ input, language, apiKey, provider }: UsePlacesProps) => {
+    suggestions: _yr3_autocomplete_places.PlaceSuggestion[];
+    selectPlace: (id: string) => Promise<_yr3_autocomplete_places.Place>;
+};
+
+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, type CountriesDial, 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, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectOptionsProps, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, type SwitchProps, Text, type TextProps, type TextVariant, type TextWeight, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, usePlaces, useTheme };