@alfalab/core-components-pattern-lock 2.5.11 → 2.5.12-snapshot-1393ffa

package/modern/mobile/mobile.module.css.js

@@ -0,0 +1,6 @@
+import './mobile.css';
+
+const styles = {"component":"pattern-lock__component_lc8kh","forgotBtn":"pattern-lock__forgotBtn_lc8kh"};
+
+export { styles as default };
+//# sourceMappingURL=mobile.module.css.js.map

package/modern/mobile/mobile.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '../../../vars/src/index.css';\n@import '../vars.css';\n\n.component {\n    margin: var(--gap-0) auto;\n    min-width: var(--pattern-lock-min-width);\n}\n\n.forgotBtn {\n    margin: var(--gap-8) auto var(--gap-0);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,WAAW,CAAC,+BAA+B,CAAC;;;;"}

package/modern/shared/index.js

@@ -1,2 +1,3 @@
 export { getPatternLockTestIds } from '../utils.js';
 export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup.js';
+//# sourceMappingURL=index.js.map

package/modern/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/modern/src/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { PatternLockProps } from './typings';
+export declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/modern/src/components/base-pattern-lock/Component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';
+export declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;

package/modern/src/components/base-pattern-lock/index.d.ts

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

package/modern/src/consts.d.ts

@@ -0,0 +1,10 @@
+import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
+import type { ObservableTokens } from './typings';
+export declare const OBSERVE_OPTIONS: MutationObserverInit;
+export declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
+export declare const OBSERVABLE_TOKENS: ObservableTokens;
+export declare const THEME_STATE: {
+    INITIAL: string;
+    SUCCESS: string;
+    FAILURE: string;
+};

package/modern/src/desktop/Component.desktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/modern/src/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { PatternLockDesktop } from './Component.desktop';
+export type { CommonPatternLockProps as PatternLockDesktopProps } from '../typings';

package/modern/src/hooks/use-pattern-lock-cleanup.d.ts

@@ -0,0 +1,4 @@
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+export declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
+    clear: void;
+};

package/modern/src/index.d.ts

@@ -0,0 +1,3 @@
+export type { PatternLockProps } from './typings';
+export * from './Component.responsive';
+export { THEME_STATE } from './consts';

package/modern/src/mobile/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockMobile: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/modern/src/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { PatternLockMobile } from './Component.mobile';
+export type { CommonPatternLockProps as PatternLockMobileProps } from '../typings';

package/modern/src/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getPatternLockTestIds } from '../utils';
+export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup';

package/modern/{typings.d.ts → src/typings.d.ts}

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
 import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
-type ConditionalProps = {
+declare type ConditionalProps = {
     /**
      * Показать кнопку "забыли код"
      * @default "Забыли код?"
@@ -20,7 +20,7 @@ type ConditionalProps = {
     onForgotBtnClick?: never;
     forgotCodeBtnText?: never;
 };
-type CommonPatternLockProps = {
+export declare type CommonPatternLockProps = {
     /**
      * Дополнительный класс
      */
@@ -53,7 +53,7 @@ type CommonPatternLockProps = {
      */
     disabled?: boolean;
 } & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover' | 'justifyNodes'> & ConditionalProps;
-type PrivatePatternLockProps = {
+export declare type PrivatePatternLockProps = {
     /**
      * Включает ховер-эффект
      */
@@ -65,7 +65,7 @@ type PrivatePatternLockProps = {
         [key: string]: string;
     };
 };
-type PatternLockProps = CommonPatternLockProps & {
+export declare type PatternLockProps = CommonPatternLockProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -81,7 +81,7 @@ type PatternLockProps = CommonPatternLockProps & {
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-type ObservableTokens = {
+export declare type ObservableTokens = {
     ACCENT_INITIAL: string;
     ACCENT_SUCCESS: string;
     ACCENT_FAILURE: string;
@@ -93,4 +93,4 @@ type ObservableTokens = {
     HOVER_INNER: string;
     HOVER_OUTER: string;
 };
-export { CommonPatternLockProps, PrivatePatternLockProps, PatternLockProps, ObservableTokens };
+export {};

package/modern/src/utils.d.ts

@@ -0,0 +1,13 @@
+import { Theme, ThemeParams } from '@alfalab/react-canvas-pattern-lock';
+export declare function getDefaultObserveTarget(): HTMLHeadElement;
+export declare function getColorByToken(token: string): string;
+export declare const getSizes: () => {
+    elementSizes: ThemeParams['dimens'];
+    width: number;
+    height: number;
+};
+export declare function getTheme(dimens: ThemeParams['dimens']): Theme;
+export declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+};

package/modern/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/modern/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/modern/utils.js

@@ -1,5 +1,5 @@
 import { getDataTestId } from '@alfalab/core-components-shared/modern';
-import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
+import { THEME_STATE, OBSERVABLE_TOKENS } from './consts.js';
 
 function getDefaultObserveTarget() {
     return document.head;
@@ -71,3 +71,4 @@ function getPatternLockTestIds(dataTestId) {
 }
 
 export { getColorByToken, getDefaultObserveTarget, getPatternLockTestIds, getSizes, getTheme };
+//# sourceMappingURL=utils.js.map

package/modern/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\nimport { Theme, ThemeParams } from '@alfalab/react-canvas-pattern-lock';\n\nimport { OBSERVABLE_TOKENS, THEME_STATE } from './consts';\n\nexport function getDefaultObserveTarget() {\n    return document.head;\n}\n\nexport function getColorByToken(token: string) {\n    return getComputedStyle(document.documentElement).getPropertyValue(token);\n}\n\nexport const getSizes = (() => {\n    const COMMON_SIZES = {\n        lineWidth: 6,\n        nodeRing: 0,\n        nodeCore: 12,\n    };\n\n    let cachedSize: { elementSizes: ThemeParams['dimens']; width: number; height: number };\n\n    return () => {\n        if (cachedSize) {\n            return cachedSize;\n        }\n\n        cachedSize = {\n            elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },\n            width: 240,\n            height: 240,\n        };\n\n        return cachedSize;\n    };\n})();\n\nexport function getTheme(dimens: ThemeParams['dimens']): Theme {\n    const baseColors = {\n        primary: getColorByToken(OBSERVABLE_TOKENS.PRIMARY),\n        bg: 'transparent',\n        ringBg: getColorByToken(OBSERVABLE_TOKENS.RING_BG_INITIAL),\n        hover: {\n            inner: getColorByToken(OBSERVABLE_TOKENS.HOVER_INNER),\n            outer: getColorByToken(OBSERVABLE_TOKENS.HOVER_OUTER),\n        },\n    };\n\n    return {\n        [THEME_STATE.INITIAL]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_INITIAL),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL),\n            },\n            dimens,\n        },\n        [THEME_STATE.SUCCESS]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_SUCCESS),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS),\n            },\n            dimens,\n        },\n        [THEME_STATE.FAILURE]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_FAILURE),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE),\n            },\n            dimens,\n        },\n    };\n}\n\nexport function getPatternLockTestIds(dataTestId: string) {\n    return {\n        patternLock: dataTestId,\n        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),\n    };\n}\n"],"names":[],"mappings":";;;SAKgB,uBAAuB,GAAA;IACnC,OAAO,QAAQ,CAAC,IAAI;AACxB;AAEM,SAAU,eAAe,CAAC,KAAa,EAAA;IACzC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAC7E;AAEa,MAAA,QAAQ,GAAG,CAAC,MAAK;AAC1B,IAAA,MAAM,YAAY,GAAG;AACjB,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,QAAQ,EAAE,EAAE;KACf;AAED,IAAA,IAAI,UAAkF;AAEtF,IAAA,OAAO,MAAK;AACR,QAAA,IAAI,UAAU,EAAE;AACZ,YAAA,OAAO,UAAU;AACpB;AAED,QAAA,UAAU,GAAG;YACT,YAAY,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;AACjD,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;SACd;AAED,QAAA,OAAO,UAAU;AACrB,KAAC;AACL,CAAC;AAEK,SAAU,QAAQ,CAAC,MAA6B,EAAA;AAClD,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,OAAO,EAAE,eAAe,CAAC,iBAAiB,CAAC,OAAO,CAAC;AACnD,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,eAAe,CAAC;AAC1D,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,eAAe,CAAC,iBAAiB,CAAC,WAAW,CAAC;AACrD,YAAA,KAAK,EAAE,eAAe,CAAC,iBAAiB,CAAC,WAAW,CAAC;AACxD,SAAA;KACJ;IAED,OAAO;AACH,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;KACJ;AACL;AAEM,SAAU,qBAAqB,CAAC,UAAkB,EAAA;IACpD,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,aAAa,EAAE,aAAa,CAAC,UAAU,EAAE,iBAAiB,CAAC;KAC9D;AACL;;;;"}

package/moderncssm/Component.responsive.js

@@ -11,3 +11,4 @@ const PatternLock = forwardRef(({ breakpoint, client, defaultMatchMediaValue = c
 PatternLock.displayName = 'PatternLock';
 
 export { PatternLock };
+//# sourceMappingURL=Component.responsive.js.map

package/moderncssm/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { PatternLockDesktop } from './desktop';\nimport { PatternLockMobile } from './mobile';\nimport { PatternLockProps } from './typings';\n\nexport const PatternLock = forwardRef<TPatternLockInstance, PatternLockProps>(\n    (\n        {\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;\n\n        return <Component ref={ref} {...restProps} />;\n    },\n);\n\nPatternLock.displayName = 'PatternLock';\n"],"names":[],"mappings":";;;;;AASO,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;IAElE,MAAM,SAAS,GAAG,SAAS,GAAG,kBAAkB,GAAG,iBAAiB;IAEpE,OAAO,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAA,CAAI;AACjD,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/moderncssm/components/base-pattern-lock/Component.js

@@ -3,8 +3,8 @@ import cn from 'classnames';
 import { ButtonMobile } from '@alfalab/core-components-button/moderncssm/mobile';
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
 import { ReactCanvasPatternLock } from '@alfalab/react-canvas-pattern-lock';
-import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
-import { getTheme, getColorByToken, getSizes, getDefaultObserveTarget } from '../../utils.js';
+import { OBSERVE_OPTIONS, THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS } from '../../consts.js';
+import { getSizes, getTheme, getDefaultObserveTarget, getColorByToken } from '../../utils.js';
 import commonStyles from './index.module.css';
 
 const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}, className, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, messageClassName, hover, styles = {}, disabled = false, ...restProps }, ref) => {
@@ -51,3 +51,4 @@ BasePatternLock.displayName = 'BasePatternLock';
 ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
 
 export { BasePatternLock };
+//# sourceMappingURL=Component.js.map

package/moderncssm/components/base-pattern-lock/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../../src/components/base-pattern-lock/Component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport type { Theme, TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\nimport { ReactCanvasPatternLock } from '@alfalab/react-canvas-pattern-lock';\n\nimport {\n    DEFAULT_EXTRA_BOUNDS,\n    OBSERVABLE_TOKENS,\n    OBSERVE_OPTIONS,\n    THEME_STATE,\n} from '../../consts';\nimport type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';\nimport { getColorByToken, getDefaultObserveTarget, getSizes, getTheme } from '../../utils';\n\nimport commonStyles from './index.module.css';\n\nexport const BasePatternLock = forwardRef<\n    TPatternLockInstance,\n    CommonPatternLockProps & PrivatePatternLockProps\n>(\n    (\n        {\n            observeTokens = false,\n            observerParams = {},\n            className,\n            dataTestId,\n            forgotCodeBtnText = 'Забыли код?',\n            showForgotCodeBtn = false,\n            onForgotBtnClick,\n            extraBounds = DEFAULT_EXTRA_BOUNDS,\n            messageClassName,\n            hover,\n            styles = {},\n            disabled = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [params, setParams] = useState<\n            { theme: Theme; width: number; height: number } | undefined\n        >();\n\n        useEffect(() => {\n            const { elementSizes, width, height } = getSizes();\n\n            setParams({\n                theme: getTheme(elementSizes),\n                width,\n                height,\n            });\n        }, []);\n\n        useEffect(() => {\n            let styleObserver: MutationObserver | null = null;\n\n            if (observeTokens) {\n                const { options = OBSERVE_OPTIONS, getTarget = getDefaultObserveTarget } =\n                    observerParams;\n\n                styleObserver = new MutationObserver(() =>\n                    setParams((prevState) => {\n                        const { width, height, elementSizes } = getSizes();\n\n                        if (!prevState) {\n                            return { theme: getTheme(elementSizes), width, height };\n                        }\n\n                        const prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.primary;\n                        const themeChanged =\n                            prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.PRIMARY);\n\n                        if (themeChanged) return { ...prevState, theme: getTheme(elementSizes) };\n\n                        return prevState;\n                    }),\n                );\n\n                styleObserver.observe(getTarget(), options);\n            }\n\n            return () => styleObserver?.disconnect();\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [observeTokens]);\n\n        return (\n            <div\n                className={cn(commonStyles.component, styles.component, className, {\n                    [commonStyles.hidden]: !params,\n                    [commonStyles.withForgotBtn]: showForgotCodeBtn,\n                    [commonStyles.disabled]: disabled,\n                })}\n                data-test-id={dataTestId}\n            >\n                <div className={commonStyles.canvasContainer}>\n                    <div className={commonStyles.canvasInner}>\n                        <ReactCanvasPatternLock\n                            {...restProps}\n                            {...params}\n                            ref={ref}\n                            rows={3}\n                            cols={3}\n                            justifyNodes='space-between'\n                            extraBounds={extraBounds}\n                            hover={hover}\n                        />\n                    </div>\n                </div>\n                {showForgotCodeBtn && (\n                    <ButtonMobile\n                        view='transparent'\n                        className={cn(commonStyles.forgotBtn, styles.forgotBtn)}\n                        onClick={onForgotBtnClick}\n                        dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}\n                    >\n                        {forgotCodeBtnText}\n                    </ButtonMobile>\n                )}\n            </div>\n        );\n    },\n);\n\nBasePatternLock.displayName = 'BasePatternLock';\nReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';\n"],"names":[],"mappings":"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"}

package/moderncssm/components/base-pattern-lock/index.js

@@ -1 +1,2 @@
 export { BasePatternLock } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/components/base-pattern-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/components/base-pattern-lock/index.module.css

@@ -1,4 +1,3 @@
-/* */
 :root {
     --pattern-lock-min-width: 304px;
     --pattern-lock-min-height: 272px;

package/moderncssm/consts.js

@@ -24,3 +24,4 @@ const THEME_STATE = {
 };
 
 export { DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, OBSERVE_OPTIONS, THEME_STATE };
+//# sourceMappingURL=consts.js.map

package/moderncssm/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../../src/consts.ts"],"sourcesContent":["import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';\n\nimport type { ObservableTokens } from './typings';\n\nexport const OBSERVE_OPTIONS: MutationObserverInit = {\n    childList: true,\n    attributes: false,\n    characterData: false,\n    subtree: true,\n};\n\nexport const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'] = [75, 50, 75, 50];\n\nexport const OBSERVABLE_TOKENS: ObservableTokens = {\n    ACCENT_INITIAL: '--color-light-neutral-0-inverted',\n    ACCENT_SUCCESS: '--color-light-status-positive',\n    ACCENT_FAILURE: '--color-light-status-negative',\n    PRIMARY: '--color-light-neutral-500',\n    RING_BG_INITIAL: '--color-light-neutral-translucent-200',\n    SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',\n    SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',\n    SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',\n    HOVER_INNER: '--color-light-neutral-500-hover',\n    HOVER_OUTER: '--color-light-neutral-translucent-200-hover',\n};\n\nexport const THEME_STATE = {\n    INITIAL: 'initial',\n    SUCCESS: 'success',\n    FAILURE: 'failure',\n};\n"],"names":[],"mappings":"AAIa,MAAA,eAAe,GAAyB;AACjD,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,OAAO,EAAE,IAAI;;AAGV,MAAM,oBAAoB,GAAyC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAE5E,MAAA,iBAAiB,GAAqB;AAC/C,IAAA,cAAc,EAAE,kCAAkC;AAClD,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,OAAO,EAAE,2BAA2B;AACpC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,wBAAwB,EAAE,6CAA6C;AACvE,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,WAAW,EAAE,6CAA6C;;AAGjD,MAAA,WAAW,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;;;;;"}

package/moderncssm/desktop/Component.desktop.js

@@ -6,3 +6,4 @@ const PatternLockDesktop = forwardRef((restProps, ref) => React.createElement(Ba
 PatternLockDesktop.displayName = 'PatternLockDesktop';
 
 export { PatternLockDesktop };
+//# sourceMappingURL=Component.desktop.js.map

package/moderncssm/desktop/Component.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { BasePatternLock } from '../components/base-pattern-lock';\nimport { CommonPatternLockProps } from '../typings';\n\nimport styles from './desktop.module.css';\n\nexport const PatternLockDesktop = forwardRef<TPatternLockInstance, CommonPatternLockProps>(\n    (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} styles={styles} />,\n);\n\nPatternLockDesktop.displayName = 'PatternLockDesktop';\n"],"names":[],"mappings":";;;;AASO,MAAM,kBAAkB,GAAG,UAAU,CACxC,CAAC,SAAS,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,eAAe,EAAK,EAAA,GAAA,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI;AAGjG,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/moderncssm/desktop/desktop.module.css

@@ -1,4 +1,3 @@
-/* */
 :root {
     --pattern-lock-min-width: 304px;
 }

package/moderncssm/desktop/index.js

@@ -1 +1,2 @@
 export { PatternLockDesktop } from './Component.desktop.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/desktop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/hooks/use-pattern-lock-cleanup.js

@@ -12,3 +12,4 @@ const usePatternLockCleanup = (patternLockRef) => {
 };
 
 export { usePatternLockCleanup };
+//# sourceMappingURL=use-pattern-lock-cleanup.js.map

package/moderncssm/hooks/use-pattern-lock-cleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pattern-lock-cleanup.js","sources":["../../../src/hooks/use-pattern-lock-cleanup.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nexport const usePatternLockCleanup = (\n    patternLockRef: React.MutableRefObject<TPatternLockInstance | null>,\n) => {\n    const clear = useMemo(() => {\n        if (patternLockRef.current) {\n            patternLockRef.current.setInitialState();\n        }\n    }, [patternLockRef]);\n\n    return {\n        clear,\n    };\n};\n"],"names":[],"mappings":";;AAIa,MAAA,qBAAqB,GAAG,CACjC,cAAmE,KACnE;AACA,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,MAAK;QACvB,IAAI,cAAc,CAAC,OAAO,EAAE;AACxB,YAAA,cAAc,CAAC,OAAO,CAAC,eAAe,EAAE;AAC3C;AACL,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,OAAO;QACH,KAAK;KACR;AACL;;;;"}

package/moderncssm/index.js

@@ -1,2 +1,3 @@
 export { PatternLock } from './Component.responsive.js';
 export { THEME_STATE } from './consts.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/moderncssm/mobile/Component.mobile.js

@@ -6,3 +6,4 @@ const PatternLockMobile = forwardRef((restProps, ref) => React.createElement(Bas
 PatternLockMobile.displayName = 'PatternLockMobile';
 
 export { PatternLockMobile };
+//# sourceMappingURL=Component.mobile.js.map

package/moderncssm/mobile/Component.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';\n\nimport { BasePatternLock } from '../components/base-pattern-lock';\nimport { CommonPatternLockProps } from '../typings';\n\nimport styles from './mobile.module.css';\n\nexport const PatternLockMobile = forwardRef<TPatternLockInstance, CommonPatternLockProps>(\n    (restProps, ref) => <BasePatternLock {...restProps} ref={ref} styles={styles} />,\n);\n\nPatternLockMobile.displayName = 'PatternLockMobile';\n"],"names":[],"mappings":";;;;AASa,MAAA,iBAAiB,GAAG,UAAU,CACvC,CAAC,SAAS,EAAE,GAAG,KAAK,KAAC,CAAA,aAAA,CAAA,eAAe,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAI,CAAA;AAGpF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/moderncssm/mobile/index.js

@@ -1 +1,2 @@
 export { PatternLockMobile } from './Component.mobile.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/mobile/mobile.module.css

@@ -1,4 +1,3 @@
-/* */
 :root {
     --pattern-lock-min-width: 304px;
 }

package/moderncssm/shared/index.js

@@ -1,2 +1,3 @@
 export { getPatternLockTestIds } from '../utils.js';
 export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/moderncssm/src/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { PatternLockProps } from './typings';
+export declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/moderncssm/src/components/base-pattern-lock/Component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';
+export declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;

package/moderncssm/src/components/base-pattern-lock/index.d.ts

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

package/moderncssm/src/consts.d.ts

@@ -0,0 +1,10 @@
+import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
+import type { ObservableTokens } from './typings';
+export declare const OBSERVE_OPTIONS: MutationObserverInit;
+export declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
+export declare const OBSERVABLE_TOKENS: ObservableTokens;
+export declare const THEME_STATE: {
+    INITIAL: string;
+    SUCCESS: string;
+    FAILURE: string;
+};

package/moderncssm/src/desktop/Component.desktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/moderncssm/src/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { PatternLockDesktop } from './Component.desktop';
+export type { CommonPatternLockProps as PatternLockDesktopProps } from '../typings';

package/moderncssm/src/hooks/use-pattern-lock-cleanup.d.ts

@@ -0,0 +1,4 @@
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+export declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
+    clear: void;
+};

package/moderncssm/src/index.d.ts

@@ -0,0 +1,3 @@
+export type { PatternLockProps } from './typings';
+export * from './Component.responsive';
+export { THEME_STATE } from './consts';

package/moderncssm/src/mobile/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockMobile: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/moderncssm/src/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { PatternLockMobile } from './Component.mobile';
+export type { CommonPatternLockProps as PatternLockMobileProps } from '../typings';

package/moderncssm/src/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getPatternLockTestIds } from '../utils';
+export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup';

package/moderncssm/{typings.d.ts → src/typings.d.ts}

@@ -1,6 +1,6 @@
 import { MouseEvent } from 'react';
 import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
-type ConditionalProps = {
+declare type ConditionalProps = {
     /**
      * Показать кнопку "забыли код"
      * @default "Забыли код?"
@@ -20,7 +20,7 @@ type ConditionalProps = {
     onForgotBtnClick?: never;
     forgotCodeBtnText?: never;
 };
-type CommonPatternLockProps = {
+export declare type CommonPatternLockProps = {
     /**
      * Дополнительный класс
      */
@@ -53,7 +53,7 @@ type CommonPatternLockProps = {
      */
     disabled?: boolean;
 } & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover' | 'justifyNodes'> & ConditionalProps;
-type PrivatePatternLockProps = {
+export declare type PrivatePatternLockProps = {
     /**
      * Включает ховер-эффект
      */
@@ -65,7 +65,7 @@ type PrivatePatternLockProps = {
         [key: string]: string;
     };
 };
-type PatternLockProps = CommonPatternLockProps & {
+export declare type PatternLockProps = CommonPatternLockProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
@@ -81,7 +81,7 @@ type PatternLockProps = CommonPatternLockProps & {
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-type ObservableTokens = {
+export declare type ObservableTokens = {
     ACCENT_INITIAL: string;
     ACCENT_SUCCESS: string;
     ACCENT_FAILURE: string;
@@ -93,4 +93,4 @@ type ObservableTokens = {
     HOVER_INNER: string;
     HOVER_OUTER: string;
 };
-export { CommonPatternLockProps, PrivatePatternLockProps, PatternLockProps, ObservableTokens };
+export {};

package/moderncssm/src/utils.d.ts

@@ -0,0 +1,13 @@
+import { Theme, ThemeParams } from '@alfalab/react-canvas-pattern-lock';
+export declare function getDefaultObserveTarget(): HTMLHeadElement;
+export declare function getColorByToken(token: string): string;
+export declare const getSizes: () => {
+    elementSizes: ThemeParams['dimens'];
+    width: number;
+    height: number;
+};
+export declare function getTheme(dimens: ThemeParams['dimens']): Theme;
+export declare function getPatternLockTestIds(dataTestId: string): {
+    patternLock: string;
+    forgotCodeBtn: string;
+};

package/moderncssm/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/moderncssm/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/utils.js

@@ -1,5 +1,5 @@
 import { getDataTestId } from '@alfalab/core-components-shared/moderncssm';
-import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
+import { THEME_STATE, OBSERVABLE_TOKENS } from './consts.js';
 
 function getDefaultObserveTarget() {
     return document.head;
@@ -71,3 +71,4 @@ function getPatternLockTestIds(dataTestId) {
 }
 
 export { getColorByToken, getDefaultObserveTarget, getPatternLockTestIds, getSizes, getTheme };
+//# sourceMappingURL=utils.js.map

package/moderncssm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\nimport { Theme, ThemeParams } from '@alfalab/react-canvas-pattern-lock';\n\nimport { OBSERVABLE_TOKENS, THEME_STATE } from './consts';\n\nexport function getDefaultObserveTarget() {\n    return document.head;\n}\n\nexport function getColorByToken(token: string) {\n    return getComputedStyle(document.documentElement).getPropertyValue(token);\n}\n\nexport const getSizes = (() => {\n    const COMMON_SIZES = {\n        lineWidth: 6,\n        nodeRing: 0,\n        nodeCore: 12,\n    };\n\n    let cachedSize: { elementSizes: ThemeParams['dimens']; width: number; height: number };\n\n    return () => {\n        if (cachedSize) {\n            return cachedSize;\n        }\n\n        cachedSize = {\n            elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },\n            width: 240,\n            height: 240,\n        };\n\n        return cachedSize;\n    };\n})();\n\nexport function getTheme(dimens: ThemeParams['dimens']): Theme {\n    const baseColors = {\n        primary: getColorByToken(OBSERVABLE_TOKENS.PRIMARY),\n        bg: 'transparent',\n        ringBg: getColorByToken(OBSERVABLE_TOKENS.RING_BG_INITIAL),\n        hover: {\n            inner: getColorByToken(OBSERVABLE_TOKENS.HOVER_INNER),\n            outer: getColorByToken(OBSERVABLE_TOKENS.HOVER_OUTER),\n        },\n    };\n\n    return {\n        [THEME_STATE.INITIAL]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_INITIAL),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL),\n            },\n            dimens,\n        },\n        [THEME_STATE.SUCCESS]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_SUCCESS),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS),\n            },\n            dimens,\n        },\n        [THEME_STATE.FAILURE]: {\n            colors: {\n                ...baseColors,\n                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_FAILURE),\n                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE),\n            },\n            dimens,\n        },\n    };\n}\n\nexport function getPatternLockTestIds(dataTestId: string) {\n    return {\n        patternLock: dataTestId,\n        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),\n    };\n}\n"],"names":[],"mappings":";;;SAKgB,uBAAuB,GAAA;IACnC,OAAO,QAAQ,CAAC,IAAI;AACxB;AAEM,SAAU,eAAe,CAAC,KAAa,EAAA;IACzC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC;AAC7E;AAEa,MAAA,QAAQ,GAAG,CAAC,MAAK;AAC1B,IAAA,MAAM,YAAY,GAAG;AACjB,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,QAAQ,EAAE,EAAE;KACf;AAED,IAAA,IAAI,UAAkF;AAEtF,IAAA,OAAO,MAAK;AACR,QAAA,IAAI,UAAU,EAAE;AACZ,YAAA,OAAO,UAAU;AACpB;AAED,QAAA,UAAU,GAAG;YACT,YAAY,EAAE,EAAE,GAAG,YAAY,EAAE,UAAU,EAAE,EAAE,EAAE;AACjD,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,MAAM,EAAE,GAAG;SACd;AAED,QAAA,OAAO,UAAU;AACrB,KAAC;AACL,CAAC;AAEK,SAAU,QAAQ,CAAC,MAA6B,EAAA;AAClD,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,OAAO,EAAE,eAAe,CAAC,iBAAiB,CAAC,OAAO,CAAC;AACnD,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,eAAe,CAAC;AAC1D,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,eAAe,CAAC,iBAAiB,CAAC,WAAW,CAAC;AACrD,YAAA,KAAK,EAAE,eAAe,CAAC,iBAAiB,CAAC,WAAW,CAAC;AACxD,SAAA;KACJ;IAED,OAAO;AACH,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;AACD,QAAA,CAAC,WAAW,CAAC,OAAO,GAAG;AACnB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,UAAU;AACb,gBAAA,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,gBAAA,cAAc,EAAE,eAAe,CAAC,iBAAiB,CAAC,wBAAwB,CAAC;AAC9E,aAAA;YACD,MAAM;AACT,SAAA;KACJ;AACL;AAEM,SAAU,qBAAqB,CAAC,UAAkB,EAAA;IACpD,OAAO;AACH,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,aAAa,EAAE,aAAa,CAAC,UAAU,EAAE,iBAAiB,CAAC;KAC9D;AACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pattern-lock",
-    "version": "2.5.11",
+    "version": "2.5.12-snapshot-1393ffa",
     "description": "Pattern lock",
     "keywords": [],
     "license": "MIT",
@@ -16,13 +16,13 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-button": "^11.11.7",
-        "@alfalab/core-components-shared": "^0.16.0",
-        "@alfalab/core-components-mq": "^4.4.1",
+        "@alfalab/core-components-button": "11.11.8-snapshot-1393ffa",
+        "@alfalab/core-components-shared": "0.16.1-snapshot-1393ffa",
+        "@alfalab/core-components-mq": "5.0.0-snapshot-1393ffa",
         "@alfalab/react-canvas-pattern-lock": "^2.0.7",
         "classnames": "^2.5.1",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.2",
-    "varsVersion": "9.19.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/shared/index.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('../utils.js');
-var hooks_usePatternLockCleanup = require('../hooks/use-pattern-lock-cleanup.js');
+var usePatternLockCleanup = require('../hooks/use-pattern-lock-cleanup.js');
 
 
 
 exports.getPatternLockTestIds = utils.getPatternLockTestIds;
-exports.usePatternLockCleanup = hooks_usePatternLockCleanup.usePatternLockCleanup;
+exports.usePatternLockCleanup = usePatternLockCleanup.usePatternLockCleanup;
+//# sourceMappingURL=index.js.map

package/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/src/Component.responsive.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { PatternLockProps } from './typings';
+export declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/src/components/base-pattern-lock/Component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';
+export declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;

package/src/components/base-pattern-lock/index.d.ts

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

package/src/consts.d.ts

@@ -0,0 +1,10 @@
+import type { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
+import type { ObservableTokens } from './typings';
+export declare const OBSERVE_OPTIONS: MutationObserverInit;
+export declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
+export declare const OBSERVABLE_TOKENS: ObservableTokens;
+export declare const THEME_STATE: {
+    INITIAL: string;
+    SUCCESS: string;
+    FAILURE: string;
+};

package/src/desktop/Component.desktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;

package/src/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { PatternLockDesktop } from './Component.desktop';
+export type { CommonPatternLockProps as PatternLockDesktopProps } from '../typings';

package/src/hooks/use-pattern-lock-cleanup.d.ts

@@ -0,0 +1,4 @@
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+export declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
+    clear: void;
+};

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export type { PatternLockProps } from './typings';
+export * from './Component.responsive';
+export { THEME_STATE } from './consts';

package/src/mobile/Component.mobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
+import { CommonPatternLockProps } from '../typings';
+export declare const PatternLockMobile: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;