@salutejs/plasma-new-hope 0.88.0-canary.1223.9302553119.0 → 0.88.0-canary.1225.9346550240.0

package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx

@@ -0,0 +1,239 @@
+import React, { useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import { Body1 } from '@salutejs/plasma-core';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Sheet } from './Sheet';
+
+const meta: Meta<typeof Sheet> = {
+    title: 'plasma_b2c/Sheet',
+    decorators: [WithTheme],
+    parameters: { viewport: { defaultViewport: '860' } },
+};
+
+export default meta;
+
+type StorySheetProps = ComponentProps<typeof Sheet>;
+
+const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '75px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body1>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const Default: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryWithoutOverlay = () => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet isOpen={isOpen} withOverlay={false} onClose={() => setIsOpen(false)}>
+                <Body1>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithoutOverlay: StoryObj = {
+    render: () => <StoryWithoutOverlay />,
+};
+
+const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <Body1>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithScroll: StoryObj<StorySheetProps> = {
+    render: (args) => <StoryWithScroll {...args} />,
+};
+
+const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '150px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body1>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithInsideScroll: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryWithInsideScroll {...args} />,
+};
+
+const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <Body1>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>Вложенные кнопки</p>
+                    <div
+                        style={{
+                            height: '150px',
+                            overflow: 'scroll',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '1rem',
+                        }}
+                    >
+                        <Button>Кнопка 1</Button>
+                        <Button>Кнопка 2</Button>
+                        <Button>Кнопка 3</Button>
+                        <Button>Кнопка 4</Button>
+                        <Button>Кнопка 5</Button>
+                        <Button>Кнопка 6</Button>
+                        <Button>Кнопка 7</Button>
+                        <Button>Кнопка 8</Button>
+                    </div>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithDoubleScroll: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryWithDoubleScroll {...args} />,
+};

package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.config.js

@@ -0,0 +1,12 @@
+import { css } from 'styled-components';
+import { sheetTokens } from '../../../../components/Sheet';
+export var config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-overlay);", ":var(--plasma-colors-white);"], sheetTokens.contentBackgroundColor, sheetTokens.overlayBackgroundColor, sheetTokens.handleColor)
+    }
+  }
+};

package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.js

@@ -0,0 +1,6 @@
+import { sheetConfig } from '../../../../components/Sheet';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Sheet.config';
+export { sheetClasses } from '../../../../components/Sheet';
+var mergedConfig = /*#__PURE__*/mergeConfig(sheetConfig, config);
+export var Sheet = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx

@@ -0,0 +1,239 @@
+import React, { useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import { Body1 } from '@salutejs/plasma-core';
+
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Sheet } from './Sheet';
+
+const meta: Meta<typeof Sheet> = {
+    title: 'plasma_web/Sheet',
+    decorators: [WithTheme],
+    parameters: { viewport: { defaultViewport: '860' } },
+};
+
+export default meta;
+
+type StorySheetProps = ComponentProps<typeof Sheet>;
+
+const StoryDefault = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '75px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body1>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const Default: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryDefault {...args} />,
+};
+
+const StoryWithoutOverlay = () => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet isOpen={isOpen} withOverlay={false} onClose={() => setIsOpen(false)}>
+                <Body1>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                    consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel illum ea
+                    fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos nostrum
+                    placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt ullam,
+                    dolorem labore quaerat vero maxime ab ipsa nihil.
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithoutOverlay: StoryObj = {
+    render: () => <StoryWithoutOverlay />,
+};
+
+const StoryWithScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <Body1>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithScroll: StoryObj<StorySheetProps> = {
+    render: (args) => <StoryWithScroll {...args} />,
+};
+
+const StoryWithInsideScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <p>Вложенные кнопки</p>
+                <div
+                    style={{
+                        height: '150px',
+                        overflow: 'scroll',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: '1rem',
+                    }}
+                >
+                    <Button>Кнопка 1</Button>
+                    <Button>Кнопка 2</Button>
+                    <Button>Кнопка 3</Button>
+                    <Button>Кнопка 4</Button>
+                    <Button>Кнопка 5</Button>
+                    <Button>Кнопка 6</Button>
+                    <Button>Кнопка 7</Button>
+                    <Button>Кнопка 8</Button>
+                </div>
+                <Body1>Lorem ipsum dolor sit amet consectetur adipisicing elit.</Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithInsideScroll: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryWithInsideScroll {...args} />,
+};
+
+const StoryWithDoubleScroll = ({ withOverlay, withTransition }: StorySheetProps) => {
+    const [isOpen, setIsOpen] = useState(false);
+
+    return (
+        <>
+            <Button onClick={() => setIsOpen(true)}>Открыть</Button>
+            <Sheet
+                isOpen={isOpen}
+                withOverlay={withOverlay}
+                withTransition={withTransition}
+                onClose={() => setIsOpen(false)}
+            >
+                <Body1>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>Вложенные кнопки</p>
+                    <div
+                        style={{
+                            height: '150px',
+                            overflow: 'scroll',
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: '1rem',
+                        }}
+                    >
+                        <Button>Кнопка 1</Button>
+                        <Button>Кнопка 2</Button>
+                        <Button>Кнопка 3</Button>
+                        <Button>Кнопка 4</Button>
+                        <Button>Кнопка 5</Button>
+                        <Button>Кнопка 6</Button>
+                        <Button>Кнопка 7</Button>
+                        <Button>Кнопка 8</Button>
+                    </div>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                    <Button onClick={() => setIsOpen(false)}>Закрыть</Button>
+                    <p>
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae tempore vitae porro laboriosam
+                        consectetur fugiat assumenda, earum nesciunt. Distinctio minima nesciunt dicta rem quae vel
+                        illum ea fugit molestiae dolorem? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
+                        nostrum placeat, neque repudiandae consectetur voluptates soluta et sint eum obcaecati nesciunt
+                        ullam, dolorem labore quaerat vero maxime ab ipsa nihil.
+                    </p>
+                </Body1>
+            </Sheet>
+        </>
+    );
+};
+
+export const WithDoubleScroll: StoryObj<StorySheetProps> = {
+    args: {
+        withOverlay: true,
+        withTransition: true,
+    },
+    render: (args) => <StoryWithDoubleScroll {...args} />,
+};

package/styled-components/es/index.js

@@ -46,5 +46,6 @@ export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';
+export * from './components/Sheet';
 export * from './components/Slider';
 export * from './components/Range';

package/types/components/Sheet/Sheet.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RootProps } from '../../engines';
+import { SheetProps } from './Sheet.types';
+/**
+ * Открывает окно-шторку поверх основного экрана.
+ */
+export declare const sheetRoot: (Root: RootProps<HTMLDivElement, SheetProps>) => React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;
+export declare const sheetConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, SheetProps>) => React.ForwardRefExoticComponent<SheetProps & React.RefAttributes<HTMLDivElement>>;
+    base: string;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+    };
+};
+//# sourceMappingURL=Sheet.d.ts.map

package/types/components/Sheet/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAY3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAkDhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApDQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiEpE,CAAC"}

package/types/components/Sheet/Sheet.styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("./Sheet.types").SheetProps, "isOpen" | "withTransition"> & {
+    theme: import("./Sheet.types").ThemeProviderContext;
+}>;
+export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<import("./Sheet.types").SheetProps, "isOpen" | "withTransition"> & {
+    theme: import("./Sheet.types").ThemeProviderContext;
+}>;
+export declare const StyledOverlay: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    withOverlay: boolean;
+}>;
+export declare const StyledSheetContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledSheetHandle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=Sheet.styles.d.ts.map

package/types/components/Sheet/Sheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,aAAa;;EAczB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;EAiBhC,CAAC;AAEF,eAAO,MAAM,aAAa;iBAA6B,OAAO;EAQ7D,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAY9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAc7B,CAAC"}

package/types/components/Sheet/Sheet.tokens.d.ts

@@ -0,0 +1,9 @@
+export declare const classes: {
+    isClosed: string;
+};
+export declare const tokens: {
+    overlayBackgroundColor: string;
+    contentBackgroundColor: string;
+    handleColor: string;
+};
+//# sourceMappingURL=Sheet.tokens.d.ts.map

package/types/components/Sheet/Sheet.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;CAMlB,CAAC"}

package/types/components/Sheet/Sheet.types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Состояние шторки, открыта или скрыта
+     */
+    isOpen: boolean;
+    /**
+     * Обработчик закрытия шторки. Вызывается при клике по оверлею или смахиванию шторки вниз
+     */
+    onClose: () => void;
+    /**
+     * Наличие оверлея шторки. Если включен, то контент под шторкой перекрывается оверлеем, при нажатии на
+     * который шторка закрывается.
+     */
+    withOverlay?: boolean;
+    children?: ReactNode;
+    /**
+     * Наличие состояния анимации/перехода, по-умолчанию true.
+     */
+    withTransition?: boolean;
+    /**
+     * Throttling внутренних обработчиков события onScroll
+     */
+    throttleMs?: number;
+    view?: string;
+}
+export interface ThemeProviderContext {
+    lowPerformance: boolean;
+    [key: string]: unknown;
+}
+export declare type CommonProps = Pick<SheetProps, 'withTransition' | 'isOpen'> & {
+    theme: ThemeProviderContext;
+};
+export declare type SheetHookArgs = Pick<SheetProps, 'isOpen'>;
+//# sourceMappingURL=Sheet.types.d.ts.map

package/types/components/Sheet/Sheet.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACjC,cAAc,EAAE,OAAO,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,GAAG;IACtE,KAAK,EAAE,oBAAoB,CAAC;CAC/B,CAAC;AAEF,oBAAY,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}

package/types/components/Sheet/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useThemeContext } from './useThemeContext';
+export { useSheetSwipe } from './useSheetSwipe';
+export { useSheet } from './useSheet';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Sheet/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/types/components/Sheet/hooks/useSheet.d.ts

@@ -0,0 +1,3 @@
+import { SheetHookArgs } from '../Sheet.types';
+export declare const useSheet: ({ isOpen }: SheetHookArgs) => void;
+//# sourceMappingURL=useSheet.d.ts.map

package/types/components/Sheet/hooks/useSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,QAAQ,eAAgB,aAAa,SAgBjD,CAAC"}

package/types/components/Sheet/hooks/useSheetSwipe.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const useSheetSwipe: (args: {
+    contentWrapperRef: React.RefObject<HTMLDivElement>;
+    contentRef: React.RefObject<HTMLDivElement>;
+    handleRef: React.RefObject<HTMLDivElement>;
+    throttleMs?: number | undefined;
+    onClose: () => void;
+}) => void;
+//# sourceMappingURL=useSheetSwipe.d.ts.map

package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoB3D,eAAO,MAAM,aAAa;uBACH,MAAM,SAAS,CAAC,cAAc,CAAC;gBACtC,MAAM,SAAS,CAAC,cAAc,CAAC;eAChC,MAAM,SAAS,CAAC,cAAc,CAAC;;aAEjC,MAAM,IAAI;UA6FtB,CAAC"}

package/types/components/Sheet/hooks/useThemeContext.d.ts

@@ -0,0 +1,7 @@
+import { ThemeProviderContext } from '../Sheet.types';
+/**
+ * Возвращает контекст темы.
+ * @return {ThemeProviderContext}
+ */
+export declare const useThemeContext: () => ThemeProviderContext;
+//# sourceMappingURL=useThemeContext.d.ts.map

package/types/components/Sheet/hooks/useThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useThemeContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,oBAElC,CAAC"}

package/types/components/Sheet/index.d.ts

@@ -0,0 +1,4 @@
+export { sheetConfig, sheetRoot } from './Sheet';
+export { classes as sheetClasses, tokens as sheetTokens } from './Sheet.tokens';
+export type { SheetProps } from './Sheet.types';
+//# sourceMappingURL=index.d.ts.map