@max-ts/components 0.3.11 → 0.4.0

package/lib/components/DataGrid/HeadCell/styles.d.ts

@@ -1,7 +1,6 @@
 import { AlignVariant } from '../types';
 type HeadCellProps = {
     $align?: AlignVariant;
-    $isSortable?: boolean;
     $hasStartAdornment?: boolean;
 };
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & HeadCellProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -13,10 +12,21 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     noWrap?: boolean | undefined;
     paragraph?: boolean | undefined;
 } & {
-    color?: import('../../Typography').TypographyColor;
-    variant?: import('../../Typography').TypographyVariant;
-    colorIntensity?: import('../../Typography').Intensity;
+    color?: import('../..').TypographyColor;
+    variant?: import('../..').TypographyVariant;
+    colorIntensity?: import('../..').Intensity;
     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>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<Omit<import('../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isActive: boolean;
+}, {}, {}>;
 export {};

package/lib/components/DataGrid/Loader/styles.d.ts

@@ -1,4 +1,3 @@
 export declare const Backdrop: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledDivider: import('@emotion/styled').StyledComponent<import('../../Divider').DividerProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const LoaderWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledLinearProgress: import('@emotion/styled').StyledComponent<import('@mui/material').LinearProgressProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DateField/DateField.d.ts

@@ -0,0 +1,9 @@
+import { PropsSingle } from '../DatePicker';
+export type DateFieldProps = Omit<PropsSingle, 'onSelect' | 'mode'> & {
+    label?: string;
+    disabled?: boolean;
+    onSelect?: (date: Date | undefined) => void;
+    selectMonth?: boolean;
+    selectYear?: boolean;
+};
+export declare const DateField: (props: DateFieldProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DateField/index.d.ts

@@ -0,0 +1 @@
+export * from './DateField';

package/lib/components/DateField/styles.d.ts

@@ -0,0 +1 @@
+export declare const DatePickerWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired } from 'react-day-picker';
+export type { PropsBase, PropsMulti, PropsMultiRequired, PropsRange, PropsRangeRequired, PropsSingle, PropsSingleRequired, };
+export type DatePickerProps = PropsBase & (PropsSingle | PropsSingleRequired | PropsMulti | PropsMultiRequired | PropsRange | PropsRangeRequired | {
+    mode?: undefined;
+    required?: undefined;
+});
+export declare const DatePicker: ({ className, classNames, showOutsideDays, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DatePicker/DayButton/DayButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes } from 'react';
+import { CalendarDay, Modifiers } from 'react-day-picker';
+export declare const DayButton: (props: {
+    /** The day to render. */
+    day: CalendarDay;
+    /** The modifiers for the day. */
+    modifiers: Modifiers;
+} & ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DatePicker/DayButton/index.d.ts

@@ -0,0 +1 @@
+export * from './DayButton';

package/lib/components/DatePicker/DayButton/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const StyledButton: import('@emotion/styled').StyledComponent<Omit<import('../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isOutside?: boolean;
+    $isToday?: boolean;
+}, {}, {}>;

package/lib/components/DatePicker/Dropdown/Dropdown.d.ts

@@ -0,0 +1,5 @@
+import { SelectHTMLAttributes } from 'react';
+import { DropdownOption } from 'react-day-picker';
+export declare function Dropdown(props: {
+    options?: DropdownOption[] | undefined;
+} & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'children'>): import("react/jsx-runtime").JSX.Element;

package/lib/components/DatePicker/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown';

package/lib/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/lib/components/DatePicker/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const StyledNav: import('@emotion/styled').StyledComponent<{
+    onPreviousClick?: import('react').MouseEventHandler<HTMLButtonElement>;
+    onNextClick?: import('react').MouseEventHandler<HTMLButtonElement>;
+    previousMonth?: Date | undefined;
+    nextMonth?: Date | undefined;
+} & import('react').HTMLAttributes<HTMLElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+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"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMonths: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMonthCaption: import('@emotion/styled').StyledComponent<{
+    calendarMonth: import('react-day-picker').CalendarMonth;
+    displayIndex: number;
+} & import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const Dropdowns: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/InputOTP/InputOTP.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
+import { OTPInput } from 'input-otp';
+export type InputOTPProps = ComponentPropsWithRef<typeof OTPInput>;
+export declare const InputOTP: ({ ...props }: Omit<InputOTPProps, "children" | "render">) => import("react/jsx-runtime").JSX.Element;

package/lib/components/InputOTP/Separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithRef } from 'react';
+export declare const Separator: ({ separator, ...props }: ComponentPropsWithRef<"div"> & {
+    separator?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/InputOTP/Separator/index.d.ts

@@ -0,0 +1 @@
+export * from './Separator';

package/lib/components/InputOTP/Separator/styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledSeparator: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').HTMLAttributes<HTMLSpanElement> | keyof import('react').ClassAttributes<HTMLSpanElement>>, {}>;

package/lib/components/InputOTP/Slot/Slot.d.ts

@@ -0,0 +1,2 @@
+import { SlotProps } from 'input-otp';
+export declare const Slot: ({ char, hasFakeCaret, isActive, ...props }: SlotProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/InputOTP/Slot/index.d.ts

@@ -0,0 +1 @@
+export * from './Slot';

package/lib/components/InputOTP/Slot/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isActive?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CaretContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Caret: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/InputOTP/index.d.ts

@@ -0,0 +1 @@
+export * from './InputOTP';

package/lib/components/InputOTP/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const GroupContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -2,10 +2,6 @@ import { ReactNode, PropsWithChildren } from 'react';
 import { Theme } from '../../theme';
 export type ThemeProviderProps = {
     children: ReactNode;
-    /**
-     * Объект темы, обычно являющийся результатом `createTheme()`.
-     * Предоставленная тема будет объединена с темой по умолчанию.
-     */
     theme: Theme;
 };
 export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/index.d.ts

@@ -27,6 +27,8 @@ export * from './CopyTypography';
 export * from './DataGrid';
 export * from './DataGridActionCell';
 export * from './DataGridPagination';
+export * from './DateField';
+export * from './DatePicker';
 export * from './Description';
 export * from './DescriptionList';
 export * from './DescriptionTooltip';
@@ -47,6 +49,7 @@ export * from './FormLabel';
 export * from './GuidTypography';
 export * from './IconButton';
 export * from './IconDropdownButton';
+export * from './InputOTP';
 export * from './InternalErrorPlaceholder';
 export * from './Link';
 export * from './List';