@umami/react-zen 0.242.0 → 0.244.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +96 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +96 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -11
- package/styles.full.css +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -201,6 +201,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
201
201
|
marginRight?: Responsive$1<Spacing>;
|
|
202
202
|
marginBottom?: Responsive$1<Spacing>;
|
|
203
203
|
marginLeft?: Responsive$1<Spacing>;
|
|
204
|
+
spaceX?: Responsive$1<Spacing>;
|
|
205
|
+
spaceY?: Responsive$1<Spacing>;
|
|
204
206
|
width?: Responsive$1<Width | string>;
|
|
205
207
|
minWidth?: Responsive$1<MinWidth | string>;
|
|
206
208
|
maxWidth?: Responsive$1<MaxWidth | string>;
|
|
@@ -688,6 +690,7 @@ declare function mapPointerEvents(value: Responsive<string> | undefined): string
|
|
|
688
690
|
declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
|
|
689
691
|
declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
|
|
690
692
|
declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
|
|
693
|
+
declare function mapSpace(value: Responsive<string> | undefined, axis: 'x' | 'y'): string;
|
|
691
694
|
declare function mapFontSize(value: Responsive<string> | undefined): string;
|
|
692
695
|
declare function mapHeadingSize(value: Responsive<string> | undefined): string;
|
|
693
696
|
declare function mapFontWeight(value: Responsive<string> | undefined): string;
|
|
@@ -847,6 +850,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
847
850
|
searchDelay?: number;
|
|
848
851
|
isFullscreen?: boolean;
|
|
849
852
|
maxHeight?: string | number;
|
|
853
|
+
showIcon?: boolean;
|
|
850
854
|
onSearch?: (value: string) => void;
|
|
851
855
|
onChange?: (e: any) => void;
|
|
852
856
|
buttonProps?: ButtonProps;
|
|
@@ -856,7 +860,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
856
860
|
defaultChildren: ReactNode;
|
|
857
861
|
}) => ReactNode);
|
|
858
862
|
}
|
|
859
|
-
declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
863
|
+
declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, showIcon, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
860
864
|
|
|
861
865
|
interface SliderProps extends SliderProps$1 {
|
|
862
866
|
label?: ReactNode;
|
|
@@ -990,4 +994,4 @@ interface ZenProviderProps {
|
|
|
990
994
|
}
|
|
991
995
|
declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
|
|
992
996
|
|
|
993
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
|
|
997
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapSpace, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -201,6 +201,8 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
201
201
|
marginRight?: Responsive$1<Spacing>;
|
|
202
202
|
marginBottom?: Responsive$1<Spacing>;
|
|
203
203
|
marginLeft?: Responsive$1<Spacing>;
|
|
204
|
+
spaceX?: Responsive$1<Spacing>;
|
|
205
|
+
spaceY?: Responsive$1<Spacing>;
|
|
204
206
|
width?: Responsive$1<Width | string>;
|
|
205
207
|
minWidth?: Responsive$1<MinWidth | string>;
|
|
206
208
|
maxWidth?: Responsive$1<MaxWidth | string>;
|
|
@@ -688,6 +690,7 @@ declare function mapPointerEvents(value: Responsive<string> | undefined): string
|
|
|
688
690
|
declare function mapPadding(value: Responsive<string> | undefined, side?: string): string;
|
|
689
691
|
declare function mapMargin(value: Responsive<string> | undefined, side?: string): string;
|
|
690
692
|
declare function mapGap(value: Responsive<string> | undefined, axis?: 'x' | 'y'): string;
|
|
693
|
+
declare function mapSpace(value: Responsive<string> | undefined, axis: 'x' | 'y'): string;
|
|
691
694
|
declare function mapFontSize(value: Responsive<string> | undefined): string;
|
|
692
695
|
declare function mapHeadingSize(value: Responsive<string> | undefined): string;
|
|
693
696
|
declare function mapFontWeight(value: Responsive<string> | undefined): string;
|
|
@@ -847,6 +850,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
847
850
|
searchDelay?: number;
|
|
848
851
|
isFullscreen?: boolean;
|
|
849
852
|
maxHeight?: string | number;
|
|
853
|
+
showIcon?: boolean;
|
|
850
854
|
onSearch?: (value: string) => void;
|
|
851
855
|
onChange?: (e: any) => void;
|
|
852
856
|
buttonProps?: ButtonProps;
|
|
@@ -856,7 +860,7 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
|
856
860
|
defaultChildren: ReactNode;
|
|
857
861
|
}) => ReactNode);
|
|
858
862
|
}
|
|
859
|
-
declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
863
|
+
declare function Select({ value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, maxHeight, showIcon, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
860
864
|
|
|
861
865
|
interface SliderProps extends SliderProps$1 {
|
|
862
866
|
label?: ReactNode;
|
|
@@ -990,4 +994,4 @@ interface ZenProviderProps {
|
|
|
990
994
|
}
|
|
991
995
|
declare function ZenProvider({ children, theme, colorScheme, palette, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
|
|
992
996
|
|
|
993
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
|
|
997
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PALETTES, type Palette, PaletteSwitcher, type PaletteSwitcherProps, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, type StrokeWidth, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Tag, TagGroup, type TagGroupProps, type TagProps, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, type ThemeMode, ThemeSwitcher, type ThemeSwitcherProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, cn, getCssColorValue, isHeightPreset, isMaxHeightPreset, isMaxWidthPreset, isMinHeightPreset, isMinWidthPreset, isWidthPreset, mapAlignContent, mapAlignItems, mapAlignSelf, mapBackgroundColor, mapBorder, mapBorderColor, mapBorderRadius, mapBorderWidth, mapCursor, mapDisplay, mapFlexDirection, mapFlexWrap, mapFontSize, mapFontWeight, mapGap, mapGridAutoFlow, mapGridColumns, mapGridRows, mapHeadingSize, mapHeight, mapJustifyContent, mapJustifyItems, mapLetterSpacing, mapLineHeight, mapMargin, mapMaxHeight, mapMaxWidth, mapMinHeight, mapMinWidth, mapOpacity, mapOverflow, mapPadding, mapPointerEvents, mapPosition, mapShadow, mapSpace, mapStateStyles, mapTextAlign, mapTextColor, mapTextDecorationStyle, mapTextIndent, mapTextTransform, mapTextWrap, mapVerticalAlign, mapWhitespace, mapWidth, mapWordBreak, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
|
package/dist/index.js
CHANGED
|
@@ -1071,6 +1071,80 @@ var gapYMap = {
|
|
|
1071
1071
|
"32": "gap-y-32",
|
|
1072
1072
|
true: "gap-y-[var(--gap-default)]"
|
|
1073
1073
|
};
|
|
1074
|
+
var spaceXMap = {
|
|
1075
|
+
"0": "space-x-0",
|
|
1076
|
+
px: "space-x-px",
|
|
1077
|
+
"0.5": "space-x-0.5",
|
|
1078
|
+
"1": "space-x-1",
|
|
1079
|
+
"1.5": "space-x-1.5",
|
|
1080
|
+
"2": "space-x-2",
|
|
1081
|
+
"2.5": "space-x-2.5",
|
|
1082
|
+
"3": "space-x-3",
|
|
1083
|
+
"3.5": "space-x-3.5",
|
|
1084
|
+
"4": "space-x-4",
|
|
1085
|
+
"5": "space-x-5",
|
|
1086
|
+
"6": "space-x-6",
|
|
1087
|
+
"7": "space-x-7",
|
|
1088
|
+
"8": "space-x-8",
|
|
1089
|
+
"9": "space-x-9",
|
|
1090
|
+
"10": "space-x-10",
|
|
1091
|
+
"11": "space-x-11",
|
|
1092
|
+
"12": "space-x-12",
|
|
1093
|
+
"14": "space-x-14",
|
|
1094
|
+
"16": "space-x-16",
|
|
1095
|
+
"20": "space-x-20",
|
|
1096
|
+
"24": "space-x-24",
|
|
1097
|
+
"28": "space-x-28",
|
|
1098
|
+
"32": "space-x-32",
|
|
1099
|
+
"36": "space-x-36",
|
|
1100
|
+
"40": "space-x-40",
|
|
1101
|
+
"44": "space-x-44",
|
|
1102
|
+
"48": "space-x-48",
|
|
1103
|
+
"52": "space-x-52",
|
|
1104
|
+
"56": "space-x-56",
|
|
1105
|
+
"60": "space-x-60",
|
|
1106
|
+
"64": "space-x-64",
|
|
1107
|
+
"72": "space-x-72",
|
|
1108
|
+
"80": "space-x-80",
|
|
1109
|
+
"96": "space-x-96"
|
|
1110
|
+
};
|
|
1111
|
+
var spaceYMap = {
|
|
1112
|
+
"0": "space-y-0",
|
|
1113
|
+
px: "space-y-px",
|
|
1114
|
+
"0.5": "space-y-0.5",
|
|
1115
|
+
"1": "space-y-1",
|
|
1116
|
+
"1.5": "space-y-1.5",
|
|
1117
|
+
"2": "space-y-2",
|
|
1118
|
+
"2.5": "space-y-2.5",
|
|
1119
|
+
"3": "space-y-3",
|
|
1120
|
+
"3.5": "space-y-3.5",
|
|
1121
|
+
"4": "space-y-4",
|
|
1122
|
+
"5": "space-y-5",
|
|
1123
|
+
"6": "space-y-6",
|
|
1124
|
+
"7": "space-y-7",
|
|
1125
|
+
"8": "space-y-8",
|
|
1126
|
+
"9": "space-y-9",
|
|
1127
|
+
"10": "space-y-10",
|
|
1128
|
+
"11": "space-y-11",
|
|
1129
|
+
"12": "space-y-12",
|
|
1130
|
+
"14": "space-y-14",
|
|
1131
|
+
"16": "space-y-16",
|
|
1132
|
+
"20": "space-y-20",
|
|
1133
|
+
"24": "space-y-24",
|
|
1134
|
+
"28": "space-y-28",
|
|
1135
|
+
"32": "space-y-32",
|
|
1136
|
+
"36": "space-y-36",
|
|
1137
|
+
"40": "space-y-40",
|
|
1138
|
+
"44": "space-y-44",
|
|
1139
|
+
"48": "space-y-48",
|
|
1140
|
+
"52": "space-y-52",
|
|
1141
|
+
"56": "space-y-56",
|
|
1142
|
+
"60": "space-y-60",
|
|
1143
|
+
"64": "space-y-64",
|
|
1144
|
+
"72": "space-y-72",
|
|
1145
|
+
"80": "space-y-80",
|
|
1146
|
+
"96": "space-y-96"
|
|
1147
|
+
};
|
|
1074
1148
|
var fontSizeMap = {
|
|
1075
1149
|
xs: "text-xs",
|
|
1076
1150
|
sm: "text-sm",
|
|
@@ -1532,6 +1606,10 @@ function mapGap(value, axis) {
|
|
|
1532
1606
|
const map = axis === "x" ? gapXMap : axis === "y" ? gapYMap : gapMap;
|
|
1533
1607
|
return mapResponsive(value, (v) => map[String(v)]);
|
|
1534
1608
|
}
|
|
1609
|
+
function mapSpace(value, axis) {
|
|
1610
|
+
const map = axis === "x" ? spaceXMap : spaceYMap;
|
|
1611
|
+
return mapResponsive(value, (v) => map[String(v)]);
|
|
1612
|
+
}
|
|
1535
1613
|
function mapFontSize(value) {
|
|
1536
1614
|
return mapResponsive(value, (v) => fontSizeMap[v]);
|
|
1537
1615
|
}
|
|
@@ -2531,6 +2609,8 @@ var Box = react.forwardRef(function Box2({
|
|
|
2531
2609
|
marginRight,
|
|
2532
2610
|
marginBottom,
|
|
2533
2611
|
marginLeft,
|
|
2612
|
+
spaceX,
|
|
2613
|
+
spaceY,
|
|
2534
2614
|
width,
|
|
2535
2615
|
minWidth,
|
|
2536
2616
|
maxWidth,
|
|
@@ -2600,6 +2680,8 @@ var Box = react.forwardRef(function Box2({
|
|
|
2600
2680
|
mapMargin(marginRight, "r"),
|
|
2601
2681
|
mapMargin(marginBottom, "b"),
|
|
2602
2682
|
mapMargin(marginLeft, "l"),
|
|
2683
|
+
mapSpace(spaceX, "x"),
|
|
2684
|
+
mapSpace(spaceY, "y"),
|
|
2603
2685
|
mapWidth(width),
|
|
2604
2686
|
mapMinWidth(minWidth),
|
|
2605
2687
|
mapMaxWidth(maxWidth),
|
|
@@ -4719,6 +4801,7 @@ function Select({
|
|
|
4719
4801
|
searchDelay,
|
|
4720
4802
|
isFullscreen,
|
|
4721
4803
|
maxHeight,
|
|
4804
|
+
showIcon = true,
|
|
4722
4805
|
onSearch,
|
|
4723
4806
|
onChange,
|
|
4724
4807
|
buttonProps,
|
|
@@ -4752,10 +4835,18 @@ function Select({
|
|
|
4752
4835
|
onChange: handleChange,
|
|
4753
4836
|
children: [
|
|
4754
4837
|
label && /* @__PURE__ */ jsxRuntime.jsx(Label, { children: label }),
|
|
4755
|
-
/* @__PURE__ */ jsxRuntime.
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4838
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4839
|
+
Button,
|
|
4840
|
+
{
|
|
4841
|
+
variant: "outline",
|
|
4842
|
+
...buttonProps,
|
|
4843
|
+
className: cn("w-full justify-between", buttonProps?.className),
|
|
4844
|
+
children: [
|
|
4845
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.SelectValue, { children: renderValue }),
|
|
4846
|
+
showIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { rotate: 90, "aria-hidden": "true", size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(icons_exports.ChevronRight, {}) })
|
|
4847
|
+
]
|
|
4848
|
+
}
|
|
4849
|
+
),
|
|
4759
4850
|
/* @__PURE__ */ jsxRuntime.jsx(Popover, { ...popoverProps, onOpenChange: handleOpenChange, isFullscreen, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4760
4851
|
Column,
|
|
4761
4852
|
{
|
|
@@ -5317,6 +5408,7 @@ exports.mapPadding = mapPadding;
|
|
|
5317
5408
|
exports.mapPointerEvents = mapPointerEvents;
|
|
5318
5409
|
exports.mapPosition = mapPosition;
|
|
5319
5410
|
exports.mapShadow = mapShadow;
|
|
5411
|
+
exports.mapSpace = mapSpace;
|
|
5320
5412
|
exports.mapStateStyles = mapStateStyles;
|
|
5321
5413
|
exports.mapTextAlign = mapTextAlign;
|
|
5322
5414
|
exports.mapTextColor = mapTextColor;
|