@foxford/navigation-ui 1.0.0

package/header/molecules/menu-button/styled.d.ts

@@ -0,0 +1,22 @@
+import type { IconProps } from '@foxford/ui';
+import type { ComponentType } from 'react';
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("preact").JSX.ButtonHTMLAttributes<HTMLButtonElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, {
+    $active: boolean;
+}>> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLSpanElement>, "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 Icon: ComponentType<IconProps & {
+    $active: boolean;
+}>;
+export declare const FakeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("preact").JSX.HTMLAttributes<HTMLSpanElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, {
+    $active: boolean;
+}>> & string;
+export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLSpanElement>, "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/molecules/menu-button/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/menu-button/styled.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,IAAI;;;aAA4B,OAAO;YAiDnD,CAAA;AAcD,eAAO,MAAM,WAAW;;WAGvB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,SAAS,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAGhE,CAAA;AAED,eAAO,MAAM,QAAQ;;;aAA0B,OAAO;YAqBrD,CAAA;AAKD,eAAO,MAAM,IAAI;;WAYhB,CAAA"}

package/header/molecules/menu-button/styled.js

@@ -0,0 +1,74 @@
+import { styled, css } from "styled-components";
+import { screenMaxS, screenMaxXs, screenMinS, Icon as Icon$1 } from "@foxford/ui";
+const Root = styled.button.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-13r4epo-0"
+})(["display:inline-flex;justify-content:center;align-items:center;border-radius:40px;height:40px;margin:0;padding:0 24px;outline:none;overflow:visible;font:inherit;font-size:14px;font-weight:700;line-height:normal;transition:background-color linear 0.3s;cursor:pointer;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;", " ", " &::-moz-focus-inner{border:0;padding:0;}", ""], screenMaxS()`
+    height: 32px;
+    padding: 0 6px;
+  `, screenMaxXs()`
+    width: 32px;
+    padding: 0;
+  `, ({
+  theme
+}) => css`
+    background-color: ${theme.colors.zeus};
+    border: none;
+    color: ${theme.colors.white};
+    font-size: 12px;
+
+    ${screenMinS()`
+      font-size: 14px;
+    `}
+
+    &:hover {
+      background-color: ${theme.colors.mineShaft};
+    }
+  `);
+const iconLine = css`
+  content: '';
+  position: absolute;
+  left: 0;
+  height: 1px;
+  width: 100%;
+  transition: transform 0.4s;
+  ${({
+  theme
+}) => css`
+    background-color: ${theme.colors.white};
+  `}
+`;
+const IconWrapper = styled.span.withConfig({
+  displayName: "styled__IconWrapper",
+  componentId: "sc-13r4epo-1"
+})(["position:relative;display:inline-flex;"]);
+const Icon = styled(Icon$1).withConfig({
+  displayName: "styled__Icon",
+  componentId: "sc-13r4epo-2"
+})(["transition:0.4s;opacity:", ";"], ({
+  $active
+}) => $active ? 0 : 1);
+const FakeIcon = styled.span.withConfig({
+  displayName: "styled__FakeIcon",
+  componentId: "sc-13r4epo-3"
+})(["display:inline-block;position:absolute;top:5px;left:0;width:20px;height:11px;opacity:", ";transition:opacity 0.4s;&::before{", " top:0;transform:", ";}&::after{", " bottom:0;transform:", ";}"], ({
+  $active
+}) => $active ? 1 : 0, iconLine, ({
+  $active
+}) => `translateY(${$active ? "5px" : "0"}) rotate(${$active ? "-45deg" : "0"})`, iconLine, ({
+  $active
+}) => `translateY(${$active ? "-5px" : "0"}) rotate(${$active ? "45deg" : "0"})`);
+const Text = styled.span.withConfig({
+  displayName: "styled__Text",
+  componentId: "sc-13r4epo-4"
+})(["display:none;padding-top:1px;margin-left:4px;color:inherit;font-size:inherit;transition:color 0.4s;", ""], screenMinS()`
+    display: inline-block;
+    margin-left: 10px;
+  `);
+export {
+  FakeIcon,
+  Icon,
+  IconWrapper,
+  Root,
+  Text
+};

package/header/molecules/onboarding-button/index.d.ts

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

package/header/molecules/onboarding-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/onboarding-button/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAID,wBAAgB,gBAAgB,CAAC,EAAE,MAAc,EAAE,OAAO,EAAE,EAAE,qBAAqB,gCAclF"}

package/header/molecules/onboarding-button/index.js

@@ -0,0 +1,23 @@
+import { FreeAccessButtonMobile, FreeAccessButtonDesktop } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+const ONBOARDING_URL = "/onboarding?chat=1";
+function OnboardingButton({
+  mobile = false,
+  onClick
+}) {
+  if (mobile) {
+    return jsx(FreeAccessButtonMobile, {
+      href: ONBOARDING_URL,
+      onClick,
+      children: "Подобрать занятия"
+    });
+  }
+  return jsx(FreeAccessButtonDesktop, {
+    href: ONBOARDING_URL,
+    onClick,
+    children: "Подобрать занятия"
+  });
+}
+export {
+  OnboardingButton
+};

package/header/molecules/onboarding-button/styled.d.ts

@@ -0,0 +1,15 @@
+export declare const FreeAccessButtonMobile: 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, {}>>;
+export declare const FreeAccessButtonDesktop: 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/header/molecules/onboarding-button/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/onboarding-button/styled.ts"],"names":[],"mappings":"AAoDA,eAAO,MAAM,sBAAsB;;;;;;8CAElC,CAAA;AAED,eAAO,MAAM,uBAAuB;;;;;;8CAEnC,CAAA"}

package/header/molecules/onboarding-button/styled.js

@@ -0,0 +1,74 @@
+import { css, styled } from "styled-components";
+import { screenMinS } from "@foxford/ui";
+import { Link } from "../../../shared/link.js";
+const mobileButtonStyles = css`
+  display: block;
+  box-sizing: border-box;
+  height: 24px;
+  min-width: 143px;
+  padding-right: 8px;
+  padding-left: 8px;
+  border-radius: 0 0 5px 5px;
+  background-color: ${({
+  theme
+}) => theme.colors.orangePeel};
+  color: ${({
+  theme
+}) => theme.colors.white};
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: none;
+
+  ${screenMinS()`
+    height: 30px;
+    min-width: 183px;
+    font-size: 16px;
+    line-height: 30px;
+  `}
+`;
+const desktopButtonStyles = css`
+  display: block;
+  box-sizing: border-box;
+  height: 40px;
+  padding-right: 15px;
+  padding-left: 15px;
+  border: 1px solid ${({
+  theme
+}) => theme.colors.orangePeel};
+  border-radius: 40px;
+  background-color: ${({
+  theme
+}) => theme.colors.white};
+  color: ${({
+  theme
+}) => theme.colors.mineShaft};
+  font-size: 14px;
+  line-height: 40px;
+  font-weight: bold;
+  text-align: center;
+  text-decoration: none;
+  transition: linear 0.3s;
+
+  &:hover {
+    background-color: ${({
+  theme
+}) => theme.colors.orangePeel};
+    color: ${({
+  theme
+}) => theme.colors.white};
+  }
+`;
+const FreeAccessButtonMobile = styled(Link).withConfig({
+  displayName: "styled__FreeAccessButtonMobile",
+  componentId: "sc-1ui6rm6-0"
+})(["", ""], mobileButtonStyles);
+const FreeAccessButtonDesktop = styled(Link).withConfig({
+  displayName: "styled__FreeAccessButtonDesktop",
+  componentId: "sc-1ui6rm6-1"
+})(["", ""], desktopButtonStyles);
+export {
+  FreeAccessButtonDesktop,
+  FreeAccessButtonMobile
+};

package/header/molecules/oneclick-menu/index.d.ts

@@ -0,0 +1,14 @@
+export interface OneClickMenuItem {
+    id: string;
+    title: string;
+    url: string;
+}
+export interface OneClickMenuProps {
+    hide?: boolean;
+    isMenuOpen: boolean;
+    items: OneClickMenuItem[];
+    onItemClick?: (id: string) => void;
+    selectedItemId?: string;
+}
+export declare function OneClickMenu({ hide, isMenuOpen, items, onItemClick, selectedItemId }: OneClickMenuProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/oneclick-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/oneclick-menu/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAY,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,uCAoB/G"}

package/header/molecules/oneclick-menu/index.js

@@ -0,0 +1,28 @@
+import { Root, CurrentItem, Item } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function OneClickMenu({
+  hide = false,
+  isMenuOpen,
+  items,
+  onItemClick,
+  selectedItemId
+}) {
+  if (items.length === 0) {
+    return null;
+  }
+  return jsx(Root, {
+    $hide: hide,
+    $isMenuOpen: isMenuOpen,
+    children: items.map((item) => item.id === selectedItemId ? jsx(CurrentItem, {
+      $hide: hide,
+      children: item.title
+    }, item.id) : jsx(Item, {
+      href: item.url,
+      onClick: () => onItemClick == null ? void 0 : onItemClick(item.id),
+      children: item.title
+    }, item.id))
+  });
+}
+export {
+  OneClickMenu
+};

package/header/molecules/oneclick-menu/styled.d.ts

@@ -0,0 +1,19 @@
+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;
+}, {
+    $hide: boolean;
+    $isMenuOpen: boolean;
+}>> & string;
+export declare const Item: 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, {}>>;
+export declare const CurrentItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("preact").JSX.HTMLAttributes<HTMLSpanElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, {
+    $hide: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/molecules/oneclick-menu/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/oneclick-menu/styled.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI;;;WAAuB,OAAO;iBAAe,OAAO;YAcpE,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;8CAUhB,CAAA;AAED,eAAO,MAAM,WAAW;;;WAAwB,OAAO;YAoBtD,CAAA"}

package/header/molecules/oneclick-menu/styled.js

@@ -0,0 +1,49 @@
+import { css, styled } from "styled-components";
+import { DURATION_MENU_ANIMATION } from "../../../shared/constants.js";
+import { Link } from "../../../shared/link.js";
+import { BASE_ZINDEX } from "../../../shared/z-index.js";
+const itemText = css`
+  font-size: 16px;
+  line-height: 1;
+`;
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-ncuvzh-0"
+})(["position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:", ";margin-bottom:6px;opacity:", ";transition:margin linear 0.15s,opacity linear ", "ms ", ";z-index:", ";"], ({
+  $hide
+}) => $hide ? "-22px" : "30px", ({
+  $isMenuOpen
+}) => $isMenuOpen ? 0 : 1, DURATION_MENU_ANIMATION, ({
+  $isMenuOpen
+}) => $isMenuOpen ? "0s" : `${DURATION_MENU_ANIMATION * 2 + 100}ms`, BASE_ZINDEX.NAVIGATION + 1);
+const Item = styled(Link).withConfig({
+  displayName: "styled__Item",
+  componentId: "sc-ncuvzh-1"
+})(["", " transition:color 0.3s;", ""], itemText, ({
+  theme
+}) => css`
+    color: ${theme.colors.mineShaft};
+
+    &:hover {
+      color: ${theme.colors.accent};
+    }
+  `);
+const CurrentItem = styled.span.withConfig({
+  displayName: "styled__CurrentItem",
+  componentId: "sc-ncuvzh-2"
+})(["", " position:relative;", " &:before{content:'';position:absolute;bottom:-26px;left:0;width:100%;height:4px;", " opacity:", ";transition:opacity 0.3s;}"], itemText, ({
+  theme
+}) => css`
+    color: ${theme.colors.accent};
+  `, ({
+  theme
+}) => css`
+      background-color: ${theme.colors.accent};
+    `, ({
+  $hide
+}) => $hide ? "0" : "1");
+export {
+  CurrentItem,
+  Item,
+  Root
+};

package/header/molecules/phone-button/index.d.ts

@@ -0,0 +1,5 @@
+export interface PhoneButtonProps {
+    number: string;
+}
+export declare function PhoneButton({ number }: PhoneButtonProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/phone-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/phone-button/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,gCAEvD"}

package/header/molecules/phone-button/index.js

@@ -0,0 +1,15 @@
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { ActionButton } from "../../atoms/action-button/index.js";
+import { jsx } from "preact/jsx-runtime";
+function PhoneButton({
+  number
+}) {
+  return jsx(ActionButton, {
+    icon: "phoneCall",
+    id: SELECTOR_IDS.PHONE_BUTTON_MOBILE,
+    url: `tel:${number}`
+  });
+}
+export {
+  PhoneButton
+};

package/header/molecules/profile-menu/index.d.ts

@@ -0,0 +1,19 @@
+import type { ProfileMenuItemProps } from '../../atoms/profile-menu-item';
+import type { ReactNode } from 'react';
+export interface ProfileMenuProps {
+    /**
+     * Встаёт НА МЕСТО пункта «Фоксики» в списке — так же, как в легаси, где этот пункт
+     * подменялся отдельным компонентом с балансом и бейджем. Не передан — пункт рисуется
+     * обычной строкой меню (случай агента).
+     */
+    bonusesSlot?: ReactNode;
+    /** Пункты над разделителем: онбординг, подарок за отзыв. */
+    headItems?: ProfileMenuItemProps[];
+    headSpacing?: number;
+    items: ProfileMenuItemProps[];
+    open: boolean;
+    profileInfoSlot?: ReactNode;
+    pupilSelectSlot?: ReactNode;
+}
+export declare function ProfileMenu({ bonusesSlot, headItems, headSpacing, items, open, profileInfoSlot, pupilSelectSlot, }: ProfileMenuProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/profile-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/profile-menu/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,oBAAoB,EAAE,CAAA;IAC7B,IAAI,EAAE,OAAO,CAAA;IACb,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAA;CAC5B;AAID,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAc,EACd,WAAgB,EAChB,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAe,GAChB,EAAE,gBAAgB,gCA2DlB"}

package/header/molecules/profile-menu/index.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import { useRef, useState, useEffect, Fragment } from "react";
+import { Scrollable, Spacer } from "@foxford/ui";
+import { Root, PROFILE_MENU_PADDING, PROFILE_MENU_OFFSET_BOTTOM } from "./styled.js";
+import { SELECTOR_IDS, NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT } from "../../../shared/constants.js";
+import { ProfileMenuItem } from "../../atoms/profile-menu-item/index.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ProfileMenu({
+  bonusesSlot,
+  headItems = [],
+  headSpacing = 12,
+  items,
+  open,
+  profileInfoSlot,
+  pupilSelectSlot
+}) {
+  const pupilSelectRef = useRef(null);
+  const profileInfoRef = useRef(null);
+  const [maxHeight, setMaxHeight] = useState("100dvh");
+  useEffect(() => {
+    const navigation = document.getElementById(SELECTOR_IDS.NAVIGATION);
+    const observed = [navigation, pupilSelectRef.current, profileInfoRef.current].filter((node) => node !== null);
+    const heightOf = (node) => {
+      var _a;
+      return (_a = node == null ? void 0 : node.getBoundingClientRect().height) != null ? _a : 0;
+    };
+    const recalculate = () => {
+      const occupied = heightOf(navigation) + NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT + heightOf(pupilSelectRef.current) + heightOf(profileInfoRef.current) + PROFILE_MENU_PADDING * 2 + (PROFILE_MENU_OFFSET_BOTTOM - NAVIGATION_BOTTOM_MENU_MOBILE_HEIGHT);
+      setMaxHeight(`calc(100dvh - ${String(occupied)}px)`);
+    };
+    const observer = new ResizeObserver(recalculate);
+    observed.forEach((node) => observer.observe(node));
+    return () => observer.disconnect();
+  }, []);
+  return jsxs(Root, {
+    $isOpen: open,
+    id: SELECTOR_IDS.PROFILE_MENU,
+    children: [jsx("div", {
+      ref: pupilSelectRef,
+      children: pupilSelectSlot
+    }), jsx("div", {
+      ref: profileInfoRef,
+      children: profileInfoSlot
+    }), jsxs(Scrollable, {
+      autoHeight: true,
+      autoHeightMax: maxHeight,
+      autoHide: true,
+      universal: true,
+      children: [headItems.map((item) => jsx(ProfileMenuItem, __spreadValues({}, item), item.id)), jsx(Spacer, {
+        marginBottom: headSpacing
+      }), items.map((item) => item.id === SELECTOR_IDS.PROFILE_MENU_BONUSES && bonusesSlot !== void 0 ? jsx(Fragment, {
+        children: bonusesSlot
+      }, item.id) : jsx(ProfileMenuItem, __spreadValues({}, item), item.id))]
+    })]
+  });
+}
+export {
+  ProfileMenu
+};

package/header/molecules/profile-menu/styled.d.ts

@@ -0,0 +1,9 @@
+export declare const PROFILE_MENU_PADDING = 20;
+/** Отступ снизу — часть расчёта максимальной высоты прокрутки, как в легаси. */
+export declare const PROFILE_MENU_OFFSET_BOTTOM = 15;
+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;
+}, {
+    $isOpen: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/molecules/profile-menu/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/profile-menu/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAEtC,gFAAgF;AAChF,eAAO,MAAM,0BAA0B,KAAK,CAAA;AAE5C,eAAO,MAAM,IAAI;;;aAAyB,OAAO;YAiBhD,CAAA"}

package/header/molecules/profile-menu/styled.js

@@ -0,0 +1,23 @@
+import { styled, css } from "styled-components";
+import { DURATION_MENU_ANIMATION } from "../../../shared/constants.js";
+import { BASE_ZINDEX } from "../../../shared/z-index.js";
+const PROFILE_MENU_PADDING = 20;
+const PROFILE_MENU_OFFSET_BOTTOM = 15;
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1n48uts-0"
+})(["position:absolute;top:calc(100% + 32px);right:0;border-radius:10px;box-shadow:0px 6px 20px rgba(0,0,0,0.1);width:290px;z-index:", ";overflow:hidden;", ""], BASE_ZINDEX.NAVIGATION + 3, ({
+  $isOpen,
+  theme
+}) => css`
+    padding: ${PROFILE_MENU_PADDING}px;
+    background-color: ${theme.colors.white};
+    pointer-events: ${$isOpen ? "auto" : "none"};
+    opacity: ${$isOpen ? 1 : 0};
+    transition: opacity ${DURATION_MENU_ANIMATION}ms linear ${$isOpen ? `${DURATION_MENU_ANIMATION * 2}ms` : "0s"};
+  `);
+export {
+  PROFILE_MENU_OFFSET_BOTTOM,
+  PROFILE_MENU_PADDING,
+  Root
+};

package/header/molecules/profile-menu-button-tooltip/assets/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" fill="none"><path fill="#fff" fill-rule="evenodd" d="M10.707 4.707a1 1 0 0 0-1.414 0L2 12h16l-7.293-7.293Z" clip-rule="evenodd"/></svg>

package/header/molecules/profile-menu-button-tooltip/index.d.ts

@@ -0,0 +1,5 @@
+export interface ProfileMenuButtonTooltipProps {
+    text?: string;
+}
+export declare function ProfileMenuButtonTooltip({ text }: ProfileMenuButtonTooltipProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/profile-menu-button-tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/profile-menu-button-tooltip/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,6BAA6B;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,wBAAwB,CAAC,EAAE,IAAI,EAAE,EAAE,6BAA6B,gCAE/E"}

package/header/molecules/profile-menu-button-tooltip/index.js

@@ -0,0 +1,13 @@
+import { Root } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function ProfileMenuButtonTooltip({
+  text
+}) {
+  return jsx(Root, {
+    $open: text !== void 0,
+    children: text != null ? text : ""
+  });
+}
+export {
+  ProfileMenuButtonTooltip
+};

package/header/molecules/profile-menu-button-tooltip/styled.d.ts

@@ -0,0 +1,6 @@
+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;
+}, {
+    $open: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/molecules/profile-menu-button-tooltip/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/profile-menu-button-tooltip/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;WAAuB,OAAO;YA6C9C,CAAA"}

package/header/molecules/profile-menu-button-tooltip/styled.js

@@ -0,0 +1,56 @@
+import { styled, css } from "styled-components";
+import { screenMinM } from "@foxford/ui";
+import arrow from "./assets/arrow.svg";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1tfgp9l-0"
+})(["", ""], ({
+  $open,
+  theme
+}) => css`
+    position: absolute;
+    top: -12px;
+    right: 0;
+    transform: translateY(-100%);
+    padding: 12px 16px;
+    border-radius: 5px;
+    width: 201px;
+    font-size: 16px;
+    line-height: 1.5;
+    color: ${theme.colors.mineShaft};
+    background-color: ${theme.colors.white};
+    box-shadow:
+      0px 4px 8px 0px rgba(0, 0, 0, 0.08),
+      0px -2px 8px 0px rgba(0, 0, 0, 0.08);
+    opacity: ${$open ? 1 : 0};
+    pointer-events: ${$open ? "auto" : "none"};
+    transition: opacity ${$open ? 0.3 : 0}s;
+
+    ${screenMinM()`
+      top: initial;
+      right: -15px;
+      bottom: -12px;
+      transform: translateY(100%);
+    `}
+
+    &:before {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      right: 13px;
+      transform: translateY(100%) rotate(180deg);
+      width: 20px;
+      height: 12px;
+      background: url(${arrow}) no-repeat 0 0;
+
+      ${screenMinM()`
+        top: 0;
+        bottom: initial;
+        right: 25px;
+        transform: translateY(-100%);
+      `}
+    }
+  `);
+export {
+  Root
+};

package/header/molecules/pupil-select-button/index.d.ts

@@ -0,0 +1,8 @@
+export interface PupilSelectButtonProps {
+    isViewingAsPupil?: boolean;
+    onOpenPupilList?: () => void;
+    onSignOutFromPupil?: () => void;
+    pupilCount?: number;
+}
+export declare function PupilSelectButton({ isViewingAsPupil, onOpenPupilList, onSignOutFromPupil, pupilCount, }: PupilSelectButtonProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/pupil-select-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/pupil-select-button/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,gBAAwB,EACxB,eAAe,EACf,kBAAkB,EAClB,UAAc,GACf,EAAE,sBAAsB,uCAyCxB"}