@foxford/navigation-ui 1.0.0 → 1.0.1

package/README.mdx

@@ -41,12 +41,47 @@
 
 Контракт компонента при этом один и тот же в обоих случаях.
 
+| `NavigationSlots` | Куда встаёт |
+| --- | --- |
+| `background` | подложка под всей навигацией, рисуется первой |
+| `searchPanel` | над шапкой на узком экране |
+| `top` | строка шапки на десктопе, между кнопкой меню и панелью пользователя |
+| `actionsButton` | рядом с кнопкой меню, на обоих разрешениях |
+| `aboveMenu` / `belowMenu` | над и под большим меню, внутри контейнера навигации |
+
+| `FooterSlots` | Куда встаёт |
+| --- | --- |
+| `aboveLinks` | первым в подвале |
+| `banners` | в колонке баннеров, рядом с онбордингом и карточкой приложения |
+| `belowLinks` | под колонками ссылок |
+| `belowSubFooter` | последним, под нижней полосой |
+
+**Показ содержимого слота — забота потребителя.** В легаси панель поиска пряталась глобальным
+классом с анимацией: эта механика принадлежит самой панели, а не навигации, и сюда не
+переносится. Пакет резервирует место и рисует то, что дали.
+
 Кроме слотов пакет отдаёт наружу части профиль-меню (`ProfileInfo`, `ProfileMenuItem`,
 `Bonuses`, `PupilSelectButton`): их наполнение зависит от данных пользователя, поэтому
 собирает их адаптер и передаёт готовыми узлами. Сам набор пунктов меню — тоже данные
 адаптера (`@foxford/navigation-runtime`, `src/menu-items.ts`): пакет вёрстки не знает ни
 адресов Фоксфорда, ни того, кому какой пункт положен.
 
+## Раскладки
+
+`UserPanel` рисует ряд кнопок в двух раскладках, и выбирает её `variant`:
+
+- `base` — пиктограммы дизайн-системы, на узком экране из ряда убираются «бонусы за друга»;
+- `elementary` — начальная школа: крупные иллюстрации вместо пиктограмм, свои отступы, на
+  узком экране убирается каталог.
+
+Иллюстрации началки — собственный набор пакета (`header/atoms/action-button/assets/elementary`),
+подключаются по именам (`elementaryMain`, `elementaryRoom` и далее) наравне с пиктограммами
+кита. Дизайн-система их не держит: это не пиктограммы, а картинки, и подкрашивать их темой
+не нужно — поэтому они и рисуются `<img>`, как логотипы.
+
+**Кому какая раскладка положена, вёрстка не решает.** Про ученика началки она не знает вовсе —
+`variant` приходит пропсом от адаптера.
+
 ## Требования к среде
 
 - **`<Media>` из `@foxford/ui` матчит только после эффектов.** Там, где от размера экрана
@@ -73,9 +108,9 @@
 
 Отличия от легаси — каждое помечено комментарием в коде:
 
-- варианты `NewNavigation`/`ElementaryNavigation`/`InspectorNavigation` — только
-  `BaseNavigation`; молекулы, которые нужны лишь этим раскладкам (`CartButton`), перенесены,
-  но пока никем не рисуются;
+- варианты `NewNavigation`/`InspectorNavigation` — их включают флаги приложения
+  (`new_navigation`, `inspector_interface`); молекулы, которые нужны лишь этим раскладкам
+  (`CartButton`), перенесены, но пока никем не рисуются;
 - аналитика (`sendAnalytics`) и i18n-инфраструктура (`FormattedMessage`) — вызовы сняты,
   строки русские прямо в коде;
 - обучающий тур выбора ученика (`PupilSelectExplainer`, Joyride) и Enrichment-портал
@@ -92,11 +127,20 @@
 Раскладка исходников сохраняется, поэтому `.d.ts` встают рядом со своими модулями.
 
 **Снаружи остаётся всё, что обязано быть в одном экземпляре**: `styled-components`, `preact`,
-`react`/`react-dom` и `@foxford/ui` объявлены `peerDependencies`. Причина — лист стилей:
+`react` и `@foxford/ui` объявлены `peerDependencies`. Причина — лист стилей:
 `ServerStyleSheet` собирает стили только своей копии `styled-components`, и вторая копия
 означает обрамление страницы без стилей. Сторож — `tests/artifacts.check.tsx`: он рендерит
 СОБРАННЫЕ `Navigation` и `Footer` через лист и требует непустой `getStyleTags()`.
 
+**Про имена React.** Выход импортирует `preact/jsx-runtime` (JSX собран им) и `react` (хуки и
+типы) — и это не противоречие: в мире preact имя `react` занимает пакет-алиас
+(`@preact/compat`), и настоящего React в дереве нет. Поэтому `preact` объявлен обязательным
+peer'ом, а `react` — необязательным: тому, кто пришёл с алиасом, ставить его не надо.
+Переписывать импорты на `preact/hooks` смысла нет — `@foxford/ui` сама говорит именами React
+в четырёх сотнях мест своей сборки, так что алиас потребителю нужен в любом случае, а публичные
+типы пакета (`ReactNode`, `ComponentType`) при этом сменили бы имена. `react-dom` в peer'ах нет
+вовсе: пакет его не импортирует, отрисовщик — забота хоста.
+
 Собирает vite, а не tsup: стабильные `componentId` проставляет
 `babel-plugin-styled-components`, а он babel-плагин. Опции те же, что у хоста и у раннера
 тестов, — трансформация обязана быть одна на всех.

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

@@ -1 +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"}
+{"version":3,"file":"contacts-column.d.ts","sourceRoot":"","sources":["../../src/footer/contacts-column.tsx"],"names":[],"mappings":"AAmBA,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;AA0B5G,wBAAgB,cAAc,CAAC,EAC7B,QAAa,EACb,gBAAwB,EACxB,UAAe,EACf,WAAgB,GACjB,EAAE,mBAAmB,gCAoErB"}

package/footer/contacts-column.js

@@ -17,31 +17,35 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { Spacer } from "@foxford/ui";
+import { Separator, 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 { ContactsColumn as ContactsColumn$1, SeparatorTop, SalesGroup, ContactsTitle, SupportGroup, EmailGroup, Contacts, Email, SeparatorBottom, SocialsGroup, Phone, SocialLinks } from "./contacts-styled.js";
 import { formatPhone } from "../shared/phone.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
-function LinkGroup({
-  bottom,
-  links,
-  title
+const SEPARATOR_COLOR = "border-oncolor-soft-small";
+function Links({
+  links
 }) {
   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))
-    })]
+  return jsx(SocialLinks, {
+    children: links.map((link) => jsx(SocialLink, {
+      href: link.href,
+      iconName: link.iconName
+    }, link.id))
+  });
+}
+function ContactPhone({
+  number
+}) {
+  return jsx(Spacer, {
+    bottom: 12,
+    top: 4,
+    children: jsx(Phone, {
+      href: `tel:${number}`,
+      children: formatPhone(number)
+    })
   });
 }
 function ContactsColumn({
@@ -65,38 +69,66 @@ function ContactsColumn({
   }].flatMap((link) => link.href ? [__spreadProps(__spreadValues({}, link), {
     href: link.href
   })] : []);
-  const hasPhone = !hideDataOnMirror && Boolean(contacts.phone);
+  const phone = hideDataOnMirror ? void 0 : contacts.phone;
+  const salesPhone = hideDataOnMirror ? void 0 : contacts.salesPhone;
   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)
-          })
+    children: [jsx(SeparatorTop, {
+      children: jsx(Separator, {
+        color: SEPARATOR_COLOR,
+        weight: 1
+      })
+    }), jsx(SalesGroup, {
+      children: jsxs(Spacer, {
+        bottomXL: 24,
+        children: [jsxs(ContactsTitle, {
+          children: ["Подбор ", jsx("br", {}), "и покупка занятий"]
+        }), salesPhone !== void 0 && jsx(ContactPhone, {
+          number: salesPhone
+        }), jsx(Links, {
+          links: salesLinks
+        })]
+      })
+    }), supportChatLinks.length > 0 && jsx(SupportGroup, {
+      children: jsxs(Spacer, {
+        bottomXL: 24,
+        children: [jsxs(ContactsTitle, {
+          children: ["Поддержка учеников ", jsx("br", {}), "и родителей Фоксфорда"]
+        }), phone !== void 0 && jsx(ContactPhone, {
+          number: phone
+        }), jsx(Links, {
+          links: supportChatLinks
+        })]
+      })
+    }), contacts.email !== void 0 && contacts.email !== "" && jsx(EmailGroup, {
+      children: jsx(Spacer, {
+        bottom: 24,
+        bottomL: 12,
+        bottomS: 0,
+        children: jsxs(Contacts, {
+          children: [jsx(ContactsTitle, {
+            children: "Почта"
+          }), jsx(Email, {
+            href: `mailto:${contacts.email}`,
+            rel: "noreferrer",
+            target: "_blank",
+            children: contacts.email
+          })]
+        })
+      })
+    }), jsx(SeparatorBottom, {
+      children: jsx(Separator, {
+        color: SEPARATOR_COLOR,
+        weight: 1
+      })
+    }), jsx(SocialsGroup, {
+      children: jsxs(Spacer, {
+        topXL: 24,
+        children: [jsx(ContactsTitle, {
+          children: "Социальные сети"
+        }), jsx(Links, {
+          links: socialLinks
         })]
-      })]
+      })
     })]
   });
 }

package/footer/contacts-styled.d.ts

@@ -0,0 +1,44 @@
+export declare const ContactsColumn: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<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;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | (import("styled-components").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const SeparatorTop: 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 SeparatorBottom: 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 SalesGroup: 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 SupportGroup: 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 EmailGroup: 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 SocialsGroup: 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 ContactsTitle: 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 SocialLinks: 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 Contacts: 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 Phone: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "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 Email: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "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=contacts-styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contacts-styled.d.ts","sourceRoot":"","sources":["../../src/footer/contacts-styled.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc;;;;;;;;;WAsB1B,CAAA;AAMD,eAAO,MAAM,YAAY;;WAgBxB,CAAA;AAED,eAAO,MAAM,eAAe;;WAU3B,CAAA;AAED,eAAO,MAAM,UAAU;;WAItB,CAAA;AAED,eAAO,MAAM,YAAY;;WAIxB,CAAA;AAED,eAAO,MAAM,UAAU;;WAItB,CAAA;AAED,eAAO,MAAM,YAAY;;WAIxB,CAAA;AAED,eAAO,MAAM,aAAa;;WAezB,CAAA;AAED,eAAO,MAAM,WAAW;;WAIvB,CAAA;AAED,eAAO,MAAM,QAAQ;;WAGpB,CAAA;AAcD,eAAO,MAAM,KAAK;;WAEjB,CAAA;AAED,eAAO,MAAM,KAAK;;WAEjB,CAAA"}

package/footer/contacts-styled.js

@@ -0,0 +1,120 @@
+import { styled, css } from "styled-components";
+import { screenMaxL, screenMaxM, screenMaxS } from "@foxford/ui";
+import { Column } from "./styled.js";
+const ContactsColumn = styled(Column).withConfig({
+  displayName: "contacts-styled__ContactsColumn",
+  componentId: "sc-kiidu0-0"
+})(["grid-area:contacts;display:grid;", " ", " ", ""], screenMaxL()`
+    grid-template-columns: max-content max-content max-content 1fr max-content;
+    grid-template-areas: 'sep-top sep-top sep-top sep-top sep-top' 'sales support email . socials';
+    column-gap: 48px;
+    row-gap: 32px;
+  `, screenMaxM()`
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-areas: 'sep-top sep-top sep-top' 'sales support email' 'socials socials socials';
+  `, screenMaxS()`
+    margin-top: 44px;
+    grid-template-columns: 1fr;
+    grid-template-areas: none;
+    row-gap: 24px;
+  `);
+const SeparatorTop = styled.div.withConfig({
+  displayName: "contacts-styled__SeparatorTop",
+  componentId: "sc-kiidu0-1"
+})(["display:none;", " ", " ", ""], screenMaxL()`
+    display: block;
+    grid-area: sep-top;
+    margin: 0 0 32px;
+  `, screenMaxM()`
+    margin: 8px 0;
+  `, screenMaxS()`
+    display: none;
+  `);
+const SeparatorBottom = styled.div.withConfig({
+  displayName: "contacts-styled__SeparatorBottom",
+  componentId: "sc-kiidu0-2"
+})(["display:block;", " ", ""], screenMaxL()`
+    display: none;
+  `, screenMaxS()`
+    display: block;
+  `);
+const SalesGroup = styled.div.withConfig({
+  displayName: "contacts-styled__SalesGroup",
+  componentId: "sc-kiidu0-3"
+})(["", ""], screenMaxL()`
+    grid-area: sales;
+  `);
+const SupportGroup = styled.div.withConfig({
+  displayName: "contacts-styled__SupportGroup",
+  componentId: "sc-kiidu0-4"
+})(["", ""], screenMaxL()`
+    grid-area: support;
+  `);
+const EmailGroup = styled.div.withConfig({
+  displayName: "contacts-styled__EmailGroup",
+  componentId: "sc-kiidu0-5"
+})(["", ""], screenMaxL()`
+    grid-area: email;
+  `);
+const SocialsGroup = styled.div.withConfig({
+  displayName: "contacts-styled__SocialsGroup",
+  componentId: "sc-kiidu0-6"
+})(["", ""], screenMaxL()`
+    grid-area: socials;
+  `);
+const ContactsTitle = styled.div.withConfig({
+  displayName: "contacts-styled__ContactsTitle",
+  componentId: "sc-kiidu0-7"
+})(["font-size:20px;line-height:1.2;font-weight:700;color:", ";margin-bottom:8px;white-space:nowrap;", ""], ({
+  theme
+}) => theme.colors["content-oncolor-primary"], screenMaxS()`
+    white-space: normal;
+
+    > br {
+      display: none;
+    }
+  `);
+const SocialLinks = styled.div.withConfig({
+  displayName: "contacts-styled__SocialLinks",
+  componentId: "sc-kiidu0-8"
+})(["display:flex;flex-direction:row;flex-wrap:nowrap;"]);
+const Contacts = styled.div.withConfig({
+  displayName: "contacts-styled__Contacts",
+  componentId: "sc-kiidu0-9"
+})(["font-size:16px;line-height:20px;"]);
+const contactLink = css`
+  font-weight: 700;
+  color: ${({
+  theme
+}) => theme.colors["content-oncolor-secondary"]};
+  text-decoration: none;
+
+  &:hover {
+    cursor: pointer;
+    color: ${({
+  theme
+}) => theme.colors["content-oncolor-primary"]};
+  }
+`;
+const Phone = styled.a.withConfig({
+  displayName: "contacts-styled__Phone",
+  componentId: "sc-kiidu0-10"
+})(["", ""], contactLink);
+const Email = styled.a.withConfig({
+  displayName: "contacts-styled__Email",
+  componentId: "sc-kiidu0-11"
+})(["", ""], contactLink);
+export {
+  Contacts,
+  ContactsColumn,
+  ContactsTitle,
+  Email,
+  EmailGroup,
+  Phone,
+  SalesGroup,
+  SeparatorBottom,
+  SeparatorTop,
+  SocialLinks,
+  SocialsGroup,
+  SupportGroup
+};

package/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,gCAyCxC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/footer/footer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,gCA6CxC"}

package/footer/footer.js

@@ -37,7 +37,7 @@ function Footer(props) {
     children: jsx(Root, {
       id: SELECTOR_IDS.FOOTER,
       children: jsxs(Container, {
-        children: [jsx(Logo, {
+        children: [slots == null ? void 0 : slots.aboveLinks, jsx(Logo, {
           cobranding
         }), jsxs(MainInner, {
           children: [jsx(Column, {
@@ -65,9 +65,9 @@ function Footer(props) {
             children: [jsx(OnboardingBanner, {}), appLinks && jsx(AppInfo, {
               desktopUrl: appLinks.desktop,
               mobileUrl: appLinks.mobile
-            })]
+            }), slots == null ? void 0 : slots.banners]
           }), jsx(ContactsColumn, __spreadValues({}, props))]
-        }), slots == null ? void 0 : slots.belowLinks, jsx(SubFooter, __spreadValues({}, props))]
+        }), slots == null ? void 0 : slots.belowLinks, jsx(SubFooter, __spreadValues({}, props)), slots == null ? void 0 : slots.belowSubFooter]
       })
     })
   });

package/footer/molecules/geoposition/index.js

@@ -1,5 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["footer/molecules/geoposition/city-dialog.js","footer/molecules/geoposition/city-dialog-styled.js","footer/molecules/geoposition/styled.js","shared/z-index.js"])))=>i.map(i=>d[i]);
-import { __vitePreload } from "../../../_virtual/preload-helper.js";
 import { useState } from "react";
 import { Icon } from "@foxford/ui";
 import { Root, CityButton } from "./styled.js";
@@ -16,7 +14,7 @@ function Geoposition({
   const handleOpen = () => {
     setOpen(true);
     if (Dialog === null) {
-      void __vitePreload(() => import("./city-dialog.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0).then((module) => setDialog(() => module.CityDialog));
+      void import("./city-dialog.js").then((module) => setDialog(() => module.CityDialog));
     }
   };
   return jsxs(Root, {

package/footer/styled.d.ts

@@ -21,27 +21,5 @@ export declare const Banners: import("styled-components/dist/types").IStyledComp
         [key: `--${string}`]: string | number | undefined;
     }) | undefined;
 }> & string;
-export declare const ContactsColumn: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<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;
-}, "as" | "forwardedAs"> & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "style"> & {
-    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | (import("styled-components").CSSProperties & {
-        [key: `--${string}`]: string | number | undefined;
-    }) | undefined;
-}> & string;
-export declare const ContactsTitle: 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 SocialLinks: 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 Contacts: 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 Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("./molecules/footer-logo").FooterLogoProps> & string & Omit<typeof FooterLogo, keyof import("preact").Component<any, {}>>;
-export declare const ContactsWrapper: 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/footer/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/footer/styled.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,eAAO,MAAM,IAAI;;WAahB,CAAA;AAED,eAAO,MAAM,SAAS;;WAqBrB,CAAA;AAED,eAAO,MAAM,SAAS;;WAqCrB,CAAA;AAED,eAAO,MAAM,MAAM;;WAYlB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;WA2BnB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;WAO1B,CAAA;AAED,eAAO,MAAM,aAAa;;WAOzB,CAAA;AAED,eAAO,MAAM,WAAW;;WAIvB,CAAA;AAED,eAAO,MAAM,QAAQ;;WAmBpB,CAAA;AAED,eAAO,MAAM,IAAI,qMAMhB,CAAA;AAED,eAAO,MAAM,eAAe;;WAG3B,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/footer/styled.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,eAAO,MAAM,IAAI;;WAahB,CAAA;AAED,eAAO,MAAM,SAAS;;WAqBrB,CAAA;AAED,eAAO,MAAM,SAAS;;WAqCrB,CAAA;AAED,eAAO,MAAM,MAAM;;WAYlB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;WA2BnB,CAAA;AAED,eAAO,MAAM,IAAI,qMAMhB,CAAA"}

package/footer/styled.js

@@ -25,16 +25,16 @@ const Container = styled.div.withConfig({
 const MainInner = styled.div.withConfig({
   displayName: "styled__MainInner",
   componentId: "sc-ee97kh-2"
-})(["display:grid;width:100%;grid-gap:24px;margin-bottom:32px;grid-template:'about study free contacts banners' 190px 'about study free contacts banners' auto / 180px 180px 180px 188px 384px;", " ", " ", ""], screenMaxL()`
+})(["display:grid;width:100%;grid-gap:24px;margin-bottom:32px;grid-template:'about study free contacts banners' 190px 'about study free contacts banners' auto / 180px 180px 180px 219px 353px;", " ", " ", ""], screenMaxL()`
     column-gap: 20px;
-    row-gap: 28px;
+    row-gap: 32px;
     grid-template:
       'about study free banners' auto
-      'about study contacts banners' auto / 144px 226px 226px 308px;
+      'contacts contacts contacts contacts' auto / 144px 226px 226px 308px;
   `, screenMaxM()`
     grid-template:
       'about study free' auto
-      'about study contacts' auto
+      'contacts contacts contacts' auto
       'banners banners banners' auto / minmax(208px, 1fr) minmax(204px, 1fr) minmax(248px, 1fr);
     column-gap: 20px;
     row-gap: 32px;
@@ -55,7 +55,7 @@ const Column = styled.div.withConfig({
 const Banners = styled(Column).withConfig({
   displayName: "styled__Banners",
   componentId: "sc-ee97kh-4"
-})(["grid-area:banners;display:grid;grid-template:'a' 190px 'b' 190px / 1fr;gap:16px;", " ", " ", ""], screenMaxL()`
+})(["grid-area:banners;display:grid;grid-template:'a' 190px 'b' 210px / 1fr;gap:16px;", " ", " ", ""], screenMaxL()`
     grid-template:
       'a' 200px
       'b' 224px / 1fr;
@@ -70,52 +70,17 @@ const Banners = styled(Column).withConfig({
       'b' 184px / 1fr;
     gap: 24px;
   `);
-const ContactsColumn = styled(Column).withConfig({
-  displayName: "styled__ContactsColumn",
-  componentId: "sc-ee97kh-5"
-})(["grid-area:contacts;display:grid;", ""], screenMaxS()`
-    margin-top: 48px;
-  `);
-const ContactsTitle = styled.div.withConfig({
-  displayName: "styled__ContactsTitle",
-  componentId: "sc-ee97kh-6"
-})(["font-size:20px;line-height:1.2;font-weight:700;color:", ";margin-bottom:8px;white-space:nowrap;"], ({
-  theme
-}) => theme.colors["content-oncolor-primary"]);
-const SocialLinks = styled.div.withConfig({
-  displayName: "styled__SocialLinks",
-  componentId: "sc-ee97kh-7"
-})(["display:flex;flex-direction:row;flex-wrap:nowrap;"]);
-const Contacts = styled.div.withConfig({
-  displayName: "styled__Contacts",
-  componentId: "sc-ee97kh-8"
-})(["font-size:16px;font-weight:700;line-height:20px;margin-bottom:24px;", " a{text-decoration:none;color:", ";&:hover{cursor:pointer;color:", ";}}"], screenMaxS()`
-    margin-bottom: 0;
-  `, ({
-  theme
-}) => theme.colors["content-oncolor-secondary"], ({
-  theme
-}) => theme.colors["content-oncolor-primary"]);
 const Logo = styled(FooterLogo).withConfig({
   displayName: "styled__Logo",
-  componentId: "sc-ee97kh-9"
+  componentId: "sc-ee97kh-5"
 })(["margin:32px 0;", ""], screenMaxS()`
     margin: 22px 0 0;
   `);
-const ContactsWrapper = styled.div.withConfig({
-  displayName: "styled__ContactsWrapper",
-  componentId: "sc-ee97kh-10"
-})(["display:flex;flex-direction:column;"]);
 export {
   Banners,
   Column,
-  Contacts,
-  ContactsColumn,
-  ContactsTitle,
-  ContactsWrapper,
   Container,
   Logo,
   MainInner,
-  Root,
-  SocialLinks
+  Root
 };

package/footer/types.d.ts

@@ -1,7 +1,7 @@
 import type { FooterMenuItem } from './molecules/footer-menu';
 import type { City } from './molecules/geoposition';
+import type { FOOTER_SLOT_POINTS, SlotNodes } from '../shared/slots';
 import type { IconName } from '@foxford/ui';
-import type { ReactNode } from 'react';
 export interface FooterSocialLink {
     href: string;
     iconName: IconName;
@@ -10,17 +10,17 @@ export interface FooterSocialLink {
 export interface FooterContacts {
     email?: string;
     max?: string;
+    /** Телефон поддержки — в блоке поддержки, рядом с чатами. */
     phone?: string;
+    /** Телефон продаж — в блоке подбора занятий; отдельная линия, не та же, что поддержка. */
+    salesPhone?: string;
     telegram?: string;
     vkontakte?: string;
 }
 /**
- * Слоты `Footer` — свои, не общие с `Navigation`: точки расширения подвала.
+ * Слоты `Footer` — свои, не общие с `Navigation`. Тип выведен из перечня (`shared/slots.ts`).
  */
-export interface FooterSlots {
-    /** Место под колонками ссылок — например баннер акции. */
-    belowLinks?: ReactNode;
-}
+export type FooterSlots = SlotNodes<typeof FOOTER_SLOT_POINTS>;
 export interface FooterProps {
     aboutItems: FooterMenuItem[];
     /** Адреса установки мобильного приложения; не переданы — карточка приложения не рисуется. */

package/footer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,QAAQ,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,MAAM,CAAC,EAAE,IAAI,EAAE,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8FAA8F;IAC9F,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,QAAQ,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAE9D,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,MAAM,CAAC,EAAE,IAAI,EAAE,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8FAA8F;IAC9F,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B"}

package/header/atoms/action-button/assets/elementary/calendar.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31 7H1v22h30V7z" fill="#BBDAE8"/><path d="M1 7V1h30v6H1z" fill="#FF9700"/><path d="M5.612 0v4.872M26.296 0v4.872" stroke="#000" stroke-miterlimit="10"/><path d="M8 11c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2zM16 11c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2z" fill="#fff"/><path d="M24 11c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2z" fill="#FFF57D"/><path d="M8 19c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2zM16 19c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2z" fill="#fff"/><path d="M24 19c-1.106 0-2 .895-2 2s.894 2 2 2c1.106 0 2-.895 2-2s-.894-2-2-2z" fill="#FFF57D"/></svg>

package/header/atoms/action-button/assets/elementary/catalog.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.27 29V0H2v29h11.27z" fill="#FF9700"/><path d="M11.131 2.164H4.14v6.023l3.5-1.61 3.5 1.61-.008-6.023z" fill="#FFF87D"/><path d="M11.14 25.696h-7" stroke="#000" stroke-miterlimit="10"/><path d="M30 26.368 24.26 2.23 13.293 4.863 19.033 29 30 26.368z" fill="#8450E1"/><path d="M22.62 4.59 15.82 6.221l1.44 6.046 3.017-2.437 3.788.797-1.447-6.039z" fill="#FFF87D"/><path d="m27.247 24.032-6.806 1.633" stroke="#000" stroke-miterlimit="10"/></svg>

package/header/atoms/action-button/assets/elementary/dashboard.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.507 0H4v29h22.507V0z" fill="#8850E5"/><path d="M23.38 3.093H7.127v20.3H23.38v-20.3z" fill="#fff"/><path d="M14.566 27.518c.684 0 1.245-.58 1.245-1.289s-.56-1.29-1.245-1.29-1.246.581-1.246 1.29c0 .71.56 1.29 1.245 1.29z" fill="#AB88FF"/><path d="M9.905 16.49h10.697M9.905 9.997h10.697" stroke="#000" stroke-miterlimit="10"/><path d="m32 10.03-2.925-2.917-9.764 10.464.008.008h-.008l-.872 3.964 3.797-1.048v-.008L32 10.03z" fill="#F90"/></svg>