@iziui/react 0.0.68-rc → 0.0.69-rc
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/.types/_internal/core/index.d.ts +1 -0
- package/dist/.types/_internal/core/options/CustomOptions.d.ts +0 -4
- package/dist/.types/_internal/core/system/Sx.d.ts +5 -0
- package/dist/.types/_internal/core/system/index.d.ts +1 -0
- package/dist/.types/actions/Button/Button.d.ts +1 -1
- package/dist/.types/actions/ButtonIcon/ButtonIcon.d.ts +1 -1
- package/dist/.types/core/createComponent.d.ts +1 -1
- package/dist/.types/core/createComponent.d.ts.map +1 -1
- package/dist/.types/display/Avatar/Avatar.d.ts +1 -1
- package/dist/.types/display/Card/Card.d.ts +1 -1
- package/dist/.types/display/Card/CardContent.d.ts +1 -1
- package/dist/.types/display/Chip/Chip.d.ts +1 -1
- package/dist/.types/display/Divider/Divider.d.ts +1 -1
- package/dist/.types/display/Icon/Icon.d.ts +1 -1
- package/dist/.types/display/Table/Table.d.ts +1 -1
- package/dist/.types/display/Table/TableCell.d.ts +1 -1
- package/dist/.types/display/Tooltip/Tooltip.d.ts +1 -1
- package/dist/.types/display/Typography/Typography.d.ts +1 -1
- package/dist/.types/feedback/Alert/Alert.d.ts +1 -1
- package/dist/.types/feedback/Loading/Loading.d.ts +1 -1
- package/dist/.types/feedback/Modal/Modal.d.ts +1 -1
- package/dist/.types/feedback/Modal/ModalFooter.d.ts +1 -1
- package/dist/.types/feedback/Skeleton/Skeleton.d.ts +1 -1
- package/dist/.types/feedback/Toast/Toast.d.ts +1 -1
- package/dist/.types/fields/Checkbox/Checkbox.d.ts +1 -1
- package/dist/.types/fields/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/dist/.types/fields/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/.types/fields/Input/Input.d.ts +1 -1
- package/dist/.types/fields/InputFile/InputFile.d.ts +1 -1
- package/dist/.types/fields/Select/Select.d.ts +1 -1
- package/dist/.types/fields/Switchs/Switch.d.ts +1 -1
- package/dist/.types/layout/Box/Box.d.ts +1 -1
- package/dist/.types/layout/Container/Container.d.ts +1 -1
- package/dist/.types/layout/Stack/Stack.d.ts +1 -1
- package/dist/.types/navigation/Drawer/Drawer.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerContent.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerFooter.d.ts +1 -1
- package/dist/.types/navigation/Drawer/DrawerHeader.d.ts +1 -1
- package/dist/.types/navigation/Menu/Menu.d.ts +1 -1
- package/dist/.types/navigation/Menu/MenuButton.d.ts +1 -1
- package/dist/.types/theme/options.d.ts +2 -0
- package/dist/.types/theme/options.d.ts.map +1 -0
- package/dist/.types/theme/system.d.ts +2 -0
- package/dist/.types/theme/system.d.ts.map +1 -0
- package/dist/chunks/createComponent-CTufIEiN.cjs.map +1 -1
- package/dist/chunks/createComponent-WNQRXK89.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Sx';
|
|
@@ -8,6 +8,6 @@ export interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTML
|
|
|
8
8
|
loading?: React.JSX.Element | boolean;
|
|
9
9
|
variant?: 'contained' | 'outlined' | 'text';
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ButtonProps>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -6,6 +6,6 @@ export interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<
|
|
|
6
6
|
size?: number;
|
|
7
7
|
children: ReactElement<IconProps>;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
9
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ButtonIconProps>>;
|
|
10
10
|
export default _default;
|
|
11
11
|
//# sourceMappingURL=ButtonIcon.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ComponentType, FC } from 'react';
|
|
2
|
-
import { Sx } from '../_internal/core/
|
|
2
|
+
import { Sx } from '../_internal/core/system';
|
|
3
3
|
export default function createComponent<P>(WrappedComponent: ComponentType<P>): FC<Sx<P>>;
|
|
4
4
|
//# sourceMappingURL=createComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../../src/core/createComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../../src/core/createComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAW7C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,CAAC,EAAE,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC,aAwB5E"}
|
|
@@ -9,6 +9,6 @@ interface AvatarProps extends HTMLAttributes<HTMLElement> {
|
|
|
9
9
|
variant?: 'rounded' | 'circular';
|
|
10
10
|
icon?: React.JSX.Element;
|
|
11
11
|
}
|
|
12
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
12
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<AvatarProps>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -2,6 +2,6 @@ import { HTMLAttributes } from 'react';
|
|
|
2
2
|
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
onClick?: (e?: any) => void;
|
|
4
4
|
}
|
|
5
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
5
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<CardProps>>;
|
|
6
6
|
export default _default;
|
|
7
7
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
type CardContentProps = HTMLAttributes<HTMLDivElement>;
|
|
3
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
3
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<CardContentProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=CardContent.d.ts.map
|
|
@@ -8,6 +8,6 @@ export interface ChipProps extends Omit<HTMLAttributes<HTMLElement>, 'children'>
|
|
|
8
8
|
icon?: React.JSX.Element;
|
|
9
9
|
onDelete?: () => void;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ChipProps & import('react').RefAttributes<HTMLDivElement>>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
export type DividerProps = HTMLAttributes<HTMLElement>;
|
|
3
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
3
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<DividerProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -3,6 +3,6 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
|
|
|
3
3
|
name: string;
|
|
4
4
|
size?: number;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
6
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<IconProps>>;
|
|
7
7
|
export default _default;
|
|
8
8
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TableHTMLAttributes } from 'react';
|
|
2
2
|
export type TableProps = TableHTMLAttributes<HTMLTableElement>;
|
|
3
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
3
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TableProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -3,6 +3,6 @@ interface TableCellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {
|
|
|
3
3
|
align?: 'left' | 'center' | 'right';
|
|
4
4
|
children: React.JSX.Element | string | number | null;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
6
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TableCellProps>>;
|
|
7
7
|
export default _default;
|
|
8
8
|
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -6,6 +6,6 @@ export interface TooltipProps extends HTMLAttributes<HTMLElement> {
|
|
|
6
6
|
children: React.JSX.Element;
|
|
7
7
|
label: string | React.JSX.Element;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
9
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TooltipProps>>;
|
|
10
10
|
export default _default;
|
|
11
11
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -8,6 +8,6 @@ export interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLPa
|
|
|
8
8
|
textAlign?: CSSProperties['textAlign'];
|
|
9
9
|
weight?: 'bold' | 'normal' | 'light';
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TypographyProps>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -6,6 +6,6 @@ export interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
onClose?: () => void;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
9
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<AlertProps>>;
|
|
10
10
|
export default _default;
|
|
11
11
|
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -4,6 +4,6 @@ export interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
4
4
|
color?: Colors;
|
|
5
5
|
size?: number | string;
|
|
6
6
|
}
|
|
7
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
7
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<LoadingProps>>;
|
|
8
8
|
export default _default;
|
|
9
9
|
//# sourceMappingURL=Loading.d.ts.map
|
|
@@ -6,6 +6,6 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
|
|
|
6
6
|
title?: React.JSX.Element;
|
|
7
7
|
subtitle?: React.JSX.Element;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
9
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ModalProps>>;
|
|
10
10
|
export default _default;
|
|
11
11
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
interface ModalFooterProps {
|
|
2
2
|
children: React.ReactNode;
|
|
3
3
|
}
|
|
4
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
4
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ModalFooterProps>>;
|
|
5
5
|
export default _default;
|
|
6
6
|
//# sourceMappingURL=ModalFooter.d.ts.map
|
|
@@ -5,6 +5,6 @@ export interface SkeletonProps {
|
|
|
5
5
|
width: CSSProperties['width'];
|
|
6
6
|
height: CSSProperties['height'];
|
|
7
7
|
}
|
|
8
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
8
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<SkeletonProps>>;
|
|
9
9
|
export default _default;
|
|
10
10
|
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -12,6 +12,6 @@ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
visible?: boolean;
|
|
13
13
|
onRemove: (id: string) => void;
|
|
14
14
|
}
|
|
15
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
15
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ToastProps>>;
|
|
16
16
|
export default _default;
|
|
17
17
|
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -8,6 +8,6 @@ export interface CheckboxProps extends Omit<HTMLProps<HTMLInputElement>, 'id'> {
|
|
|
8
8
|
color?: Colors;
|
|
9
9
|
checked?: boolean;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<CheckboxProps>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -9,6 +9,6 @@ export interface CheckboxGroupProps {
|
|
|
9
9
|
values?: string[];
|
|
10
10
|
onChange?: (data: CheckboxData[]) => void;
|
|
11
11
|
}
|
|
12
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
12
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<CheckboxGroupProps>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -7,6 +7,6 @@ export interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
7
7
|
fitContent?: boolean;
|
|
8
8
|
autoClose?: boolean;
|
|
9
9
|
}
|
|
10
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
10
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ColorPickerProps>>;
|
|
11
11
|
export default _default;
|
|
12
12
|
//# sourceMappingURL=ColorPicker.d.ts.map
|
|
@@ -9,6 +9,6 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
9
9
|
endIcon?: React.JSX.Element | boolean;
|
|
10
10
|
startIcon?: React.JSX.Element | boolean;
|
|
11
11
|
}
|
|
12
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
12
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<InputProps>>;
|
|
13
13
|
export default _default;
|
|
14
14
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
export interface InputFileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
3
|
}
|
|
4
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
4
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<InputFileProps>>;
|
|
5
5
|
export default _default;
|
|
6
6
|
//# sourceMappingURL=InputFile.d.ts.map
|
|
@@ -7,6 +7,6 @@ export interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
7
7
|
startIcon?: React.JSX.Element | boolean;
|
|
8
8
|
children: React.JSX.Element | React.JSX.Element[];
|
|
9
9
|
}
|
|
10
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
10
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<SelectProps>>;
|
|
11
11
|
export default _default;
|
|
12
12
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -7,6 +7,6 @@ export interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
7
7
|
color?: Colors;
|
|
8
8
|
auto?: boolean;
|
|
9
9
|
}
|
|
10
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
10
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<SwitchProps>>;
|
|
11
11
|
export default _default;
|
|
12
12
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -2,6 +2,6 @@ import { HTMLAttributes } from 'react';
|
|
|
2
2
|
export interface BoxProps extends HTMLAttributes<HTMLElement> {
|
|
3
3
|
tag?: React.ElementType;
|
|
4
4
|
}
|
|
5
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
5
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<BoxProps & import('react').RefAttributes<HTMLElement>>>;
|
|
6
6
|
export default _default;
|
|
7
7
|
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -6,6 +6,6 @@ export interface ContainerProps extends HTMLAttributes<HTMLElement> {
|
|
|
6
6
|
md?: Width;
|
|
7
7
|
lg?: Width;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
9
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ContainerProps & import('react').RefAttributes<HTMLElement>>>;
|
|
10
10
|
export default _default;
|
|
11
11
|
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -8,6 +8,6 @@ export interface StackProps extends HTMLAttributes<HTMLElement> {
|
|
|
8
8
|
alignSelf?: CSSProperties['alignSelf'];
|
|
9
9
|
flexWrap?: CSSProperties['flexWrap'];
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<StackProps & import('react').RefAttributes<HTMLElement>>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -8,6 +8,6 @@ export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
footer?: React.JSX.Element;
|
|
9
9
|
onClose: () => void;
|
|
10
10
|
}
|
|
11
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
11
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<DrawerProps>>;
|
|
12
12
|
export default _default;
|
|
13
13
|
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
|
|
2
2
|
type DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>;
|
|
3
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
3
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<DrawerContentProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=DrawerContent.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
|
|
2
2
|
type DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>;
|
|
3
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
3
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<DrawerFooterProps>>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=DrawerFooter.d.ts.map
|
|
@@ -2,6 +2,6 @@ import { HtmlHTMLAttributes } from 'react';
|
|
|
2
2
|
interface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {
|
|
3
3
|
onClose: () => void;
|
|
4
4
|
}
|
|
5
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
5
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<DrawerHeaderProps>>;
|
|
6
6
|
export default _default;
|
|
7
7
|
//# sourceMappingURL=DrawerHeader.d.ts.map
|
|
@@ -10,6 +10,6 @@ export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
10
10
|
children: React.JSX.Element | React.JSX.Element[];
|
|
11
11
|
onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
12
|
}
|
|
13
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
13
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<MenuProps & import('react').RefAttributes<HTMLDivElement>>>;
|
|
14
14
|
export default _default;
|
|
15
15
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -5,6 +5,6 @@ export interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
5
5
|
color?: Colors;
|
|
6
6
|
icon?: React.JSX.Element;
|
|
7
7
|
}
|
|
8
|
-
declare const _default: import('react').FC<import('../../_internal/core/
|
|
8
|
+
declare const _default: import('react').FC<import('../../_internal/core/system').Sx<MenuButtonProps>>;
|
|
9
9
|
export default _default;
|
|
10
10
|
//# sourceMappingURL=MenuButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../src/theme/options.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../../src/theme/system.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent-CTufIEiN.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n sx: CustomOptions;\n theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n return plugins.reduce<Properties>((acc, plugin) => {\n acc = { ...acc, ...plugin(theme, sx) };\n\n return acc;\n }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n const { palette } = theme;\n\n if (!color) { return {}; }\n\n return {\n color: color(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n const { palette } = theme;\n\n if (!background) { return {}; }\n\n return {\n background: background(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n const { palette } = theme;\n\n if (!borderColor) { return {}; }\n\n return {\n borderColor: borderColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n const { palette } = theme;\n\n if (!backgroundColor) { return {}; }\n\n return {\n backgroundColor: backgroundColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n const { shape } = theme;\n\n if (!borderRadius) { return {}; }\n\n return {\n borderRadius: `${shape.radius * borderRadius}px`\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n const { spacing } = theme;\n\n const calculateMargin = (mg?: number) => {\n return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n };\n\n const hasM = calculateMargin(m);\n\n const hasMt = calculateMargin(mt);\n const hasMb = calculateMargin(mb);\n\n const hasMy = calculateMargin(my);\n const hasMx = calculateMargin(mx);\n\n const hasMl = calculateMargin(ml);\n const hasMr = calculateMargin(mr);\n\n return {\n margin: hasM,\n marginTop: hasMt || hasMy || hasM,\n marginBottom: hasMb || hasMy || hasM,\n marginLeft: hasMl || hasMx || hasM,\n marginRight: hasMr || hasMx || hasM,\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n const { spacing } = theme;\n\n const calculatePadding = (pd?: number) => {\n return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n };\n\n const hasP = calculatePadding(p);\n\n const hasPt = calculatePadding(pt);\n const hasPb = calculatePadding(pb);\n\n const hasPy = calculatePadding(py);\n const hasPx = calculatePadding(px);\n\n const hasPl = calculatePadding(pl);\n const hasPr = calculatePadding(pr);\n\n return {\n padding: hasP,\n paddingTop: hasPt || hasPy || hasP,\n paddingBottom: hasPb || hasPy || hasP,\n paddingLeft: hasPl || hasPx || hasP,\n paddingRight: hasPr || hasPx || hasP,\n };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n if (!boxShadow) { return {}; }\n\n const sizes: { [s in ExtractSize]: string } = {\n sm: boxShadowSmall,\n md: boxShadowRegular,\n lg: boxShadowLarge,\n };\n\n return {\n boxShadow: sizes[boxShadow]\n };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/
|
|
1
|
+
{"version":3,"file":"createComponent-CTufIEiN.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n sx: CustomOptions;\n theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n return plugins.reduce<Properties>((acc, plugin) => {\n acc = { ...acc, ...plugin(theme, sx) };\n\n return acc;\n }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n const { palette } = theme;\n\n if (!color) { return {}; }\n\n return {\n color: color(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n const { palette } = theme;\n\n if (!background) { return {}; }\n\n return {\n background: background(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n const { palette } = theme;\n\n if (!borderColor) { return {}; }\n\n return {\n borderColor: borderColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n const { palette } = theme;\n\n if (!backgroundColor) { return {}; }\n\n return {\n backgroundColor: backgroundColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n const { shape } = theme;\n\n if (!borderRadius) { return {}; }\n\n return {\n borderRadius: `${shape.radius * borderRadius}px`\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n const { spacing } = theme;\n\n const calculateMargin = (mg?: number) => {\n return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n };\n\n const hasM = calculateMargin(m);\n\n const hasMt = calculateMargin(mt);\n const hasMb = calculateMargin(mb);\n\n const hasMy = calculateMargin(my);\n const hasMx = calculateMargin(mx);\n\n const hasMl = calculateMargin(ml);\n const hasMr = calculateMargin(mr);\n\n return {\n margin: hasM,\n marginTop: hasMt || hasMy || hasM,\n marginBottom: hasMb || hasMy || hasM,\n marginLeft: hasMl || hasMx || hasM,\n marginRight: hasMr || hasMx || hasM,\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n const { spacing } = theme;\n\n const calculatePadding = (pd?: number) => {\n return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n };\n\n const hasP = calculatePadding(p);\n\n const hasPt = calculatePadding(pt);\n const hasPb = calculatePadding(pb);\n\n const hasPy = calculatePadding(py);\n const hasPx = calculatePadding(px);\n\n const hasPl = calculatePadding(pl);\n const hasPr = calculatePadding(pr);\n\n return {\n padding: hasP,\n paddingTop: hasPt || hasPy || hasP,\n paddingBottom: hasPb || hasPy || hasP,\n paddingLeft: hasPl || hasPx || hasP,\n paddingRight: hasPr || hasPx || hasP,\n };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n if (!boxShadow) { return {}; }\n\n const sizes: { [s in ExtractSize]: string } = {\n sm: boxShadowSmall,\n md: boxShadowRegular,\n lg: boxShadowLarge,\n };\n\n return {\n boxShadow: sizes[boxShadow]\n };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n WrappedComponent.displayName = WrappedComponent.name;\n\n const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n const { theme } = useTheme();\n\n const options = sx && createOptions({ theme, sx },\n ...extract(plugins),\n );\n\n return (\n <WrappedComponent\n {...(props as P)}\n style={{\n boxSizing: 'border-box',\n ...props['style'],\n ...options,\n ...(fullWidth ? { width: '100%' } : {}),\n }}\n />\n );\n };\n\n return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent-WNQRXK89.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n sx: CustomOptions;\n theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n return plugins.reduce<Properties>((acc, plugin) => {\n acc = { ...acc, ...plugin(theme, sx) };\n\n return acc;\n }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n const { palette } = theme;\n\n if (!color) { return {}; }\n\n return {\n color: color(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n const { palette } = theme;\n\n if (!background) { return {}; }\n\n return {\n background: background(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n const { palette } = theme;\n\n if (!borderColor) { return {}; }\n\n return {\n borderColor: borderColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n const { palette } = theme;\n\n if (!backgroundColor) { return {}; }\n\n return {\n backgroundColor: backgroundColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n const { shape } = theme;\n\n if (!borderRadius) { return {}; }\n\n return {\n borderRadius: `${shape.radius * borderRadius}px`\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n const { spacing } = theme;\n\n const calculateMargin = (mg?: number) => {\n return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n };\n\n const hasM = calculateMargin(m);\n\n const hasMt = calculateMargin(mt);\n const hasMb = calculateMargin(mb);\n\n const hasMy = calculateMargin(my);\n const hasMx = calculateMargin(mx);\n\n const hasMl = calculateMargin(ml);\n const hasMr = calculateMargin(mr);\n\n return {\n margin: hasM,\n marginTop: hasMt || hasMy || hasM,\n marginBottom: hasMb || hasMy || hasM,\n marginLeft: hasMl || hasMx || hasM,\n marginRight: hasMr || hasMx || hasM,\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n const { spacing } = theme;\n\n const calculatePadding = (pd?: number) => {\n return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n };\n\n const hasP = calculatePadding(p);\n\n const hasPt = calculatePadding(pt);\n const hasPb = calculatePadding(pb);\n\n const hasPy = calculatePadding(py);\n const hasPx = calculatePadding(px);\n\n const hasPl = calculatePadding(pl);\n const hasPr = calculatePadding(pr);\n\n return {\n padding: hasP,\n paddingTop: hasPt || hasPy || hasP,\n paddingBottom: hasPb || hasPy || hasP,\n paddingLeft: hasPl || hasPx || hasP,\n paddingRight: hasPr || hasPx || hasP,\n };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n if (!boxShadow) { return {}; }\n\n const sizes: { [s in ExtractSize]: string } = {\n sm: boxShadowSmall,\n md: boxShadowRegular,\n lg: boxShadowLarge,\n };\n\n return {\n boxShadow: sizes[boxShadow]\n };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/
|
|
1
|
+
{"version":3,"file":"createComponent-WNQRXK89.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n sx: CustomOptions;\n theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n return plugins.reduce<Properties>((acc, plugin) => {\n acc = { ...acc, ...plugin(theme, sx) };\n\n return acc;\n }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n const { palette } = theme;\n\n if (!color) { return {}; }\n\n return {\n color: color(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n const { palette } = theme;\n\n if (!background) { return {}; }\n\n return {\n background: background(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n const { palette } = theme;\n\n if (!borderColor) { return {}; }\n\n return {\n borderColor: borderColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n const { palette } = theme;\n\n if (!backgroundColor) { return {}; }\n\n return {\n backgroundColor: backgroundColor(palette)\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n const { shape } = theme;\n\n if (!borderRadius) { return {}; }\n\n return {\n borderRadius: `${shape.radius * borderRadius}px`\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n const { spacing } = theme;\n\n const calculateMargin = (mg?: number) => {\n return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n };\n\n const hasM = calculateMargin(m);\n\n const hasMt = calculateMargin(mt);\n const hasMb = calculateMargin(mb);\n\n const hasMy = calculateMargin(my);\n const hasMx = calculateMargin(mx);\n\n const hasMl = calculateMargin(ml);\n const hasMr = calculateMargin(mr);\n\n return {\n margin: hasM,\n marginTop: hasMt || hasMy || hasM,\n marginBottom: hasMb || hasMy || hasM,\n marginLeft: hasMl || hasMx || hasM,\n marginRight: hasMr || hasMx || hasM,\n };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n const { spacing } = theme;\n\n const calculatePadding = (pd?: number) => {\n return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n };\n\n const hasP = calculatePadding(p);\n\n const hasPt = calculatePadding(pt);\n const hasPb = calculatePadding(pb);\n\n const hasPy = calculatePadding(py);\n const hasPx = calculatePadding(px);\n\n const hasPl = calculatePadding(pl);\n const hasPr = calculatePadding(pr);\n\n return {\n padding: hasP,\n paddingTop: hasPt || hasPy || hasP,\n paddingBottom: hasPb || hasPy || hasP,\n paddingLeft: hasPl || hasPx || hasP,\n paddingRight: hasPr || hasPx || hasP,\n };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n if (!boxShadow) { return {}; }\n\n const sizes: { [s in ExtractSize]: string } = {\n sm: boxShadowSmall,\n md: boxShadowRegular,\n lg: boxShadowLarge,\n };\n\n return {\n boxShadow: sizes[boxShadow]\n };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n WrappedComponent.displayName = WrappedComponent.name;\n\n const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n const { theme } = useTheme();\n\n const options = sx && createOptions({ theme, sx },\n ...extract(plugins),\n );\n\n return (\n <WrappedComponent\n {...(props as P)}\n style={{\n boxSizing: 'border-box',\n ...props['style'],\n ...options,\n ...(fullWidth ? { width: '100%' } : {}),\n }}\n />\n );\n };\n\n return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-DoESyi5h.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-TyKbw7O8.cjs"),t=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-C0u9aTiR.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),a=require("./chunks/Card-B8XSgLaD.cjs"),c=require("./chunks/CardContent-BivcVoIc.cjs"),m=require("./chunks/Drawer-0wOdungj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-AyzSxRY0.cjs"),l=require("./chunks/Typography-CAQXUFSQ.cjs");require("react");require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("./chunks/useTheme-DoESyi5h.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-TyKbw7O8.cjs"),t=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-C0u9aTiR.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),a=require("./chunks/Card-B8XSgLaD.cjs"),c=require("./chunks/CardContent-BivcVoIc.cjs"),m=require("./chunks/Drawer-0wOdungj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-AyzSxRY0.cjs"),l=require("./chunks/Typography-CAQXUFSQ.cjs");require("react");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-CTufIEiN.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-beBM7a60.cjs");require("./chunks/convertPathToColor-BlQMLS4V.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=t.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=a.Card;exports.CardContent=c.CardContent;exports.Drawer=m.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=l.variants;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as n,c as d,u as C}from"./chunks/useTheme-njpgklWP.js";import{B as M}from"./chunks/Bounce-DP0PU3kr.js";import{C as T,F as c,u as h,a as l,b as v}from"./chunks/useForm-3oClzOJC.js";import{F as z}from"./chunks/Fade-spxq-W-Q.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{Z}from"./chunks/Zoom-DqgU4Wfv.js";import{u as w}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as L,u as P}from"./chunks/useMenu-BNL22pOQ.js";import{u as j}from"./chunks/useResize-BjM6tiAF.js";import{C as q}from"./chunks/Card-DOsl4_nu.js";import{C as A}from"./chunks/CardContent-C8ypE7yH.js";import{D as H}from"./chunks/Drawer-D1lAWrdi.js";import{G as K,a as N}from"./chunks/GridItem-CaoPZmBu.js";import{M as Q}from"./chunks/MenuButton-DLf22r80.js";import{v as V}from"./chunks/Typography-BIZP_DtQ.js";import"react";import"
|
|
1
|
+
import"react/jsx-runtime";import{T as n,c as d,u as C}from"./chunks/useTheme-njpgklWP.js";import{B as M}from"./chunks/Bounce-DP0PU3kr.js";import{C as T,F as c,u as h,a as l,b as v}from"./chunks/useForm-3oClzOJC.js";import{F as z}from"./chunks/Fade-spxq-W-Q.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{Z}from"./chunks/Zoom-DqgU4Wfv.js";import{u as w}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as L,u as P}from"./chunks/useMenu-BNL22pOQ.js";import{u as j}from"./chunks/useResize-BjM6tiAF.js";import{C as q}from"./chunks/Card-DOsl4_nu.js";import{C as A}from"./chunks/CardContent-C8ypE7yH.js";import{D as H}from"./chunks/Drawer-D1lAWrdi.js";import{G as K,a as N}from"./chunks/GridItem-CaoPZmBu.js";import{M as Q}from"./chunks/MenuButton-DLf22r80.js";import{v as V}from"./chunks/Typography-BIZP_DtQ.js";import"react";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-WNQRXK89.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DK5pfu2w.js";import"./chunks/convertPathToColor-D2SdAqGh.js";export{M as Bounce,q as Card,A as CardContent,T as Control,H as Drawer,z as Fade,c as Form,K as Grid,N as GridItem,L as Menu,Q as MenuButton,R as Slide,n as ThemeProvider,Z as Zoom,d as createTheme,h as useControl,l as useForm,v as useFormGroup,w as useListenerResized,P as useMenu,j as useResize,C as useTheme,V as variants};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/useTheme-DoESyi5h.cjs");require("react");require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../chunks/useTheme-DoESyi5h.cjs");require("react");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as a,c as i,u as p}from"../chunks/useTheme-njpgklWP.js";import"react";import"
|
|
1
|
+
import"react/jsx-runtime";import{T as a,c as i,u as p}from"../chunks/useTheme-njpgklWP.js";import"react";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|