@astral/ui 1.39.4 → 1.40.0

package/esm/docs/Case/index.d.ts

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

package/esm/docs/Case/index.js

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

package/esm/docs/Case/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+type CaseWrapperProps = {
+    fullWidth: boolean;
+};
+export declare const CaseWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CaseWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CaseContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/esm/docs/Case/styles.js

@@ -0,0 +1,13 @@
+import { styled } from '../../styles';
+export const CaseWrapper = styled.div `
+  width: ${({ fullWidth }) => (fullWidth ? '100%' : '70%')};
+  margin-top: ${({ theme }) => theme.spacing(6)};
+  margin-bottom: ${({ theme }) => theme.spacing(6)};
+`;
+export const CaseContentWrapper = styled.div `
+  padding: ${({ theme }) => theme.spacing(8, 0)};
+
+  background: ${({ theme }) => theme.palette.background.element};
+  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
+  border-radius: ${({ theme }) => theme.shape.small};
+`;

package/esm/docs/ExampleTemplate/ExampleTemplate.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+type ExampleTemplateProps = {
+    children?: ReactNode;
+};
+export declare const ExampleTemplate: {
+    ({ children }: ExampleTemplateProps): JSX.Element;
+    Case: (props: {
+        title: string;
+        descriptionList?: string[] | undefined;
+        children: ReactNode;
+        fullWidth?: boolean | undefined;
+    }) => JSX.Element;
+};
+export {};

package/esm/docs/ExampleTemplate/ExampleTemplate.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Case } from '../Case';
+export const ExampleTemplate = ({ children }) => (_jsx("section", { children: children }));
+ExampleTemplate.Case = Case;

package/esm/docs/ExampleTemplate/index.d.ts

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

package/esm/docs/ExampleTemplate/index.js

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

package/esm/docs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Case';
+export * from './ExampleTemplate';

package/esm/docs/index.js

@@ -0,0 +1,2 @@
+export * from './Case';
+export * from './ExampleTemplate';

package/esm/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,5 +1,5 @@
 import { Reason } from '../../types';
-export declare type UseEscapeClickEffectProps = {
+export type UseEscapeClickEffectProps = {
     /**
      * @description колбэк который будет вызываться при нажатии на кнопку `esc`
      */

package/esm/hooks/useMenu/useMenu.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from 'react';
-declare type UseMenuResult = {
+type UseMenuResult = {
     /**
      * Флаг состояния меню (открыто-закрыто)
      */

package/esm/hooks/useToggle/useToggle.d.ts

@@ -1,20 +1,20 @@
 /**
  * @description тип обозначающий какой угодно рест аргументов
  */
-declare type Arguments = unknown[];
+type Arguments = unknown[];
 /**
  * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
  */
-declare type Handler<Args extends Arguments> = (...a: Args) => void;
+type Handler<Args extends Arguments> = (...a: Args) => void;
 /**
  * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type OpenHandler<Args extends Arguments> = Handler<Args>;
+type OpenHandler<Args extends Arguments> = Handler<Args>;
 /**
  * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type CloseHandler<Args extends Arguments> = Handler<Args>;
-declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+type CloseHandler<Args extends Arguments> = Handler<Args>;
+type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
     /**
      * @description флаг активности состояния
      */
@@ -22,7 +22,7 @@ declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends
     OpenHandler<OpenArgs>,
     CloseHandler<CloseArgs>
 ];
-declare type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
     /**
      * @description изначальное состояние активности
      */

package/esm/index.d.ts

@@ -4,6 +4,7 @@ export * from './Autocomplete';
 export * from './BackdropStack';
 export * from './Badge';
 export * from './Button';
+export * from './Breadcrumbs';
 export * from './Collapse';
 export * from './DatePickerProvider';
 export * from './Description';
@@ -47,6 +48,10 @@ export * from './MenuItem';
 export * from './MenuList';
 export * from './MenuGroup';
 export * from './OverflowTypography';
+export * from './PageAside';
+export * from './PageHeader';
+export * from './PageLayout';
+export * from './PageLayoutContainer';
 export * from './Placeholder';
 export * from './Product';
 export * from './ProductSwitcher';

package/esm/index.js

@@ -4,6 +4,7 @@ export * from './Autocomplete';
 export * from './BackdropStack';
 export * from './Badge';
 export * from './Button';
+export * from './Breadcrumbs';
 export * from './Collapse';
 export * from './DatePickerProvider';
 export * from './Description';
@@ -47,6 +48,10 @@ export * from './MenuItem';
 export * from './MenuList';
 export * from './MenuGroup';
 export * from './OverflowTypography';
+export * from './PageAside';
+export * from './PageHeader';
+export * from './PageLayout';
+export * from './PageLayoutContainer';
 export * from './Placeholder';
 export * from './Product';
 export * from './ProductSwitcher';

package/esm/theme/baseTheme/baseTheme.d.ts

@@ -2,7 +2,7 @@ import { BreakpointsOptions, Palette as MuiPalette, Theme as MuiTheme, PaletteCo
 import { Background, Color } from '../palette';
 import { FontsUrls } from '../components';
 import { Brand } from '../constants';
-export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
+export type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     red: Color;
     green: Color;
     yellow: Color;
@@ -10,8 +10,8 @@ export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     primary: PaletteColor & Color;
     background: Background;
 };
-export declare type Theme = MuiTheme;
-declare type CreateThemeParams = {
+export type Theme = MuiTheme;
+type CreateThemeParams = {
     brand: Brand;
     options?: ThemeOptions;
     fontsUrls: FontsUrls;

package/esm/theme/components/MuiTypography.d.ts

@@ -1,5 +1,5 @@
 import { Components } from '@mui/material';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/esm/theme/components/components.d.ts

@@ -1,6 +1,6 @@
 import { Components } from '@mui/material';
 import type { Theme } from '../baseTheme';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/esm/theme/elevation.d.ts

@@ -1,4 +1,4 @@
-export declare type Elevation = {
+export type Elevation = {
     100: string;
     200: string;
     300: string;

package/esm/theme/palette/brandPalette.d.ts

@@ -1,5 +1,5 @@
 import { Brand } from '../constants';
-declare type BrandColors = {
+type BrandColors = {
     secondary: string;
     900: string;
     800: string;

package/esm/theme/palette/palette.d.ts

@@ -1,7 +1,7 @@
 import { PaletteOptions as MuiPaletteOptions, PaletteColorOptions } from '@mui/material';
 import { TypeBackground } from '@mui/material/styles/createPalette';
 import { Brand } from '../constants';
-export declare type Color = {
+export type Color = {
     900: string;
     800: string;
     700: string;
@@ -12,13 +12,13 @@ export declare type Color = {
     200: string;
     100: string;
 };
-export declare type PrimaryColorOptions = PaletteColorOptions & Color;
-export declare type Background = TypeBackground & {
+export type PrimaryColorOptions = PaletteColorOptions & Color;
+export type Background = TypeBackground & {
     element: string;
     elementHover: string;
     modalShadow: string;
 };
-declare type PaletteOptions = MuiPaletteOptions & {
+type PaletteOptions = MuiPaletteOptions & {
     red: Color;
     green: Color;
     yellow: Color;

package/esm/theme/shape.d.ts

@@ -1,4 +1,4 @@
-export declare type Shape = {
+export type Shape = {
     small: string;
     medium: string;
     large: string;

package/esm/theme/typography.d.ts

@@ -1,11 +1,11 @@
 import { Typography } from '@mui/material/styles/createTypography';
 import { CSSProperties } from 'react';
-declare type CustomTypographyVariantStyle = {
+type CustomTypographyVariantStyle = {
     fontSize: CSSProperties['fontSize'];
     fontWeight: CSSProperties['fontWeight'];
     lineHeight: CSSProperties['lineHeight'];
 };
-export declare type TypographyThemeOptions = Typography & {
+export type TypographyThemeOptions = Typography & {
     h7: CustomTypographyVariantStyle;
     h8: CustomTypographyVariantStyle;
     h9: CustomTypographyVariantStyle;

package/esm/types.d.ts

@@ -1,3 +1,3 @@
 import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
-export declare type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
-export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;
+export type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
+export type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;

package/esm/utils/date/buildIsoDate/buildIsoDateString.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description опции для генерации даты без смещения по часовому поясу пользователя
  */
-export declare type BuildIsoDateStringOptions = {
+export type BuildIsoDateStringOptions = {
     /**
      * @description год, обязательный
      */

package/esm/utils/date/format/maskDate.d.ts

@@ -2,7 +2,7 @@
  * @description текстовая маска содержащая упоминания элементов даты
  * @example DD.MM.YYYY.hh.mm.ss
  */
-export declare type DateMask = string;
+export type DateMask = string;
 export declare enum DateMaskElements {
     day = "DD",
     month = "MM",

package/esm/utils/date/isDate/isDate.d.ts

@@ -1,4 +1,4 @@
-declare type Unknown = null | undefined | string | number | Date;
+type Unknown = null | undefined | string | number | Date;
 /**
  * @description функция проверки значения на дату
  */

package/esm/utils/date/isDateOutOfRange/isDateOutOfRange.d.ts

@@ -9,7 +9,7 @@ export declare enum DateCompareDeep {
     minute = 4,
     second = 5
 }
-export declare type IsDateOutOfRangeOptions = {
+export type IsDateOutOfRangeOptions = {
     /**
      * @description опорная дата, которая сравнивается с minDate и maxDate
      */

package/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -1,5 +1,5 @@
 import { Reason } from '../../types';
-export declare type UseEscapeClickEffectProps = {
+export type UseEscapeClickEffectProps = {
     /**
      * @description колбэк который будет вызываться при нажатии на кнопку `esc`
      */

package/hooks/useMenu/useMenu.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from 'react';
-declare type UseMenuResult = {
+type UseMenuResult = {
     /**
      * Флаг состояния меню (открыто-закрыто)
      */

package/hooks/useToggle/useToggle.d.ts

@@ -1,20 +1,20 @@
 /**
  * @description тип обозначающий какой угодно рест аргументов
  */
-declare type Arguments = unknown[];
+type Arguments = unknown[];
 /**
  * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
  */
-declare type Handler<Args extends Arguments> = (...a: Args) => void;
+type Handler<Args extends Arguments> = (...a: Args) => void;
 /**
  * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type OpenHandler<Args extends Arguments> = Handler<Args>;
+type OpenHandler<Args extends Arguments> = Handler<Args>;
 /**
  * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
  */
-declare type CloseHandler<Args extends Arguments> = Handler<Args>;
-declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+type CloseHandler<Args extends Arguments> = Handler<Args>;
+type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
     /**
      * @description флаг активности состояния
      */
@@ -22,7 +22,7 @@ declare type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends
     OpenHandler<OpenArgs>,
     CloseHandler<CloseArgs>
 ];
-declare type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
     /**
      * @description изначальное состояние активности
      */

package/index.d.ts

@@ -4,6 +4,7 @@ export * from './Autocomplete';
 export * from './BackdropStack';
 export * from './Badge';
 export * from './Button';
+export * from './Breadcrumbs';
 export * from './Collapse';
 export * from './DatePickerProvider';
 export * from './Description';
@@ -47,6 +48,10 @@ export * from './MenuItem';
 export * from './MenuList';
 export * from './MenuGroup';
 export * from './OverflowTypography';
+export * from './PageAside';
+export * from './PageHeader';
+export * from './PageLayout';
+export * from './PageLayoutContainer';
 export * from './Placeholder';
 export * from './Product';
 export * from './ProductSwitcher';

package/index.js

@@ -20,6 +20,7 @@ __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./BackdropStack"), exports);
 __exportStar(require("./Badge"), exports);
 __exportStar(require("./Button"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./Collapse"), exports);
 __exportStar(require("./DatePickerProvider"), exports);
 __exportStar(require("./Description"), exports);
@@ -63,6 +64,10 @@ __exportStar(require("./MenuItem"), exports);
 __exportStar(require("./MenuList"), exports);
 __exportStar(require("./MenuGroup"), exports);
 __exportStar(require("./OverflowTypography"), exports);
+__exportStar(require("./PageAside"), exports);
+__exportStar(require("./PageHeader"), exports);
+__exportStar(require("./PageLayout"), exports);
+__exportStar(require("./PageLayoutContainer"), exports);
 __exportStar(require("./Placeholder"), exports);
 __exportStar(require("./Product"), exports);
 __exportStar(require("./ProductSwitcher"), exports);

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.39.4",
+  "version": "1.40.0",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.39.4",
+    "@astral/icons": "^1.40.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/theme/baseTheme/baseTheme.d.ts

@@ -2,7 +2,7 @@ import { BreakpointsOptions, Palette as MuiPalette, Theme as MuiTheme, PaletteCo
 import { Background, Color } from '../palette';
 import { FontsUrls } from '../components';
 import { Brand } from '../constants';
-export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
+export type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     red: Color;
     green: Color;
     yellow: Color;
@@ -10,8 +10,8 @@ export declare type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
     primary: PaletteColor & Color;
     background: Background;
 };
-export declare type Theme = MuiTheme;
-declare type CreateThemeParams = {
+export type Theme = MuiTheme;
+type CreateThemeParams = {
     brand: Brand;
     options?: ThemeOptions;
     fontsUrls: FontsUrls;

package/theme/components/MuiTypography.d.ts

@@ -1,5 +1,5 @@
 import { Components } from '@mui/material';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/theme/components/components.d.ts

@@ -1,6 +1,6 @@
 import { Components } from '@mui/material';
 import type { Theme } from '../baseTheme';
-export declare type FontsUrls = {
+export type FontsUrls = {
     bold: {
         woff: string;
         woff2: string;

package/theme/elevation.d.ts

@@ -1,4 +1,4 @@
-export declare type Elevation = {
+export type Elevation = {
     100: string;
     200: string;
     300: string;

package/theme/palette/brandPalette.d.ts

@@ -1,5 +1,5 @@
 import { Brand } from '../constants';
-declare type BrandColors = {
+type BrandColors = {
     secondary: string;
     900: string;
     800: string;

package/theme/palette/palette.d.ts

@@ -1,7 +1,7 @@
 import { PaletteOptions as MuiPaletteOptions, PaletteColorOptions } from '@mui/material';
 import { TypeBackground } from '@mui/material/styles/createPalette';
 import { Brand } from '../constants';
-export declare type Color = {
+export type Color = {
     900: string;
     800: string;
     700: string;
@@ -12,13 +12,13 @@ export declare type Color = {
     200: string;
     100: string;
 };
-export declare type PrimaryColorOptions = PaletteColorOptions & Color;
-export declare type Background = TypeBackground & {
+export type PrimaryColorOptions = PaletteColorOptions & Color;
+export type Background = TypeBackground & {
     element: string;
     elementHover: string;
     modalShadow: string;
 };
-declare type PaletteOptions = MuiPaletteOptions & {
+type PaletteOptions = MuiPaletteOptions & {
     red: Color;
     green: Color;
     yellow: Color;

package/theme/shape.d.ts

@@ -1,4 +1,4 @@
-export declare type Shape = {
+export type Shape = {
     small: string;
     medium: string;
     large: string;

package/theme/typography.d.ts

@@ -1,11 +1,11 @@
 import { Typography } from '@mui/material/styles/createTypography';
 import { CSSProperties } from 'react';
-declare type CustomTypographyVariantStyle = {
+type CustomTypographyVariantStyle = {
     fontSize: CSSProperties['fontSize'];
     fontWeight: CSSProperties['fontWeight'];
     lineHeight: CSSProperties['lineHeight'];
 };
-export declare type TypographyThemeOptions = Typography & {
+export type TypographyThemeOptions = Typography & {
     h7: CustomTypographyVariantStyle;
     h8: CustomTypographyVariantStyle;
     h9: CustomTypographyVariantStyle;

package/types.d.ts

@@ -1,3 +1,3 @@
 import { AutocompleteCloseReason } from '@mui/base/AutocompleteUnstyled/useAutocomplete';
-export declare type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
-export declare type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;
+export type WithoutEmotionSpecific<Props> = Omit<Props, 'sx' | 'css'>;
+export type Reason = 'escapeKeyDown' | 'backdropClick' | 'toggleInput' | 'blur' | AutocompleteCloseReason | null;

package/utils/date/buildIsoDate/buildIsoDateString.d.ts

@@ -1,7 +1,7 @@
 /**
  * @description опции для генерации даты без смещения по часовому поясу пользователя
  */
-export declare type BuildIsoDateStringOptions = {
+export type BuildIsoDateStringOptions = {
     /**
      * @description год, обязательный
      */

package/utils/date/format/maskDate.d.ts

@@ -2,7 +2,7 @@
  * @description текстовая маска содержащая упоминания элементов даты
  * @example DD.MM.YYYY.hh.mm.ss
  */
-export declare type DateMask = string;
+export type DateMask = string;
 export declare enum DateMaskElements {
     day = "DD",
     month = "MM",

package/utils/date/isDate/isDate.d.ts

@@ -1,4 +1,4 @@
-declare type Unknown = null | undefined | string | number | Date;
+type Unknown = null | undefined | string | number | Date;
 /**
  * @description функция проверки значения на дату
  */

package/utils/date/isDateOutOfRange/isDateOutOfRange.d.ts

@@ -9,7 +9,7 @@ export declare enum DateCompareDeep {
     minute = 4,
     second = 5
 }
-export declare type IsDateOutOfRangeOptions = {
+export type IsDateOutOfRangeOptions = {
     /**
      * @description опорная дата, которая сравнивается с minDate и maxDate
      */