@foxford/navigation-ui 1.0.0 → 1.0.1

package/header/molecules/user-panel/index.d.ts

@@ -1,9 +1,11 @@
+import type { NavigationIconName } from '../../atoms/action-button/elementary-icons';
 import type { ProfileMenuProps } from '../profile-menu';
 import type { Pupil } from '../pupil-select-menu';
-import type { IconName } from '@foxford/ui';
 export interface UserPanelTopMenuItem {
-    icon?: IconName;
+    icon?: NavigationIconName;
     id: string;
+    /** Точка-маркер на кнопке: у корзины считается сама, остальным передаётся явно. */
+    marker?: boolean;
     onClick?: () => void;
     title: string;
     url: string;
@@ -27,6 +29,11 @@ export interface UserPanelProps {
         name: string;
         role: string;
     };
+    /**
+     * Раскладка кнопок. `elementary` — начальная школа: крупные иллюстрации вместо пиктограмм и
+     * свои отступы. Какому пользователю какая раскладка положена, решает адаптер.
+     */
+    variant?: 'base' | 'elementary';
 }
-export declare function UserPanel({ cartItemsCount, highlightedTopMenuItemId, onProfileMenuClose, onProfileMenuToggle, onPupilSelectMenuClose, onSelectPupil, profileButtonMarker, profileMenu, profileMenuOpen, pupils, pupilSelectMenuOpen, tooltipText, topMenuItems, user, }: UserPanelProps): import("preact").JSX.Element;
+export declare function UserPanel({ cartItemsCount, highlightedTopMenuItemId, onProfileMenuClose, onProfileMenuToggle, onPupilSelectMenuClose, onSelectPupil, profileButtonMarker, profileMenu, profileMenuOpen, pupils, pupilSelectMenuOpen, tooltipText, topMenuItems, user, variant, }: UserPanelProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/molecules/user-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,sBAAsB,EAAE,MAAM,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;IAC3C,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACrC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CACxD;AAID,wBAAgB,SAAS,CAAC,EACxB,cAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,mBAA2B,EAC3B,WAAW,EACX,eAAe,EACf,MAAW,EACX,mBAAmB,EACnB,WAAW,EACX,YAAiB,EACjB,IAAI,GACL,EAAE,cAAc,gCAgFhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AACpF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,sBAAsB,EAAE,MAAM,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAA;IAC3C,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACrC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAChC;AACD,wBAAgB,SAAS,CAAC,EACxB,cAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,mBAA2B,EAC3B,WAAW,EACX,eAAe,EACf,MAAW,EACX,mBAAmB,EACnB,WAAW,EACX,YAAiB,EACjB,IAAI,EACJ,OAAgB,GACjB,EAAE,cAAc,gCA2FhB"}

package/header/molecules/user-panel/index.js

@@ -18,12 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useRef, useEffect } from "react";
-import { Root, Inner, ProfileMenuWrapper, MobileOnly, DesktopOnly } from "./styled.js";
+import { Root, InnerElementary, Inner, ActionButtonElementary, ProfileSegment, ProfileMenuWrapper, MobileOnly, DesktopOnly } from "./styled.js";
 import { SELECTOR_IDS } from "../../../shared/constants.js";
 import { useOutsideClick } from "../../../shared/use-outside-click.js";
 import { ActionButton } from "../../atoms/action-button/index.js";
 import { Avatar } from "../../atoms/avatar/index.js";
 import { UserProfile } from "../../atoms/user-profile/index.js";
+import { CartButton } from "../cart-button/index.js";
 import { ProfileMenu } from "../profile-menu/index.js";
 import { ProfileMenuButtonTooltip } from "../profile-menu-button-tooltip/index.js";
 import { PupilSelectMenu } from "../pupil-select-menu/index.js";
@@ -42,8 +43,12 @@ function UserPanel({
   pupilSelectMenuOpen,
   tooltipText,
   topMenuItems = [],
-  user
+  user,
+  variant = "base"
 }) {
+  const isElementary = variant === "elementary";
+  const TopMenuRow = isElementary ? InnerElementary : Inner;
+  const TopMenuButton = isElementary ? ActionButtonElementary : ActionButton;
   const profileMenuWrapperRef = useRef(null);
   useOutsideClick(profileMenuWrapperRef, onProfileMenuClose, profileMenuOpen);
   useOutsideClick(profileMenuWrapperRef, onPupilSelectMenuClose, pupilSelectMenuOpen);
@@ -63,47 +68,54 @@ function UserPanel({
   }, [onProfileMenuClose, onPupilSelectMenuClose, profileMenuOpen, pupilSelectMenuOpen]);
   return jsx(Root, {
     id: SELECTOR_IDS.USER_PANEL,
-    children: jsxs(Inner, {
-      children: [topMenuItems.map((item) => jsx(ActionButton, {
+    children: jsxs(TopMenuRow, {
+      children: [topMenuItems.map((item) => jsx(TopMenuButton, {
         active: highlightedTopMenuItemId === item.id,
         icon: item.icon,
+        iconSize: isElementary ? 30 : 20,
         id: item.id,
-        // Корзина в этой раскладке — такая же кнопка, как остальные, с точкой-маркером при
-        // непустой корзине; отдельный `CartButton` легаси использует только в раскладках
-        // elementary и new.
-        marker: item.id === SELECTOR_IDS.TOP_MENU_CART && cartItemsCount > 0,
+        // Корзина — такая же кнопка, как остальные, с точкой-маркером при непустой корзине.
+        // Остальным маркер задаёт адаптер: в началке его носит кнопка комнаты.
+        marker: item.id === SELECTOR_IDS.TOP_MENU_CART ? cartItemsCount > 0 : item.marker === true,
         onClick: item.onClick,
         text: item.title,
         url: item.url
-      }, item.id)), jsxs(ProfileMenuWrapper, {
-        ref: profileMenuWrapperRef,
-        children: [jsx(MobileOnly, {
-          children: jsx(ActionButton, {
-            avatar: jsx(Avatar, {
-              avatarUrl: user.avatarUrl
-            }),
-            id: SELECTOR_IDS.TOP_MENU_PROFILE,
-            marker: profileButtonMarker,
-            onClick: onProfileMenuToggle,
-            text: "Профиль"
+      }, item.id)), jsxs(ProfileSegment, {
+        children: [jsxs(ProfileMenuWrapper, {
+          ref: profileMenuWrapperRef,
+          children: [jsx(MobileOnly, {
+            children: jsx(ActionButton, {
+              avatar: jsx(Avatar, {
+                avatarUrl: user.avatarUrl
+              }),
+              id: SELECTOR_IDS.TOP_MENU_PROFILE,
+              marker: profileButtonMarker,
+              onClick: onProfileMenuToggle,
+              text: "Профиль"
+            })
+          }), jsx(DesktopOnly, {
+            children: jsx(UserProfile, {
+              active: profileMenuOpen || pupilSelectMenuOpen,
+              avatarUrl: user.avatarUrl,
+              name: user.name,
+              onClick: onProfileMenuToggle,
+              role: user.role
+            })
+          }), jsx(ProfileMenuButtonTooltip, {
+            text: tooltipText
+          }), jsx(ProfileMenu, __spreadProps(__spreadValues({}, profileMenu), {
+            open: profileMenuOpen
+          })), jsx(PupilSelectMenu, {
+            onClose: onPupilSelectMenuClose,
+            onSelectPupil,
+            open: pupilSelectMenuOpen,
+            pupils
+          })]
+        }), isElementary && jsx(DesktopOnly, {
+          children: jsx(CartButton, {
+            cartItemsCount,
+            filled: true
           })
-        }), jsx(DesktopOnly, {
-          children: jsx(UserProfile, {
-            active: profileMenuOpen || pupilSelectMenuOpen,
-            avatarUrl: user.avatarUrl,
-            name: user.name,
-            onClick: onProfileMenuToggle,
-            role: user.role
-          })
-        }), jsx(ProfileMenuButtonTooltip, {
-          text: tooltipText
-        }), jsx(ProfileMenu, __spreadProps(__spreadValues({}, profileMenu), {
-          open: profileMenuOpen
-        })), jsx(PupilSelectMenu, {
-          onClose: onPupilSelectMenuClose,
-          onSelectPupil,
-          open: pupilSelectMenuOpen,
-          pupils
         })]
       })]
     })

package/header/molecules/user-panel/styled.d.ts

@@ -1,9 +1,24 @@
+import { ActionButton } from '../../atoms/action-button';
 export declare const Root: 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 Inner: 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 InnerElementary: 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 ActionButtonElementary: import("styled-components/dist/types").IStyledComponentBase<"web", import("../../atoms/action-button").ActionButtonProps> & string & Omit<typeof ActionButton, keyof import("preact").Component<any, {}>>;
+export declare const ProfileSegment: 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 ProfileMenuWrapper: 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;

package/header/molecules/user-panel/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,KAAK;;WAmBjB,CAAA;AAED,eAAO,MAAM,kBAAkB;;WAE9B,CAAA;AAID,eAAO,MAAM,UAAU;;WAMtB,CAAA;AAED,eAAO,MAAM,WAAW;;WAMvB,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel/styled.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,KAAK;;WAmBjB,CAAA;AAID,eAAO,MAAM,eAAe;;;;;;;;;WAgB3B,CAAA;AAUD,eAAO,MAAM,sBAAsB,2MAkBlC,CAAA;AAQD,eAAO,MAAM,cAAc;;WAS1B,CAAA;AAED,eAAO,MAAM,kBAAkB;;WAE9B,CAAA;AAID,eAAO,MAAM,UAAU;;WAMtB,CAAA;AAED,eAAO,MAAM,WAAW;;WAMvB,CAAA"}

package/header/molecules/user-panel/styled.js

@@ -1,5 +1,7 @@
-import { styled } from "styled-components";
-import { screenMinS, screenMinM } from "@foxford/ui";
+import { styled, css } from "styled-components";
+import { screenMinS, screenMinM, screenMinL } from "@foxford/ui";
+import { ActionButton } from "../../atoms/action-button/index.js";
+import { Text } from "../../atoms/action-button/styled.js";
 const Root = styled.div.withConfig({
   displayName: "styled__Root",
   componentId: "sc-2ik4wt-0"
@@ -16,26 +18,60 @@ const Inner = styled.div.withConfig({
       margin-left: 36px;
     }
   `);
+const InnerElementary = styled(Inner).withConfig({
+  displayName: "styled__InnerElementary",
+  componentId: "sc-2ik4wt-2"
+})(["& > :not(:first-child){margin-left:16px;}", " ", ""], screenMinM()`
+    & > :not(:first-child) {
+      margin-left: 20px;
+    }
+  `, screenMinL()`
+    & > :not(:first-child) {
+      margin-left: 40px;
+    }
+  `);
+const ActionButtonElementary = styled(ActionButton).withConfig({
+  displayName: "styled__ActionButtonElementary",
+  componentId: "sc-2ik4wt-3"
+})(["&&{", " ", " ", " ", "{margin-top:4px;}}"], screenMinS()`
+      font-size: 12px;
+    `, screenMinM()`
+      font-size: 14px;
+    `, ({
+  active,
+  theme
+}) => css`
+      color: ${active === true ? theme.colors.accent : theme.colors.silver};
+    `, Text);
+const ProfileSegment = styled.div.withConfig({
+  displayName: "styled__ProfileSegment",
+  componentId: "sc-2ik4wt-4"
+})(["display:flex;flex-direction:row;align-items:center;gap:20px;", ""], screenMinL()`
+    gap: 8px;
+  `);
 const ProfileMenuWrapper = styled.div.withConfig({
   displayName: "styled__ProfileMenuWrapper",
-  componentId: "sc-2ik4wt-2"
+  componentId: "sc-2ik4wt-5"
 })(["position:relative;"]);
 const MobileOnly = styled.div.withConfig({
   displayName: "styled__MobileOnly",
-  componentId: "sc-2ik4wt-3"
+  componentId: "sc-2ik4wt-6"
 })(["display:contents;", ""], screenMinM()`
     display: none;
   `);
 const DesktopOnly = styled.div.withConfig({
   displayName: "styled__DesktopOnly",
-  componentId: "sc-2ik4wt-4"
+  componentId: "sc-2ik4wt-7"
 })(["display:none;", ""], screenMinM()`
     display: contents;
   `);
 export {
+  ActionButtonElementary,
   DesktopOnly,
   Inner,
+  InnerElementary,
   MobileOnly,
   ProfileMenuWrapper,
+  ProfileSegment,
   Root
 };

package/header/molecules/user-panel-mobile/index.d.ts

@@ -1,3 +1,3 @@
 import type { UserPanelProps } from '../user-panel';
-export declare function UserPanelMobile({ topMenuItems, ...props }: UserPanelProps): import("preact").JSX.Element;
+export declare function UserPanelMobile({ topMenuItems, variant, ...props }: UserPanelProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/molecules/user-panel-mobile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel-mobile/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAInD,wBAAgB,eAAe,CAAC,EAAE,YAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,gCAQ9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/user-panel-mobile/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAUnD,wBAAgB,eAAe,CAAC,EAAE,YAAiB,EAAE,OAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,gCAShG"}

package/header/molecules/user-panel-mobile/index.js

@@ -34,20 +34,28 @@ import { SELECTOR_IDS } from "../../../shared/constants.js";
 import { useScrollDirection } from "../../../shared/use-scroll-direction.js";
 import { UserPanel } from "../user-panel/index.js";
 import { jsx } from "preact/jsx-runtime";
+const HIDDEN_ON_MOBILE = {
+  base: SELECTOR_IDS.TOP_MENU_REFERRALS,
+  elementary: SELECTOR_IDS.TOP_MENU_CATALOG
+};
 function UserPanelMobile(_a) {
   var _b = _a, {
-    topMenuItems = []
+    topMenuItems = [],
+    variant = "base"
   } = _b, props = __objRest(_b, [
-    "topMenuItems"
+    "topMenuItems",
+    "variant"
   ]);
   const {
     scrollDirection
   } = useScrollDirection();
+  const hidden = HIDDEN_ON_MOBILE[variant];
   return jsx(UserPanelWrapperMobile, {
     $hidePanel: scrollDirection === "down",
     id: SELECTOR_IDS.USER_PANEL_WRAPPER_MOBILE,
     children: jsx(UserPanel, __spreadProps(__spreadValues({}, props), {
-      topMenuItems: topMenuItems.filter((item) => item.id !== SELECTOR_IDS.TOP_MENU_REFERRALS)
+      topMenuItems: topMenuItems.filter((item) => item.id !== hidden),
+      variant
     }))
   });
 }

package/header/navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/header/navigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAS9C,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,gCAsChD"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/header/navigation.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAmD9C,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,gCAsDhD"}

package/header/navigation.js

@@ -20,12 +20,44 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { HeaderDesktop } from "./header-desktop.js";
 import { HeaderMobile } from "./header-mobile.js";
 import { Container } from "./molecules/container/index.js";
+import { HeaderLogo } from "./molecules/header-logo/index.js";
 import { Menu } from "./molecules/menu/index.js";
+import { MenuButton } from "./molecules/menu-button/index.js";
+import { OneClickMenu } from "./molecules/oneclick-menu/index.js";
 import { UserPanelMobile } from "./molecules/user-panel-mobile/index.js";
-import { Header, HeaderInner, MobileOnly } from "./styled.js";
+import { SearchPanelOnly, Header, HeaderInner, HeaderTop, HeaderLeftButtons, SearchLineOnly, MobileOnly, DesktopOnly } from "./styled.js";
+import { SELECTOR_IDS } from "../shared/constants.js";
 import { NavigationTheme } from "../shared/theme-provider.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
+function withSupportButton(panel, supportButton) {
+  if (supportButton === void 0 || panel.supportButton !== void 0) {
+    return panel;
+  }
+  return __spreadProps(__spreadValues({}, panel), {
+    supportButton
+  });
+}
+function OneClickRow({
+  hasOneClickMenu,
+  menuOpen,
+  oneClickMenuItems = [],
+  onSegmentItemClick,
+  selectedOneClickMenuItemId
+}) {
+  if (hasOneClickMenu !== true) {
+    return null;
+  }
+  return jsx(DesktopOnly, {
+    children: jsx(OneClickMenu, {
+      isMenuOpen: menuOpen,
+      items: oneClickMenuItems,
+      onItemClick: onSegmentItemClick,
+      selectedItemId: selectedOneClickMenuItemId
+    })
+  });
+}
 function Navigation(props) {
+  var _a;
   const {
     entryPanel,
     isLoggedIn,
@@ -36,19 +68,49 @@ function Navigation(props) {
     origin,
     userPanel
   } = props;
+  const {
+    aboveMenu,
+    actionsButton,
+    background,
+    belowMenu,
+    searchPanel,
+    top
+  } = (_a = props.slots) != null ? _a : {};
   const showBackground = menuOpen || (userPanel == null ? void 0 : userPanel.profileMenuOpen) === true || (userPanel == null ? void 0 : userPanel.pupilSelectMenuOpen) === true;
+  const panel = withSupportButton(entryPanel, props.supportButton);
   return jsxs(NavigationTheme, {
-    children: [jsxs(Container, {
+    children: [background, searchPanel && jsx(SearchPanelOnly, {
+      children: searchPanel
+    }), jsxs(Container, {
+      aboveMenu,
+      belowMenu,
       hasOneClickMenu: props.hasOneClickMenu,
       onBackgroundClick: menuOpen ? onMenuToggle : void 0,
       showBackground,
       children: [jsx(Header, {
         id: "header",
         children: jsxs(HeaderInner, {
-          children: [jsx(HeaderMobile, __spreadValues({}, props)), jsx(HeaderDesktop, __spreadValues({}, props))]
+          children: [jsxs(HeaderTop, {
+            id: SELECTOR_IDS.HEADER_TOP,
+            children: [jsx(HeaderLogo, {
+              cobranding: props.cobranding,
+              origin
+            }), jsxs(HeaderLeftButtons, {
+              children: [jsx(MenuButton, {
+                active: menuOpen,
+                onClick: onMenuToggle
+              }), actionsButton, jsx(SearchLineOnly, {
+                children: top
+              })]
+            }), jsx(HeaderMobile, __spreadProps(__spreadValues({}, props), {
+              entryPanel: panel
+            })), jsx(HeaderDesktop, __spreadProps(__spreadValues({}, props), {
+              entryPanel: panel
+            }))]
+          }), jsx(OneClickRow, __spreadValues({}, props))]
         })
       }), jsx(Menu, __spreadProps(__spreadValues({}, menu), {
-        entryPanel,
+        entryPanel: panel,
         onClose: onMenuToggle,
         open: menuOpen,
         origin,

package/header/styled.d.ts

@@ -28,4 +28,11 @@ export declare const EntryPanelWrapper: import("styled-components/dist/types").I
 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;
+export declare const SearchLineOnly: 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;
+/** Панель поиска доступна и на планшете: кнопка, раскрывающая её, есть вплоть до L. */
+export declare const SearchPanelOnly: 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

@@ -1 +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"}
+{"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;AAWD,eAAO,MAAM,SAAS;;WAerB,CAAA;AAED,eAAO,MAAM,gBAAgB;;WAM5B,CAAA;AAED,eAAO,MAAM,yBAAyB;;WAWrC,CAAA;AAED,eAAO,MAAM,0BAA0B;;WAEtC,CAAA;AAED,eAAO,MAAM,iBAAiB;;WAO7B,CAAA;AAED,eAAO,MAAM,iBAAiB;;WAuB7B,CAAA;AAOD,eAAO,MAAM,cAAc;;WAM1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,eAAe;;WAM3B,CAAA"}

package/header/styled.js

@@ -1,5 +1,5 @@
 import { styled, css } from "styled-components";
-import { screenMinS, screenMinM, screenMaxM, screenMaxS } from "@foxford/ui";
+import { screenMinS, screenMinM, screenMaxL, screenMaxS, screenMinL } 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({
@@ -35,7 +35,11 @@ const DesktopOnly = styled.div.withConfig({
 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()`
+})(["display:contents;", ""], screenMinM()`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: ${NAVIGATION_HEADER_TOP_DESKTOP_MIN_HEIGHT}px;
     position: relative;
     ${({
   theme
@@ -48,7 +52,7 @@ const HeaderTop = styled.div.withConfig({
 const UserPanelWrapper = styled.div.withConfig({
   displayName: "styled__UserPanelWrapper",
   componentId: "sc-dceth5-5"
-})(["display:flex;align-items:center;margin-left:auto;padding-left:40px;"]);
+})(["display:flex;align-items:center;margin-left:auto;padding-left:15px;margin-right:6px;"]);
 const ExtraButtonsMobileWrapper = styled.div.withConfig({
   displayName: "styled__ExtraButtonsMobileWrapper",
   componentId: "sc-dceth5-6"
@@ -66,13 +70,27 @@ const EntryPanelWrapper = styled.div.withConfig({
 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()`
+})(["display:flex;align-items:center;order:-1;", " && > button + button{margin-left:8px;border-radius:48px;padding:10px;", " ", "}"], screenMinM()`
+    order: 0;
+  `, screenMaxL()`
       background-color: ${({
   theme
 }) => theme.colors["bg-onmain-tertiary"]};
     `, screenMaxS()`
       padding: 8px;
     `);
+const SearchLineOnly = styled.div.withConfig({
+  displayName: "styled__SearchLineOnly",
+  componentId: "sc-dceth5-10"
+})(["display:none;", ""], screenMinL()`
+    display: contents;
+  `);
+const SearchPanelOnly = styled.div.withConfig({
+  displayName: "styled__SearchPanelOnly",
+  componentId: "sc-dceth5-11"
+})(["display:contents;", ""], screenMinL()`
+    display: none;
+  `);
 export {
   DesktopOnly,
   EntryPanelWrapper,
@@ -83,5 +101,7 @@ export {
   HeaderLeftButtons,
   HeaderTop,
   MobileOnly,
+  SearchLineOnly,
+  SearchPanelOnly,
   UserPanelWrapper
 };

package/header/types.d.ts

@@ -1,17 +1,18 @@
 import type { EntryPanelProps } from './molecules/entry-panel';
 import type { MenuProps } from './molecules/menu';
 import type { OneClickMenuItem } from './molecules/oneclick-menu';
+import type { SupportButtonProps } from './molecules/support-button';
 import type { UserPanelProps } from './molecules/user-panel';
-import type { ReactNode } from 'react';
+import type { NAVIGATION_SLOT_POINTS, SlotNodes } from '../shared/slots';
 /**
  * Слоты `Navigation` — именованные точки расширения разметки. Компонент не знает, откуда
- * взялось содержимое: в core это вложенное место федерации (`header:actionsButton`),
+ * взялось содержимое: у хоста портала это вложенное место федерации (`header:actionsButton`),
  * в виджете — то, что передали в `mount({ slots })`.
+ *
+ * Тип ВЫВЕДЕН из перечня (`shared/slots.ts`): перечень объявляется один раз и данными, потому
+ * что потребителю он нужен целиком — см. комментарий там.
  */
-export interface NavigationSlots {
-    /** Место у правого края шапки — рядом с кнопкой меню (mobile) и в HeaderTop (desktop). */
-    actionsButton?: ReactNode;
-}
+export type NavigationSlots = SlotNodes<typeof NAVIGATION_SLOT_POINTS>;
 export interface NavigationProps {
     /** Кобрендинговый логотип вместо обычного — как в подвале. */
     cobranding?: boolean;
@@ -35,6 +36,8 @@ export interface NavigationProps {
     showOnboardingButton?: boolean;
     showOnboardingMobileButton?: boolean;
     slots?: NavigationSlots;
+    /** Кнопка поддержки: в десктопной шапке — вошедшим, в планшетной панели — на месте телефона. */
+    supportButton?: SupportButtonProps;
     userPanel?: UserPanelProps;
 }
 //# sourceMappingURL=types.d.ts.map

package/header/types.d.ts.map

@@ -1 +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"}
+{"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,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAExE;;;;;;;GAOG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAEtE,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,gGAAgG;IAChG,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B"}

package/index.d.ts

@@ -2,12 +2,16 @@ 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 { FOOTER_SLOT_POINTS, NAVIGATION_SLOT_POINTS } from './shared/slots';
 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 { GradesListItem } from './header/atoms/grades-list-item';
 export { ProfileMenuItem } from './header/atoms/profile-menu-item';
+export { ProlongationTitle } from './header/atoms/prolongation-title';
 export { PupilSelectButton } from './header/molecules/pupil-select-button';
+export { SupportButtonDesktop, SupportButtonTablet } from './header/molecules/support-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';
@@ -18,8 +22,10 @@ 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 { SupportButtonProps, SupportContacts } from './header/molecules/support-button';
 export type { NavigationProps, NavigationSlots } from './header/types';
 export type { ContextOfUse } from './shared/constants';
+export type { SlotInventory, SlotNodes, SlotPoint } from './shared/slots';
 export type { LinkProps } from './shared/link';
 export type { Theme } from './shared/theme';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +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"}
+{"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,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC3E,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,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE7F,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,kBAAkB,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAC5F,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACzE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA"}

package/index.js

@@ -2,22 +2,32 @@ 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 { FOOTER_SLOT_POINTS, NAVIGATION_SLOT_POINTS } from "./shared/slots.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 { GradesListItem } from "./header/atoms/grades-list-item/index.js";
 import { ProfileMenuItem } from "./header/atoms/profile-menu-item/index.js";
+import { ProlongationTitle } from "./header/atoms/prolongation-title/index.js";
 import { PupilSelectButton } from "./header/molecules/pupil-select-button/index.js";
+import { SupportButtonDesktop, SupportButtonTablet } from "./header/molecules/support-button/index.js";
 export {
   Bonuses,
   CONTEXT_OF_USE,
+  FOOTER_SLOT_POINTS,
   Footer,
+  GradesListItem,
   Link,
+  NAVIGATION_SLOT_POINTS,
   Navigation,
   NavigationTheme,
   ProfileInfo,
   ProfileMenuItem,
+  ProlongationTitle,
   PupilSelectButton,
   SELECTOR_IDS,
+  SupportButtonDesktop,
+  SupportButtonTablet,
   theme
 };