@foxford/navigation-ui 1.0.0

package/header/styled.d.ts

@@ -0,0 +1,31 @@
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const HeaderInner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const MobileOnly: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const DesktopOnly: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const HeaderTop: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const UserPanelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const ExtraButtonsMobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const ExtraButtonsDesktopWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const EntryPanelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const HeaderLeftButtons: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/header/styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;WAgBlB,CAAA;AAED,eAAO,MAAM,WAAW;;WAWvB,CAAA;AASD,eAAO,MAAM,UAAU;;WAMtB,CAAA;AAED,eAAO,MAAM,WAAW;;WAMvB,CAAA;AAED,eAAO,MAAM,SAAS;;WAcrB,CAAA;AAED,eAAO,MAAM,gBAAgB;;WAK5B,CAAA;AAED,eAAO,MAAM,yBAAyB;;WAWrC,CAAA;AAED,eAAO,MAAM,0BAA0B;;WAEtC,CAAA;AAED,eAAO,MAAM,iBAAiB;;WAO7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;WAiB7B,CAAA"}

package/header/styled.js

@@ -0,0 +1,87 @@
+import { styled, css } from "styled-components";
+import { screenMinS, screenMinM, screenMaxM, screenMaxS } from "@foxford/ui";
+import { NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT } from "../shared/constants.js";
+import { BASE_ZINDEX } from "../shared/z-index.js";
+const Header = styled.div.withConfig({
+  displayName: "styled__Header",
+  componentId: "sc-dceth5-0"
+})(["position:relative;", " padding:12px;box-shadow:0px 2px 4px rgba(0,0,0,0.08);z-index:", ";", " ", ""], ({
+  theme
+}) => css`
+    background-color: ${theme.colors.white};
+  `, BASE_ZINDEX.NAVIGATION + 1, screenMinS()`
+    padding: 16px;
+  `, screenMinM()`
+    padding: 20px 36px;
+  `);
+const HeaderInner = styled.div.withConfig({
+  displayName: "styled__HeaderInner",
+  componentId: "sc-dceth5-1"
+})(["position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1208px;margin:0 auto;", ""], screenMinM()`
+    display: block;
+  `);
+const MobileOnly = styled.div.withConfig({
+  displayName: "styled__MobileOnly",
+  componentId: "sc-dceth5-2"
+})(["display:contents;", ""], screenMinM()`
+    display: none;
+  `);
+const DesktopOnly = styled.div.withConfig({
+  displayName: "styled__DesktopOnly",
+  componentId: "sc-dceth5-3"
+})(["display:none;", ""], screenMinM()`
+    display: contents;
+  `);
+const HeaderTop = styled.div.withConfig({
+  displayName: "styled__HeaderTop",
+  componentId: "sc-dceth5-4"
+})(["display:flex;align-items:center;justify-content:space-between;min-height:", "px;", ""], NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT, screenMinS()`
+    position: relative;
+    ${({
+  theme
+}) => css`
+      background-color: ${theme.colors.white};
+      box-shadow: 0px 10px 15px 2px ${theme.colors.white};
+    `}
+    z-index: ${BASE_ZINDEX.NAVIGATION + 2};
+  `);
+const UserPanelWrapper = styled.div.withConfig({
+  displayName: "styled__UserPanelWrapper",
+  componentId: "sc-dceth5-5"
+})(["display:flex;align-items:center;margin-left:auto;padding-left:40px;"]);
+const ExtraButtonsMobileWrapper = styled.div.withConfig({
+  displayName: "styled__ExtraButtonsMobileWrapper",
+  componentId: "sc-dceth5-6"
+})(["position:absolute;top:calc(100% + 12px);right:0;display:flex;z-index:", ";transition:bottom 0.2s ease;", ""], BASE_ZINDEX.NAVIGATION + 3, screenMinS()`
+    top: calc(100% + 16px);
+  `);
+const ExtraButtonsDesktopWrapper = styled.div.withConfig({
+  displayName: "styled__ExtraButtonsDesktopWrapper",
+  componentId: "sc-dceth5-7"
+})(["margin-right:24px;"]);
+const EntryPanelWrapper = styled.div.withConfig({
+  displayName: "styled__EntryPanelWrapper",
+  componentId: "sc-dceth5-8"
+})(["display:flex;align-items:center;& > :not(:last-child){margin-right:12px;}"]);
+const HeaderLeftButtons = styled.div.withConfig({
+  displayName: "styled__HeaderLeftButtons",
+  componentId: "sc-dceth5-9"
+})(["display:flex;align-items:center;&& > * + *{margin-left:8px;border-radius:48px;padding:10px;", " ", "}"], screenMaxM()`
+      background-color: ${({
+  theme
+}) => theme.colors["bg-onmain-tertiary"]};
+    `, screenMaxS()`
+      padding: 8px;
+    `);
+export {
+  DesktopOnly,
+  EntryPanelWrapper,
+  ExtraButtonsDesktopWrapper,
+  ExtraButtonsMobileWrapper,
+  Header,
+  HeaderInner,
+  HeaderLeftButtons,
+  HeaderTop,
+  MobileOnly,
+  UserPanelWrapper
+};

package/header/types.d.ts

@@ -0,0 +1,40 @@
+import type { EntryPanelProps } from './molecules/entry-panel';
+import type { MenuProps } from './molecules/menu';
+import type { OneClickMenuItem } from './molecules/oneclick-menu';
+import type { UserPanelProps } from './molecules/user-panel';
+import type { ReactNode } from 'react';
+/**
+ * Слоты `Navigation` — именованные точки расширения разметки. Компонент не знает, откуда
+ * взялось содержимое: в core это вложенное место федерации (`header:actionsButton`),
+ * в виджете — то, что передали в `mount({ slots })`.
+ */
+export interface NavigationSlots {
+    /** Место у правого края шапки — рядом с кнопкой меню (mobile) и в HeaderTop (desktop). */
+    actionsButton?: ReactNode;
+}
+export interface NavigationProps {
+    /** Кобрендинговый логотип вместо обычного — как в подвале. */
+    cobranding?: boolean;
+    /** Данные для EntryPanel — рендерится в трёх местах (mobile top, desktop UserPanelWrapper, внутри Menu). */
+    entryPanel: EntryPanelProps;
+    externatFreeAccessLink?: string;
+    hasOneClickMenu?: boolean;
+    isLoggedIn: boolean;
+    menu: Omit<MenuProps, 'entryPanel' | 'onClose' | 'open' | 'origin' | 'topOffset'>;
+    menuOpen: boolean;
+    offsetTop?: number;
+    oneClickMenuItems?: OneClickMenuItem[];
+    onExternatCallbackClick?: () => void;
+    onExternatFreeAccessClick?: () => void;
+    onMenuToggle: () => void;
+    onOnboardingClick?: () => void;
+    onSegmentItemClick?: (itemId: string) => void;
+    origin?: string;
+    selectedOneClickMenuItemId?: string;
+    showExternatButtons?: boolean;
+    showOnboardingButton?: boolean;
+    showOnboardingMobileButton?: boolean;
+    slots?: NavigationSlots;
+    userPanel?: UserPanelProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4GAA4G;IAC5G,UAAU,EAAE,eAAe,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAA;IACjF,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAA;IACtC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B"}

package/index.d.ts

@@ -0,0 +1,25 @@
+export { Footer } from './footer/footer';
+export { Navigation } from './header/navigation';
+export { Link } from './shared/link';
+export { CONTEXT_OF_USE, SELECTOR_IDS } from './shared/constants';
+export { theme } from './shared/theme';
+export { NavigationTheme } from './shared/theme-provider';
+export { Bonuses } from './header/molecules/bonuses';
+export { ProfileInfo } from './header/atoms/profile-info';
+export { ProfileMenuItem } from './header/atoms/profile-menu-item';
+export { PupilSelectButton } from './header/molecules/pupil-select-button';
+export type { FooterMenuItem } from './footer/molecules/footer-menu';
+export type { City } from './footer/molecules/geoposition';
+export type { FooterContacts, FooterProps, FooterSlots, FooterSocialLink } from './footer/types';
+export type { MenuList, MenuListItemData, MenuSegment } from './header/molecules/menu';
+export type { OneClickMenuItem } from './header/molecules/oneclick-menu';
+export type { ProfileMenuProps } from './header/molecules/profile-menu';
+export type { Pupil } from './header/molecules/pupil-select-menu';
+export type { UserPanelProps, UserPanelTopMenuItem } from './header/molecules/user-panel';
+export type { ProfileMenuItemProps } from './header/atoms/profile-menu-item';
+export type { EntryPanelProps } from './header/molecules/entry-panel';
+export type { NavigationProps, NavigationSlots } from './header/types';
+export type { ContextOfUse } from './shared/constants';
+export type { LinkProps } from './shared/link';
+export type { Theme } from './shared/theme';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAIzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAE1E,YAAY,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,YAAY,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAC1D,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAChG,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACtF,YAAY,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,YAAY,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAA;AACjE,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACzF,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA"}

package/index.js

@@ -0,0 +1,23 @@
+import { Footer } from "./footer/footer.js";
+import { Navigation } from "./header/navigation.js";
+import { Link } from "./shared/link.js";
+import { CONTEXT_OF_USE, SELECTOR_IDS } from "./shared/constants.js";
+import { theme } from "./shared/theme.js";
+import { NavigationTheme } from "./shared/theme-provider.js";
+import { Bonuses } from "./header/molecules/bonuses/index.js";
+import { ProfileInfo } from "./header/atoms/profile-info/index.js";
+import { ProfileMenuItem } from "./header/atoms/profile-menu-item/index.js";
+import { PupilSelectButton } from "./header/molecules/pupil-select-button/index.js";
+export {
+  Bonuses,
+  CONTEXT_OF_USE,
+  Footer,
+  Link,
+  Navigation,
+  NavigationTheme,
+  ProfileInfo,
+  ProfileMenuItem,
+  PupilSelectButton,
+  SELECTOR_IDS,
+  theme
+};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@foxford/navigation-ui",
+  "version": "1.0.0",
+  "description": "Презентационная вёрстка шапки и подвала портала Фоксфорда",
+  "keywords": [
+    "foxford",
+    "navigation",
+    "header",
+    "footer",
+    "ui"
+  ],
+  "license": "MIT",
+  "author": "Foxford Co",
+  "maintainers": [
+    {
+      "name": "Roman Olin",
+      "email": "r.v.olin@foxford.ru",
+      "team": "core-frontend"
+    }
+  ],
+  "type": "module",
+  "dependencies": {
+    "react-aim-menu": "^1.3.0",
+    "@foxford/qr-code": "^1.3.0"
+  },
+  "peerDependencies": {
+    "@foxford/ui": "^2",
+    "preact": ">=10",
+    "react": ">=17",
+    "react-dom": ">=17",
+    "styled-components": ">=6"
+  },
+  "main": "./index.js",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "files": [
+    "README.mdx",
+    "_virtual",
+    "footer",
+    "header",
+    "index.d.ts",
+    "index.d.ts.map",
+    "index.js",
+    "package.json",
+    "shared"
+  ],
+  "sha": "7733b66d",
+  "scripts": {}
+}

package/shared/constants.d.ts

@@ -0,0 +1,86 @@
+export declare const CONTEXT_OF_USE: {
+    readonly EXTERNAT: "externat";
+    readonly MEDIA: "media";
+    readonly PORTAL: "portal";
+};
+export type ContextOfUse = (typeof CONTEXT_OF_USE)[keyof typeof CONTEXT_OF_USE];
+export declare const NAVIGATION_KIND: {
+    readonly AGENT: "agent";
+    readonly BASE: "base";
+    readonly ELEMENTARY: "elementary";
+    readonly PARENT: "parent";
+};
+export type NavigationKindValue = (typeof NAVIGATION_KIND)[keyof typeof NAVIGATION_KIND];
+export declare const MENU_KIND_TO_HIGHLIGHT: {
+    readonly ONE_CLICK_MENU: "oneClickMenu";
+    readonly SEGMENT_LIST: "segmentList";
+    readonly USER_MENU: "userMenu";
+};
+export declare const GOV_LINK = "https://reestr.digital.gov.ru/reestr/1164547/";
+export declare const NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT = 64;
+export declare const DURATION_MENU_ANIMATION = 100;
+export declare const NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT = 48;
+/**
+ * Сколько места шапка занимает в потоке — по брейкпоинтам, в пикселях.
+ *
+ * Числа не на глаз: это сумма отступов `Header` (12 / 16 / 20 px) и высоты строки, которую
+ * задаёт самый высокий её элемент — кнопка меню (32 px до S, 40 px от S) и `HeaderTop`
+ * (`min-height` 48 px от M). Одноклик-меню добавляется отдельным слагаемым: 30 px отступа
+ * сверху, 16 px строки, 6 px снизу.
+ *
+ * Нужны затем, что содержимое шапки лежит в `position: fixed` и высоты в потоке не имеет:
+ * без этой брони страница до загрузки скриптов начинается под шапкой. Замер по факту
+ * (`Container`) уточняет её, но происходит уже на клиенте — до него работает только CSS.
+ */
+export declare const NAVIGATION_HEIGHT: {
+    /** До брейкпоинта S. */
+    readonly base: 56;
+    /** От M. */
+    readonly desktop: 88;
+    /** Слагаемое к `desktop`, когда включено «меню в один клик». */
+    readonly oneClickMenu: 52;
+    /** От S до M. */
+    readonly tablet: 72;
+};
+export declare const TRANSFORM_NAVIGATION_TIME = 0.2;
+export declare const ALLOWED_PAGES_FOR_ONBOARDING_BUTTONS: string[];
+export declare const SELECTOR_IDS: {
+    readonly FOOTER: "foxNavFooter";
+    readonly HEADER_TOP: "foxNavHeaderTop";
+    readonly LOGIN_BUTTON: "foxNavLoginButton";
+    readonly LOGO: "foxNavLogo";
+    readonly LOGOUT_BUTTON_MOBILE: "foxNavLogoutButtonMobile";
+    readonly MENU_BUTTON: "foxNavMenuButton";
+    readonly NAVIGATION: "foxNav";
+    readonly ONE_CLICK_MENU: "foxNavOneClickMenu";
+    readonly PHONE_BUTTON_MOBILE: "foxNavPhoneButtonMobile";
+    readonly PROFILE_MENU: "foxNavProfileMenu";
+    readonly PROFILE_MENU_ACHIEVEMENTS: "foxNavProfileMenuAchievements";
+    readonly PROFILE_MENU_ATTESTATION: "foxNavProfileMenuAttestation";
+    readonly PROFILE_MENU_BONUSES: "foxNavProfileMenuBonuses";
+    readonly PROFILE_MENU_CART: "foxNavProfileMenuCart";
+    readonly PROFILE_MENU_EXTERNAL_REVIEWS: "foxNavExternalReviews";
+    readonly PROFILE_MENU_EXTERNSHIP: "foxNavProfileMenuExternship";
+    readonly PROFILE_MENU_EXTERNSHIP_ELEMENTARY: "foxNavProfileMenuExternshipElementary";
+    readonly PROFILE_MENU_FAMILY: "foxNavProfileMenuFamily";
+    readonly PROFILE_MENU_LOGOUT: "foxNavProfileMenuLogout";
+    readonly PROFILE_MENU_MY_TRIAL_EXAMS: "foxNavProfileMenuMyTrialExams";
+    readonly PROFILE_MENU_ONBOARDING: "foxNavProfileMenuOnboarding";
+    readonly PROFILE_MENU_PAYMENTS: "foxNavProfileMenuPayments";
+    readonly PROFILE_MENU_PROGRESS: "foxNavProfileMenuProgress";
+    readonly PROFILE_MENU_SETTINGS: "foxNavProfileMenuSettings";
+    readonly PROFILE_MENU_SOCIALIZATION: "foxNavProfileMenuSocialization";
+    readonly SEGMENT_CONTENT: "foxNavSegmentContent";
+    readonly SEGMENT_CONTENT_TITLE: "foxNavSegmentContentTitle";
+    readonly SEGMENT_LIST: "foxNavSegmentList";
+    readonly SOCIALIZATION_LANDING: "foxNavProfileMenuSocializationLanding";
+    readonly TOP_MENU_CALENDAR: "foxNavUserPanelCalendar";
+    readonly TOP_MENU_CART: "foxNavUserPanelCart";
+    readonly TOP_MENU_DASHBOARD: "foxNavUserPanelDashboard";
+    readonly TOP_MENU_PLAN: "foxNavUserPanelPlan";
+    readonly TOP_MENU_PROFILE: "foxNavUserPanelProfile";
+    readonly TOP_MENU_REFERRALS: "foxNavUserPanelReferrals";
+    readonly USER_PANEL: "foxNavUserPanel";
+    readonly USER_PANEL_WRAPPER_MOBILE: "foxNavUserPanelWrapperMobile";
+};
+//# sourceMappingURL=constants.d.ts.map

package/shared/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/shared/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAIjB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAA;AAE/E,eAAO,MAAM,eAAe;;;;;CAKlB,CAAA;AAEV,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAA;AAExF,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,eAAO,MAAM,QAAQ,kDAAkD,CAAA;AAEvE,eAAO,MAAM,oCAAoC,KAAK,CAAA;AAEtD,eAAO,MAAM,uBAAuB,MAAM,CAAA;AAE1C,eAAO,MAAM,wCAAwC,KAAK,CAAA;AAE1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB;IAC5B,wBAAwB;;IAExB,YAAY;;IAEZ,gEAAgE;;IAEhE,iBAAiB;;CAET,CAAA;AAEV,eAAO,MAAM,yBAAyB,MAAM,CAAA;AAE5C,eAAO,MAAM,oCAAoC,UAAc,CAAA;AAE/D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCf,CAAA"}

package/shared/constants.js

@@ -0,0 +1,69 @@
+const CONTEXT_OF_USE = {
+  EXTERNAT: "externat",
+  MEDIA: "media",
+  PORTAL: "portal"
+};
+const GOV_LINK = "https://reestr.digital.gov.ru/reestr/1164547/";
+const NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT = 64;
+const DURATION_MENU_ANIMATION = 100;
+const NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT = 48;
+const NAVIGATION_HEIGHT = {
+  /** До брейкпоинта S. */
+  base: 56,
+  /** От M. */
+  desktop: 88,
+  /** Слагаемое к `desktop`, когда включено «меню в один клик». */
+  oneClickMenu: 52,
+  /** От S до M. */
+  tablet: 72
+};
+const TRANSFORM_NAVIGATION_TIME = 0.2;
+const SELECTOR_IDS = {
+  FOOTER: "foxNavFooter",
+  HEADER_TOP: "foxNavHeaderTop",
+  LOGIN_BUTTON: "foxNavLoginButton",
+  LOGO: "foxNavLogo",
+  LOGOUT_BUTTON_MOBILE: "foxNavLogoutButtonMobile",
+  MENU_BUTTON: "foxNavMenuButton",
+  NAVIGATION: "foxNav",
+  ONE_CLICK_MENU: "foxNavOneClickMenu",
+  PHONE_BUTTON_MOBILE: "foxNavPhoneButtonMobile",
+  PROFILE_MENU: "foxNavProfileMenu",
+  PROFILE_MENU_ACHIEVEMENTS: "foxNavProfileMenuAchievements",
+  PROFILE_MENU_ATTESTATION: "foxNavProfileMenuAttestation",
+  PROFILE_MENU_BONUSES: "foxNavProfileMenuBonuses",
+  PROFILE_MENU_CART: "foxNavProfileMenuCart",
+  PROFILE_MENU_EXTERNAL_REVIEWS: "foxNavExternalReviews",
+  PROFILE_MENU_EXTERNSHIP: "foxNavProfileMenuExternship",
+  PROFILE_MENU_EXTERNSHIP_ELEMENTARY: "foxNavProfileMenuExternshipElementary",
+  PROFILE_MENU_FAMILY: "foxNavProfileMenuFamily",
+  PROFILE_MENU_LOGOUT: "foxNavProfileMenuLogout",
+  PROFILE_MENU_MY_TRIAL_EXAMS: "foxNavProfileMenuMyTrialExams",
+  PROFILE_MENU_ONBOARDING: "foxNavProfileMenuOnboarding",
+  PROFILE_MENU_PAYMENTS: "foxNavProfileMenuPayments",
+  PROFILE_MENU_PROGRESS: "foxNavProfileMenuProgress",
+  PROFILE_MENU_SETTINGS: "foxNavProfileMenuSettings",
+  PROFILE_MENU_SOCIALIZATION: "foxNavProfileMenuSocialization",
+  SEGMENT_CONTENT: "foxNavSegmentContent",
+  SEGMENT_CONTENT_TITLE: "foxNavSegmentContentTitle",
+  SEGMENT_LIST: "foxNavSegmentList",
+  SOCIALIZATION_LANDING: "foxNavProfileMenuSocializationLanding",
+  TOP_MENU_CALENDAR: "foxNavUserPanelCalendar",
+  TOP_MENU_CART: "foxNavUserPanelCart",
+  TOP_MENU_DASHBOARD: "foxNavUserPanelDashboard",
+  TOP_MENU_PLAN: "foxNavUserPanelPlan",
+  TOP_MENU_PROFILE: "foxNavUserPanelProfile",
+  TOP_MENU_REFERRALS: "foxNavUserPanelReferrals",
+  USER_PANEL: "foxNavUserPanel",
+  USER_PANEL_WRAPPER_MOBILE: "foxNavUserPanelWrapperMobile"
+};
+export {
+  CONTEXT_OF_USE,
+  DURATION_MENU_ANIMATION,
+  GOV_LINK,
+  NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT,
+  NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT,
+  NAVIGATION_HEIGHT,
+  SELECTOR_IDS,
+  TRANSFORM_NAVIGATION_TIME
+};

package/shared/link.d.ts

@@ -0,0 +1,9 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    children?: ReactNode;
+    href?: string;
+}
+export declare const Link: import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}>;
+//# sourceMappingURL=link.d.ts.map

package/shared/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/shared/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAU5D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACtF,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAWD,eAAO,MAAM,IAAI;;EAMf,CAAA"}

package/shared/link.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef } from "react";
+import { styled } from "styled-components";
+import { jsx } from "preact/jsx-runtime";
+const StyledLink = styled.a.withConfig({
+  displayName: "link__StyledLink",
+  componentId: "sc-19sb9ec-0"
+})(["color:inherit;text-decoration:none;"]);
+const Link = forwardRef(function Link2(_a, ref) {
+  var _b = _a, {
+    children,
+    href
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "href"
+  ]);
+  return jsx(StyledLink, __spreadProps(__spreadValues({
+    href,
+    ref
+  }, rest), {
+    children
+  }));
+});
+export {
+  Link
+};

package/shared/phone.d.ts

@@ -0,0 +1,3 @@
+/** Номер для показа; в `href="tel:"` идёт исходная строка, как и в легаси. */
+export declare function formatPhone(phone: string): string;
+//# sourceMappingURL=phone.d.ts.map

package/shared/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../src/shared/phone.ts"],"names":[],"mappings":"AASA,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYjD"}

package/shared/phone.js

@@ -0,0 +1,10 @@
+const PHONE_GROUPS = /(?:(\d{1,}?))??(?:(\d{1,3}?))??(?:(\d{1,3}?))??(?:(\d{2}))??(\d{2})$/;
+function formatPhone(phone) {
+  return phone.replace(PHONE_GROUPS, (_all, country, operator, prefix, pair, tail) => {
+    const parts = [country ? `${country} ` : "", operator ? `${operator} ` : "", prefix ? `${prefix}-` : "", pair ? `${pair}-` : "", tail];
+    return parts.join("");
+  });
+}
+export {
+  formatPhone
+};

package/shared/theme-provider.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface NavigationThemeProps {
+    children: ReactNode;
+}
+export declare function NavigationTheme({ children }: NavigationThemeProps): import("preact").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/shared/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/shared/theme-provider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqBtC,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,gCAKjE"}

package/shared/theme-provider.js

@@ -0,0 +1,27 @@
+import { ThemeProvider, MediaProvider, MediaMediator } from "@foxford/ui";
+import { theme } from "./theme.js";
+import { jsx } from "preact/jsx-runtime";
+let mediaMediator = null;
+function getMediaMediator() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return null;
+  }
+  mediaMediator != null ? mediaMediator : mediaMediator = MediaMediator.create(theme.breakpoints);
+  return mediaMediator;
+}
+function NavigationTheme({
+  children
+}) {
+  const mediator = getMediaMediator();
+  const themed = jsx(ThemeProvider, {
+    theme,
+    children
+  });
+  return mediator === null ? themed : jsx(MediaProvider, {
+    value: mediator,
+    children: themed
+  });
+}
+export {
+  NavigationTheme
+};