@foxford/navigation-ui 1.0.0

package/README.mdx

@@ -0,0 +1,115 @@
+# @foxford/navigation-ui
+
+Презентационная вёрстка шапки и подвала портала: компоненты `Navigation`/`Footer` и
+немногое общее для них (`Link`, токены темы, провайдеры дизайн-системы). Пакет **не знает
+о состоянии** — ни VM, ни эффектора, ни DI-контейнера в нём нет: компоненты принимают
+готовые данные и коллбэки пропсами и ничего не резолвят сами.
+
+Состояние, поход за данными и запуск в конкретной среде (in-process приложением хоста портала
+либо самостоятельным виджетом на чужом сайте) — в
+[@foxford/navigation-runtime](../navigation-runtime).
+
+Вёрстка перенесена из legacy-пакета навигации портала (вариант `BaseNavigation` и подвал
+целиком). Тема берётся у `@foxford/ui` как есть — переопределены только шрифтовые семейства
+портала, поэтому цвета и брейкпоинты совпадают с легаси по источнику, а не по переписанной
+копии значений.
+
+## Раскладка
+
+| Что | Где |
+| --- | --- |
+| шапка целиком | `src/header/navigation.tsx` + `header-mobile.tsx`/`header-desktop.tsx` |
+| меню-«простыня», сегменты и списки | `src/header/molecules/menu/`, `segment-list/`, `list/` |
+| панель пользователя, профиль-меню, выбор ученика | `src/header/molecules/user-panel*/`, `profile-menu/`, `pupil-select-*/` |
+| подвал целиком | `src/footer/footer.tsx` + `contacts-column.tsx`, `sub-footer.tsx` |
+| общее (`Link`, тема, провайдеры, константы) | `src/shared/` |
+
+**Простыня рисует содержимое ВСЕХ сегментов сразу**, а невыбранные прячет стилями
+(`SegmentPane`, `display: none`). Ссылок в меню несколько сотен, и условный рендер оставлял бы
+в серверной разметке только выбранный сегмент — остальные существовали бы лишь состоянием, то
+есть для обхода их бы не было. Скрывать сегменты можно только стилями.
+
+## Слоты
+
+`Navigation`/`Footer` принимают именованные слоты (`NavigationSlots`, `FooterSlots`) —
+точки расширения разметки: компонент рендерит переданное содержимое на своё место, не
+зная, откуда оно взялось. Природа заполнения — забота потребителя:
+
+- у хоста портала слот может быть настоящим вложенным местом федерации
+  (`header:actionsButton`, заполняется `@foxford/den-preact`'s `Slot`);
+- в виджете — то, что передали в `mount({ slots })` напрямую.
+
+Контракт компонента при этом один и тот же в обоих случаях.
+
+Кроме слотов пакет отдаёт наружу части профиль-меню (`ProfileInfo`, `ProfileMenuItem`,
+`Bonuses`, `PupilSelectButton`): их наполнение зависит от данных пользователя, поэтому
+собирает их адаптер и передаёт готовыми узлами. Сам набор пунктов меню — тоже данные
+адаптера (`@foxford/navigation-runtime`, `src/menu-items.ts`): пакет вёрстки не знает ни
+адресов Фоксфорда, ни того, кому какой пункт положен.
+
+## Требования к среде
+
+- **`<Media>` из `@foxford/ui` матчит только после эффектов.** Там, где от размера экрана
+  зависит сама СТРУКТУРА (мобильная и десктопная раскладки шапки, размер логотипа), вместо
+  него используется CSS-переключение (`MobileOnly`/`DesktopOnly` в `header/styled.ts`):
+  иначе на серверном проходе и до гидрации не рисуется ни одна ветка.
+- **`Anchor` из `@foxford/ui` в рендере трогает `window`** (через свой `relBuilder`) и
+  роняет серверный проход. Ссылки подвала — собственный `Link` пакета, как и в легаси, где
+  использовался `atoms/anchor` приложения, а не компонент дизайн-системы.
+- **`MediaMediator` создаётся лениво и только в браузере** (`shared/theme-provider.tsx`):
+  внутри он зовёт `window.matchMedia`, которого нет ни на сервере, ни в jsdom.
+- **`Scrollable` из `@foxford/ui` (`rc-scrollbars`) требует `universal`.** Нативную полосу он
+  прячет, сдвигая внутренний слой за край контейнера на её ширину, а ширину меряет по DOM — на
+  сервере она нулевая. Гидрация preact инлайновые стили существующих узлов не переписывает,
+  поэтому без `universal` серверный сдвиг остаётся нулевым навсегда; в этом режиме первый проход
+  обеих сторон одинаков, а сдвиг ставится вторым рендером, после монтирования.
+- **Стилевые пропсы объявляются транзиентными (`$`).** styled-components 6 неизвестные пропсы
+  не фильтрует и отправляет их в DOM; префикс — единственное, что их там останавливает. Правило
+  общее на пакет: проп, который читает только шаблон стилей, называется с `$`.
+- Потребителю нужно объявить `*.svg` (см. `src/shared/assets.d.ts`): шаблонные имена
+  модулей живут только в глобальном `.d.ts`, а он не переезжает вместе с исходниками пакета.
+
+## Что не перенесено
+
+Отличия от легаси — каждое помечено комментарием в коде:
+
+- варианты `NewNavigation`/`ElementaryNavigation`/`InspectorNavigation` — только
+  `BaseNavigation`; молекулы, которые нужны лишь этим раскладкам (`CartButton`), перенесены,
+  но пока никем не рисуются;
+- аналитика (`sendAnalytics`) и i18n-инфраструктура (`FormattedMessage`) — вызовы сняты,
+  строки русские прямо в коде;
+- обучающий тур выбора ученика (`PupilSelectExplainer`, Joyride) и Enrichment-портал
+  (`react-reverse-portal`) — не перенесены вовсе;
+- промо-плашка «За скидками — сюда» (`PromoSegmentItem`) — вторая ветка `AdaptiveButton`
+  в меню; у неё нет источника данных, поэтому в простыне остался только онбординг;
+- панель поиска (`placeholder.top`/`placeholder.searchPanel`) — под неё есть слот
+  `actionsButton`, самой панели нет.
+
+## Сборка
+
+`pnpm run build` даёт пакетный выход в `build/`: код собирает vite
+(`vite.package.config.ts`), типы — `tsc --emitDeclarationOnly` (`tsconfig.build.json`).
+Раскладка исходников сохраняется, поэтому `.d.ts` встают рядом со своими модулями.
+
+**Снаружи остаётся всё, что обязано быть в одном экземпляре**: `styled-components`, `preact`,
+`react`/`react-dom` и `@foxford/ui` объявлены `peerDependencies`. Причина — лист стилей:
+`ServerStyleSheet` собирает стили только своей копии `styled-components`, и вторая копия
+означает обрамление страницы без стилей. Сторож — `tests/artifacts.check.tsx`: он рендерит
+СОБРАННЫЕ `Navigation` и `Footer` через лист и требует непустой `getStyleTags()`.
+
+Собирает vite, а не tsup: стабильные `componentId` проставляет
+`babel-plugin-styled-components`, а он babel-плагин. Опции те же, что у хоста и у раннера
+тестов, — трансформация обязана быть одна на всех.
+
+Картинки в выходе лежат файлами и остаются относительными импортами: эмитит их сборщик
+потребителя, своими ассетами и со своего адреса.
+
+## Команды
+
+```bash
+pnpm test              # vitest run — юнит-тесты, сборка не нужна
+pnpm run build         # пакетный выход → build/
+pnpm run test:build    # проверка артефактов; nx поднимает сборку сам
+pnpm run lint:eslint
+pnpm run lint:type-check
+```

package/_virtual/preload-helper.js

@@ -0,0 +1,57 @@
+const scriptRel = "modulepreload";
+const assetsURL = function(dep) {
+  return "/" + dep;
+};
+const seen = {};
+const __vitePreload = function preload(baseModule, deps, importerUrl) {
+  let promise = Promise.resolve();
+  if (deps && deps.length > 0) {
+    let allSettled = function(promises$2) {
+      return Promise.all(promises$2.map((p) => Promise.resolve(p).then((value$1) => ({
+        status: "fulfilled",
+        value: value$1
+      }), (reason) => ({
+        status: "rejected",
+        reason
+      }))));
+    };
+    document.getElementsByTagName("link");
+    const cspNonceMeta = document.querySelector("meta[property=csp-nonce]");
+    const cspNonce = (cspNonceMeta == null ? void 0 : cspNonceMeta.nonce) || (cspNonceMeta == null ? void 0 : cspNonceMeta.getAttribute("nonce"));
+    promise = allSettled(deps.map((dep) => {
+      dep = assetsURL(dep);
+      if (dep in seen) return;
+      seen[dep] = true;
+      const isCss = dep.endsWith(".css");
+      const cssSelector = isCss ? '[rel="stylesheet"]' : "";
+      if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) return;
+      const link = document.createElement("link");
+      link.rel = isCss ? "stylesheet" : scriptRel;
+      if (!isCss) link.as = "script";
+      link.crossOrigin = "";
+      link.href = dep;
+      if (cspNonce) link.setAttribute("nonce", cspNonce);
+      document.head.appendChild(link);
+      if (isCss) return new Promise((res, rej) => {
+        link.addEventListener("load", res);
+        link.addEventListener("error", () => rej(/* @__PURE__ */ new Error(`Unable to preload CSS for ${dep}`)));
+      });
+    }));
+  }
+  function handlePreloadError(err$2) {
+    const e$1 = new Event("vite:preloadError", { cancelable: true });
+    e$1.payload = err$2;
+    window.dispatchEvent(e$1);
+    if (!e$1.defaultPrevented) throw err$2;
+  }
+  return promise.then((res) => {
+    for (const item of res || []) {
+      if (item.status !== "rejected") continue;
+      handlePreloadError(item.reason);
+    }
+    return baseModule().catch(handlePreloadError);
+  });
+};
+export {
+  __vitePreload
+};

package/footer/atoms/accordeon/assets/arrow-down.svg

@@ -0,0 +1 @@
+<svg width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="32" width="32" height="32" rx="16" transform="rotate(-90 0 32)" fill="#3B3A3D"/><path d="m10 14 5.7879 5.7879c.1171.1171.3071.1171.4242 0L22 14" stroke="#fff" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/footer/atoms/accordeon/index.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export interface AccordeonProps {
+    children: ReactNode;
+    heading?: ReactNode;
+}
+export declare function Accordeon({ children, heading }: AccordeonProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/footer/atoms/accordeon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/accordeon/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAY,EAAE,EAAE,cAAc,gCAYnE"}

package/footer/atoms/accordeon/index.js

@@ -0,0 +1,23 @@
+import { useState } from "react";
+import { Root, Trigger, TriggerText, Arrow, Content } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function Accordeon({
+  children,
+  heading = ""
+}) {
+  const [isActive, setIsActive] = useState(false);
+  return jsxs(Root, {
+    $isActive: isActive,
+    children: [jsxs(Trigger, {
+      onClick: () => setIsActive(!isActive),
+      children: [jsx(TriggerText, {
+        children: heading
+      }), jsx(Arrow, {})]
+    }), jsx(Content, {
+      children
+    })]
+  });
+}
+export {
+  Accordeon
+};

package/footer/atoms/accordeon/styled.d.ts

@@ -0,0 +1,20 @@
+export declare const Trigger: 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 TriggerText: 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 Content: 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 Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>>, "alt" | "src"> & Partial<Pick<import("styled-components/dist/types").Merged<Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>>, "alt" | "src">>> & string;
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<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;
+}, {
+    $isActive: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/footer/atoms/accordeon/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/accordeon/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;WAmBnB,CAAA;AAED,eAAO,MAAM,WAAW;;WAKvB,CAAA;AAYD,eAAO,MAAM,OAAO;;WAWnB,CAAA;AAID,eAAO,MAAM,KAAK;;;;uFAMjB,CAAA;AAED,eAAO,MAAM,IAAI;;;eAA2B,OAAO;YAuBlD,CAAA"}

package/footer/atoms/accordeon/styled.js

@@ -0,0 +1,73 @@
+import { styled, keyframes, css } from "styled-components";
+import { screenMinS, screenMaxS } from "@foxford/ui";
+import arrowDown from "./assets/arrow-down.svg";
+const Trigger = styled.div.withConfig({
+  displayName: "styled__Trigger",
+  componentId: "sc-iiu3zo-0"
+})(["display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;padding:18px 0 20px 0;font-size:16px;line-height:1.1;color:#909090;cursor:pointer;border-bottom:2px solid #454448;transition:color 0.4s ease;", ""], screenMinS()`
+    border-bottom: none;
+    padding: 0;
+    cursor: default;
+  `);
+const TriggerText = styled.div.withConfig({
+  displayName: "styled__TriggerText",
+  componentId: "sc-iiu3zo-1"
+})(["font-size:20px;line-height:24px;color:#ffffff;font-weight:700;"]);
+const expand = keyframes`
+  0% {
+    transform: scaleY(0) translateY(-50%)
+  }
+
+  100% {
+    transform: none
+  }
+`;
+const Content = styled.div.withConfig({
+  displayName: "styled__Content",
+  componentId: "sc-iiu3zo-2"
+})(["display:none;overflow:hidden;padding-top:24px;animation:", " 0.4s cubic-bezier(0.4,0,0.21,1) both;", ""], expand, screenMinS()`
+    display: block;
+    padding-top: 12px;
+    animation: none;
+  `);
+const Arrow = styled.img.attrs({
+  alt: "",
+  src: arrowDown
+}).withConfig({
+  displayName: "styled__Arrow",
+  componentId: "sc-iiu3zo-3"
+})(["transition:transform 0.25s ease-out;", ""], screenMinS()`
+    display: none;
+  `);
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-iiu3zo-4"
+})(["", ""], ({
+  $isActive
+}) => $isActive && css`
+      ${screenMaxS()`
+        border-bottom: 2px solid #454448;
+
+        ${Trigger} {
+          padding-bottom: 12px;
+          border-bottom: none;
+        }
+
+        ${Arrow} {
+          transform: rotate(180deg);
+        }
+
+        ${Content} {
+          display: block;
+          padding-top: 0;
+          padding-bottom: 20px;
+        }
+      `}
+    `);
+export {
+  Arrow,
+  Content,
+  Root,
+  Trigger,
+  TriggerText
+};

package/footer/atoms/license-link/index.d.ts

@@ -0,0 +1,6 @@
+export interface LicenseLinkProps {
+    href?: string;
+    onClick?: () => void;
+}
+export declare function LicenseLink({ href, onClick }: LicenseLinkProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/footer/atoms/license-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/license-link/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAiB,EAAE,OAAO,EAAE,EAAE,gBAAgB,gCAW3E"}

package/footer/atoms/license-link/index.js

@@ -0,0 +1,17 @@
+import { Root, Icon, Text } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function LicenseLink({
+  href = "/license",
+  onClick
+}) {
+  return jsxs(Root, {
+    href,
+    onClick,
+    children: [jsx(Icon, {}), jsxs(Text, {
+      children: ["Государственная", jsx("br", {}), "лицензия"]
+    })]
+  });
+}
+export {
+  LicenseLink
+};

package/footer/atoms/license-link/styled.d.ts

@@ -0,0 +1,14 @@
+export declare const Icon: 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 Text: 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 Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}, "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 & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}>, keyof import("preact").Component<any, {}>>;
+//# sourceMappingURL=styled.d.ts.map

package/footer/atoms/license-link/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/license-link/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;WAQhB,CAAA;AAED,eAAO,MAAM,IAAI;;WAMhB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;8CAWhB,CAAA"}

package/footer/atoms/license-link/styled.js

@@ -0,0 +1,19 @@
+import { styled } from "styled-components";
+import { Link } from "../../../shared/link.js";
+const Icon = styled.div.withConfig({
+  displayName: "styled__Icon",
+  componentId: "sc-1rb7k6m-0"
+})(["display:block;width:27px;height:40px;background:url('data:image/jpeg;base64,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') center no-repeat;background-size:100% 100%;transition:all 0.2s ease-in-out;"]);
+const Text = styled.div.withConfig({
+  displayName: "styled__Text",
+  componentId: "sc-1rb7k6m-1"
+})(["margin-left:12px;font-size:14px;display:block;line-height:1.2;color:rgba(255,255,255,0.7);"]);
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1rb7k6m-2"
+})(["display:flex;align-items:flex-end;vertical-align:bottom;text-decoration:none;&:hover{", "{opacity:0.8;}}"], Icon);
+export {
+  Icon,
+  Root,
+  Text
+};

package/footer/atoms/logo-sk/assets/sk_logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="109" height="32" fill="none"><g clip-path="url(#clip0_1067_3985)"><path fill="#B1EC52" d="M7.972 0C3.568 0 0 3.58 0 8v16c0 4.42 3.568 8 7.972 8h15.943c4.404 0 7.972-3.58 7.972-8V0H7.972Z"/><path fill="#4D5759" d="M26.35 11.996h-3.827L18.883 16V8H15.93v1.936a7.885 7.885 0 0 0-.31-.37c-1.075-1.144-2.623-1.722-4.605-1.722-2.286 0-3.587 1.027-4.28 1.89-.855 1.073-1.237 2.535-.972 3.725.687 3.08 3.536 3.574 5.628 3.847 1.651.214 3.231.52 3.192 1.995-.045 1.534-1.768 1.91-2.9 1.91-2.947 0-3.044-2.183-3.044-2.183H5.472c.045.819.291 2.138 1.302 3.269 1.1 1.241 2.758 1.865 4.915 1.865 1.658 0 3.166-.54 4.241-1.501v1.32h2.953v-3.777l1.043-1.15 2.985 4.926h3.439l-4.345-7.207 4.345-4.777Zm-17.634.78c-.259-1.143.875-2.157 2.351-2.157 1.328 0 2.655.299 3.16 2.15h1.697v2.834c-2.118-1.748-6.715-.65-7.208-2.827Z"/><path fill="#B1EC52" d="M39.405 21.979c.2.065.427.098.693.098.33 0 .596-.098.796-.3.201-.2.33-.467.395-.76l-4.202-8.93h2.797l2.694 6.409 2.364-6.408h2.661l-3.788 8.8c-.499 1.162-1.01 2.027-1.574 2.573-.563.565-1.172.845-1.852.845-.233 0-.414 0-.563-.033a2.566 2.566 0 0 1-.415-.084l-.317-.098a2.215 2.215 0 0 0-.246-.084v-2.255c.149.097.33.181.544.233l.013-.006ZM52.162 20.654c-.168.052-.35.084-.544.13-.2.032-.414.065-.628.084-.214.033-.427.033-.628.033-.512 0-.946-.052-1.34-.13-.383-.098-.713-.234-.978-.43a1.773 1.773 0 0 1-.596-.799c-.13-.318-.2-.715-.2-1.176v-3.184h2.279v2.736c0 .247.032.468.097.61a.766.766 0 0 0 .278.397c.13.097.279.169.48.201.2.033.427.052.692.052.395 0 .693-.032.926-.097.233-.085.415-.17.544-.247v-3.652h2.28v8.832h-2.28V20.53c-.097.033-.233.085-.395.13l.013-.006ZM63.676 22.909c.02.169.065.318.117.396a.52.52 0 0 0 .168.234.389.389 0 0 0 .2.098V24H61.63l-.13-.416c-.065-.17-.084-.364-.084-.618l-.511.514c-.182.15-.363.28-.577.396a2.814 2.814 0 0 1-.725.28 4.446 4.446 0 0 1-.99.097c-.377 0-.759-.052-1.095-.169a2.738 2.738 0 0 1-.862-.513 2.468 2.468 0 0 1-.563-.865c-.13-.331-.2-.727-.2-1.176 0-.364.051-.695.168-1.014a2.59 2.59 0 0 1 .479-.812c.214-.234.466-.429.758-.578a2.755 2.755 0 0 1 1.01-.319l2.234-.331c.084-.02.168-.02.265-.052a.606.606 0 0 0 .266-.117.596.596 0 0 0 .2-.202.755.755 0 0 0 .085-.364c0-.15-.033-.28-.065-.396a.77.77 0 0 0-.233-.319 1.018 1.018 0 0 0-.428-.214c-.18-.052-.414-.065-.68-.065-.317 0-.543.032-.725.084-.2.065-.35.17-.446.267a.994.994 0 0 0-.247.383l-.097.481h-2.28c0-.097.02-.247.053-.448.032-.182.097-.397.2-.63.085-.215.234-.449.395-.683a2.62 2.62 0 0 1 .68-.65c.266-.182.615-.35 1.01-.468.396-.117.862-.182 1.425-.201.777 0 1.425.084 1.917.234.48.169.861.383 1.14.63.265.267.447.546.544.864.084.319.13.63.13.95v4.678c0 .267.019.481.051.65l-.026.02Zm-2.746-3.016c-.148.065-.33.13-.563.17l-.609.116c-.265.052-.498.098-.693.17-.2.064-.362.149-.498.246-.13.117-.233.247-.298.397-.065.15-.097.331-.097.565 0 .182.032.351.084.481.065.15.149.247.265.35a.855.855 0 0 0 .35.202c.15.052.298.065.466.065.085 0 .201-.02.33-.032.13-.02.266-.052.428-.098a2.46 2.46 0 0 0 .447-.234c.149-.084.278-.214.395-.364.13-.149.233-.33.298-.565.065-.214.116-.468.116-.76v-.897c-.13.084-.278.15-.414.201l-.007-.013ZM70.061 17.683a1.285 1.285 0 0 0-.278-.448 1.237 1.237 0 0 0-.447-.28 2.339 2.339 0 0 0-.648-.084c-.382 0-.68.084-.906.266a1.698 1.698 0 0 0-.531.663c-.13.28-.201.579-.246.897-.033.318-.065.61-.065.897 0 .286.02.598.052.91.032.331.097.61.233.877.116.266.278.5.53.663.234.182.545.266.946.266.266 0 .499-.052.693-.169a1.73 1.73 0 0 0 .48-.383c.129-.17.233-.331.297-.514.052-.168.084-.33.084-.48h2.384c0 .15-.02.331-.065.565a4.95 4.95 0 0 1-.266.747 5.374 5.374 0 0 1-.466.78c-.214.267-.447.5-.745.696a3.69 3.69 0 0 1-1.023.513c-.395.13-.861.201-1.373.201-.66 0-1.256-.097-1.768-.298a3.421 3.421 0 0 1-1.288-.91c-.35-.397-.615-.878-.797-1.476a6.67 6.67 0 0 1-.278-1.988c0-.741.097-1.43.298-2.008.2-.566.479-1.06.842-1.462a3.468 3.468 0 0 1 1.308-.897c.498-.215 1.075-.319 1.69-.319.265 0 .544.033.842.065.278.033.563.117.841.215.279.117.544.247.81.416.246.169.48.383.693.63.2.247.362.546.498.877.13.332.214.728.247 1.177h-2.383c-.052-.234-.098-.449-.182-.611l-.013.006ZM80.59 15.175v1.858h-2.66v6.974h-2.28v-6.974h-2.662v-1.858h7.61-.007ZM86.937 18.366v-3.184h2.28v8.832h-2.28V20.23h-3.354v3.782h-2.28v-8.831h2.28v3.184h3.354ZM93.063 20.62l3.212-5.445h2.396v8.832h-2.28v-5.33h-.032l-3.108 5.33h-2.5v-8.832h2.28v5.446h.032ZM105.807 15.175h3.044l-3.639 3.665L109 24h-2.979l-2.577-3.737-.926.949V24h-2.28v-8.832h2.28v3.353l3.289-3.353v.007Z"/></g><defs><clipPath id="clip0_1067_3985"><path fill="#fff" d="M0 0h109v32H0z"/></clipPath></defs></svg>

package/footer/atoms/logo-sk/index.d.ts

@@ -0,0 +1,5 @@
+export interface LogoSkProps {
+    onClick?: () => void;
+}
+export declare function LogoSk({ onClick }: LogoSkProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/footer/atoms/logo-sk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/logo-sk/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,WAAW,gCAM9C"}

package/footer/atoms/logo-sk/index.js

@@ -0,0 +1,16 @@
+import { Root, Icon } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function LogoSk({
+  onClick
+}) {
+  return jsx(Root, {
+    "aria-label": "Skolkovo",
+    href: "http://sk.ru",
+    onClick,
+    target: "_blank",
+    children: jsx(Icon, {})
+  });
+}
+export {
+  LogoSk
+};

package/footer/atoms/logo-sk/styled.d.ts

@@ -0,0 +1,11 @@
+export declare const Icon: 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 Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}, "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 & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}>, keyof import("preact").Component<any, {}>>;
+//# sourceMappingURL=styled.d.ts.map

package/footer/atoms/logo-sk/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/logo-sk/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;WAOhB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;8CAUhB,CAAA"}

package/footer/atoms/logo-sk/styled.js

@@ -0,0 +1,15 @@
+import { styled } from "styled-components";
+import logoSk from "./assets/sk_logo.svg";
+import { Link } from "../../../shared/link.js";
+const Icon = styled.div.withConfig({
+  displayName: "styled__Icon",
+  componentId: "sc-1mek107-0"
+})(["display:block;width:109px;height:32px;background:url(", ") center bottom no-repeat;background-size:100% 100%;transition:all 0.2s ease-in-out;"], logoSk);
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1mek107-1"
+})(["display:flex;align-items:flex-end;text-decoration:none;&:hover{", "{opacity:0.8;}}"], Icon);
+export {
+  Icon,
+  Root
+};

package/footer/atoms/social-link/index.d.ts

@@ -0,0 +1,8 @@
+import type { IconName } from '@foxford/ui';
+export interface SocialLinkProps {
+    href: string;
+    iconName: IconName;
+    onClick?: () => void;
+}
+export declare function SocialLink({ href, iconName, onClick }: SocialLinkProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/footer/atoms/social-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/footer/atoms/social-link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAU3C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,gCAgBtE"}

package/footer/atoms/social-link/index.js

@@ -0,0 +1,35 @@
+import { styled } from "styled-components";
+import { Button } from "@foxford/ui";
+import { jsx } from "preact/jsx-runtime";
+const Root = styled(Button).withConfig({
+  displayName: "social-link__Root",
+  componentId: "sc-o6awox-0"
+})(["& + &{margin-left:8px;}"]);
+const palette = {
+  color: "content-oncolor-secondary"
+};
+function SocialLink({
+  href,
+  iconName,
+  onClick
+}) {
+  return jsx(Root, {
+    href,
+    icon: iconName,
+    iconProps: {
+      preset: "brand",
+      size: 24
+    },
+    onClick,
+    onColored: true,
+    outline: true,
+    palette,
+    preset: "brand",
+    round: true,
+    size: "s",
+    target: "_blank"
+  });
+}
+export {
+  SocialLink
+};

package/footer/contacts-column.d.ts

@@ -0,0 +1,5 @@
+import type { FooterProps } from './types';
+type ContactsColumnProps = Pick<FooterProps, 'contacts' | 'hideDataOnMirror' | 'salesLinks' | 'socialLinks'>;
+export declare function ContactsColumn({ contacts, hideDataOnMirror, salesLinks, socialLinks, }: ContactsColumnProps): import("preact").JSX.Element;
+export {};
+//# sourceMappingURL=contacts-column.d.ts.map

package/footer/contacts-column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contacts-column.d.ts","sourceRoot":"","sources":["../../src/footer/contacts-column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAoB,MAAM,SAAS,CAAA;AAE5D,KAAK,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,kBAAkB,GAAG,YAAY,GAAG,aAAa,CAAC,CAAA;AAmB5G,wBAAgB,cAAc,CAAC,EAC7B,QAAa,EACb,gBAAwB,EACxB,UAAe,EACf,WAAgB,GACjB,EAAE,mBAAmB,gCAmCrB"}

package/footer/contacts-column.js

@@ -0,0 +1,105 @@
+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));
+import { Spacer } from "@foxford/ui";
+import { SocialLink } from "./atoms/social-link/index.js";
+import { ContactsColumn as ContactsColumn$1, Contacts, ContactsTitle, ContactsWrapper, SocialLinks } from "./styled.js";
+import { formatPhone } from "../shared/phone.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function LinkGroup({
+  bottom,
+  links,
+  title
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return jsxs(Spacer, {
+    bottom,
+    bottomL: 12,
+    bottomS: 24,
+    children: [jsx(ContactsTitle, {
+      children: title
+    }), jsx(SocialLinks, {
+      children: links.map((link) => jsx(SocialLink, {
+        href: link.href,
+        iconName: link.iconName
+      }, link.id))
+    })]
+  });
+}
+function ContactsColumn({
+  contacts = {},
+  hideDataOnMirror = false,
+  salesLinks = [],
+  socialLinks = []
+}) {
+  const supportChatLinks = [{
+    href: contacts.vkontakte,
+    iconName: "vkSocial",
+    id: "vkontakte"
+  }, {
+    href: contacts.telegram,
+    iconName: "telegramSocial",
+    id: "telegram"
+  }, {
+    href: contacts.max,
+    iconName: "maxSocial",
+    id: "max"
+  }].flatMap((link) => link.href ? [__spreadProps(__spreadValues({}, link), {
+    href: link.href
+  })] : []);
+  const hasPhone = !hideDataOnMirror && Boolean(contacts.phone);
+  return jsxs(ContactsColumn$1, {
+    children: [jsx(LinkGroup, {
+      bottom: 16,
+      links: salesLinks,
+      title: "Подобрать занятия"
+    }), jsx(LinkGroup, {
+      bottom: 16,
+      links: supportChatLinks,
+      title: "Чат с поддержкой"
+    }), jsx(LinkGroup, {
+      bottom: 24,
+      links: socialLinks,
+      title: "Социальные сети"
+    }), (Boolean(contacts.email) || hasPhone) && jsxs(Contacts, {
+      children: [jsx(ContactsTitle, {
+        children: "Контакты"
+      }), jsxs(ContactsWrapper, {
+        children: [contacts.email && jsx("a", {
+          href: `mailto:${contacts.email}`,
+          rel: "noreferrer",
+          target: "_blank",
+          children: contacts.email
+        }), hasPhone && contacts.phone !== void 0 && jsx(Spacer, {
+          top: 16,
+          topS: 8,
+          children: jsx("a", {
+            href: `tel:${contacts.phone}`,
+            children: formatPhone(contacts.phone)
+          })
+        })]
+      })]
+    })]
+  });
+}
+export {
+  ContactsColumn
+};

package/footer/footer.d.ts

@@ -0,0 +1,3 @@
+import type { FooterProps } from './types';
+export declare function Footer(props: FooterProps): import("preact").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map