@max-ts/components 1.4.7 → 1.4.9
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/lib/index.mjs +2440 -2415
- package/package.json +5 -20
- package/lib/components/Calendar/styles.d.ts +0 -21
- package/lib/components/Chevron/styles.d.ts +0 -5
- package/lib/components/CopyTypography/styles.d.ts +0 -17
- package/lib/components/FormHelperText/FormHelperTextContent/styles.d.ts +0 -9
- package/lib/components/Notification/NotificationContainer/styles.d.ts +0 -4
- package/lib/components/SearchField/styles.d.ts +0 -22
- package/lib/components/Select/styles.d.ts +0 -23
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@max-ts/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.9",
|
|
4
4
|
"browser": "./src/index.ts",
|
|
5
5
|
"main": "./lib/index.mjs",
|
|
6
6
|
"module": "./lib/index.mjs",
|
|
@@ -26,30 +26,15 @@
|
|
|
26
26
|
"@react-input/mask": "^2.0.4",
|
|
27
27
|
"clsx": "^2.1.1",
|
|
28
28
|
"input-otp": "^1.4.2",
|
|
29
|
-
"lucide-react": "^0.
|
|
29
|
+
"lucide-react": "^0.511.0",
|
|
30
30
|
"react": "^19.1.0",
|
|
31
|
-
"react-day-picker": "^9.
|
|
31
|
+
"react-day-picker": "^9.7.0",
|
|
32
32
|
"react-dom": "^19.1.0",
|
|
33
|
-
"react-hook-form": "^7.56.
|
|
33
|
+
"react-hook-form": "^7.56.4",
|
|
34
34
|
"react-use": "^17.6.0",
|
|
35
|
-
"remeda": "^2.21.
|
|
35
|
+
"remeda": "^2.21.8",
|
|
36
36
|
"sonner": "^2.0.3"
|
|
37
37
|
},
|
|
38
|
-
"devDependencies": {
|
|
39
|
-
"@chromatic-com/storybook": "^3.2.6",
|
|
40
|
-
"@faker-js/faker": "^9.7.0",
|
|
41
|
-
"@storybook/addon-essentials": "^8.6.12",
|
|
42
|
-
"@storybook/addon-interactions": "^8.6.12",
|
|
43
|
-
"@storybook/addon-onboarding": "^8.6.12",
|
|
44
|
-
"@storybook/blocks": "^8.6.12",
|
|
45
|
-
"@storybook/builder-vite": "^8.6.12",
|
|
46
|
-
"@storybook/react": "^8.6.12",
|
|
47
|
-
"@storybook/react-vite": "^8.6.12",
|
|
48
|
-
"@storybook/test": "^8.6.12",
|
|
49
|
-
"@types/react": "^19.1.3",
|
|
50
|
-
"prop-types": "^15.8.1",
|
|
51
|
-
"storybook": "^8.6.12"
|
|
52
|
-
},
|
|
53
38
|
"scripts": {
|
|
54
39
|
"build": "vite build",
|
|
55
40
|
"dev": "vite build --watch",
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare const StyledNav: import('@emotion/styled').StyledComponent<{
|
|
2
|
-
onPreviousClick?: import('react').MouseEventHandler<HTMLButtonElement>;
|
|
3
|
-
onNextClick?: import('react').MouseEventHandler<HTMLButtonElement>;
|
|
4
|
-
previousMonth?: Date | undefined;
|
|
5
|
-
nextMonth?: Date | undefined;
|
|
6
|
-
} & import('react').HTMLAttributes<HTMLElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
7
|
-
export declare const MonthButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
|
|
8
|
-
variant?: `${import('../Button').ButtonVariants}`;
|
|
9
|
-
loading?: boolean;
|
|
10
|
-
loadingIndicator?: import('react').ReactNode;
|
|
11
|
-
loadingPosition?: "start" | "end" | "center";
|
|
12
|
-
color?: `${import('../Button').ButtonColors}`;
|
|
13
|
-
selected?: boolean;
|
|
14
|
-
component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
15
|
-
} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
16
|
-
export declare const StyledMonths: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
17
|
-
export declare const StyledMonthCaption: import('@emotion/styled').StyledComponent<{
|
|
18
|
-
calendarMonth: import('react-day-picker').CalendarMonth;
|
|
19
|
-
displayIndex: number;
|
|
20
|
-
} & import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
21
|
-
export declare const Dropdowns: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
type ChevronWrapperProps = {
|
|
2
|
-
isActive?: boolean;
|
|
3
|
-
};
|
|
4
|
-
export declare const ChevronIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ChevronWrapperProps, {}, {}>;
|
|
5
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export declare const Wrapper: import('@emotion/styled').StyledComponent<{
|
|
2
|
-
children?: import('react').ReactNode;
|
|
3
|
-
ref?: import('react').Ref<HTMLSpanElement> | undefined;
|
|
4
|
-
align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
|
|
5
|
-
gutterBottom?: boolean | undefined;
|
|
6
|
-
noWrap?: boolean | undefined;
|
|
7
|
-
paragraph?: boolean | undefined;
|
|
8
|
-
} & {
|
|
9
|
-
color?: import('../Typography').TypographyColor;
|
|
10
|
-
variant?: import('../Typography').TypographyVariant;
|
|
11
|
-
colorIntensity?: import('../Typography').Intensity;
|
|
12
|
-
component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
|
|
13
|
-
isUpperCase?: boolean;
|
|
14
|
-
} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
15
|
-
export declare const StyledCopyIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
16
|
-
$copyPosition: "left" | "right";
|
|
17
|
-
}, {}, {}>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
type WrapperProps = {
|
|
2
|
-
success?: boolean;
|
|
3
|
-
error?: boolean;
|
|
4
|
-
};
|
|
5
|
-
export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & WrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
6
|
-
export declare const SuccessIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
7
|
-
export declare const ErrorIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
8
|
-
export declare const Message: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
9
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export declare const ErrorIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
2
|
-
export declare const SuccessIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
3
|
-
export declare const WarningIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
4
|
-
export declare const InfoIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export declare const StyledSearchIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
2
|
-
export declare const StyledIconButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
|
|
3
|
-
variant?: `${import('..').ButtonVariants}`;
|
|
4
|
-
loading?: boolean;
|
|
5
|
-
loadingIndicator?: import('react').ReactNode;
|
|
6
|
-
loadingPosition?: "start" | "end" | "center";
|
|
7
|
-
color?: `${import('..').ButtonColors}`;
|
|
8
|
-
selected?: boolean;
|
|
9
|
-
component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
loading?: boolean;
|
|
12
|
-
} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
13
|
-
$isActive: boolean;
|
|
14
|
-
}, {}, {}>;
|
|
15
|
-
export declare const StyledTextField: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').TextFieldProps>, "color" | "variant"> & {
|
|
16
|
-
success?: boolean;
|
|
17
|
-
startAdornment?: import('react').ReactNode;
|
|
18
|
-
endAdornment?: import('react').ReactNode;
|
|
19
|
-
maxLength?: number;
|
|
20
|
-
trimmed?: boolean;
|
|
21
|
-
} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
22
|
-
export declare const StyledCloseFillSm: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Select } from '@mui/material';
|
|
2
|
-
export declare const ProgressWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
|
-
export declare const Placeholder: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<import('@mui/material').MenuItemProps<import('react').ElementType>> & {
|
|
4
|
-
disabledReason?: string;
|
|
5
|
-
note?: string;
|
|
6
|
-
tooltipPlacement?: import('..').TooltipProps["placement"];
|
|
7
|
-
component?: import('react').ElementType | undefined;
|
|
8
|
-
href?: string;
|
|
9
|
-
} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
10
|
-
export declare const StyledIconButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
|
|
11
|
-
variant?: `${import('..').ButtonVariants}`;
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
loadingIndicator?: import('react').ReactNode;
|
|
14
|
-
loadingPosition?: "start" | "end" | "center";
|
|
15
|
-
color?: `${import('..').ButtonColors}`;
|
|
16
|
-
selected?: boolean;
|
|
17
|
-
component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
18
|
-
} & {
|
|
19
|
-
loading?: boolean;
|
|
20
|
-
} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
21
|
-
export declare const StyledCloseFillSm: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
22
|
-
export declare const EndAdornmentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
23
|
-
export declare const StyledSelect: typeof Select;
|