@foxford/navigation-ui 1.0.0 → 1.0.2

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33" fill="none"><path stroke="#F16F04" stroke-miterlimit="10" stroke-width="1.173" d="M19.143 1h-5.285v4.17h5.285V1Z"/><path fill="#F90" d="M26.037 30H6.961a.695.695 0 0 1-.696-.696V10.977a8.157 8.157 0 0 1 8.158-8.158h4.156a8.158 8.158 0 0 1 8.154 8.158v18.327a.696.696 0 0 1-.696.696Z"/><path fill="#FFFA7D" d="m14.403 12.105 1.159.037.627.955.837-.781 1.13.23.029-1.14.962-.62-.788-.844.23-1.113-1.143-.046-.62-.958-.844.784-1.132-.223-.023 1.136-.965.624.784.84-.243 1.12Z"/><path fill="#8950E6" d="M6.265 27.747H5.5a3.001 3.001 0 0 1-3-2.997v-9.296a3.004 3.004 0 0 1 3.004-3.004h.765v15.297h-.004ZM26.733 12.454h.765a3.007 3.007 0 0 1 3.004 3.004v9.293a2.997 2.997 0 0 1-3 2.994h-.765v-15.29h-.004Z"/><path fill="#FFFA7D" d="M9.581 19.288h14.165v6.624a1.212 1.212 0 0 1-1.211 1.212H10.789a1.213 1.213 0 0 1-1.205-1.211v-6.625h-.003Z"/><path fill="#F16F04" d="M10.168 17.404h12.984a.594.594 0 0 1 .594.59v1.583H9.581v-1.582c0-.158.062-.305.17-.417a.621.621 0 0 1 .418-.174Z"/></svg>

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none"><g clip-path="url(#clip0_17316_17069)"><path fill="#F90" d="M20.179 7.097h3.609V0l-1.805.833L20.18 0v7.097ZM27.646 11.95H5.24V28.26h22.405V11.95Z"/><path fill="#F90" d="M16.443 11.95H4.37l12.073-9.335 12.073 9.335H16.443Z"/><path fill="#8950E6" d="M13.207 16.681v11.577h6.472V16.681h-6.472ZM16.435.53l-1.37 1.773L28.5 12.689l1.37-1.773L16.435.529Z"/><path fill="#8950E6" d="M16.433.53 3 10.913l1.37 1.774L17.803 2.303 16.433.53Z"/><path fill="#fff" d="M26.402 16.681H21.15v7.346h5.252v-7.346ZM11.668 16.681H6.417v7.346h5.251v-7.346Z"/><path stroke="#000" stroke-miterlimit="10" stroke-width=".655" d="M16.258 12.908a2.699 2.699 0 1 0 0-5.398 2.699 2.699 0 0 0 0 5.398ZM3 28.53h26.87"/></g><defs><clipPath id="clip0_17316_17069"><path fill="#fff" d="M3 0h26.87v29H3z"/></clipPath></defs></svg>

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

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30 12.742C30 5.705 24.295 0 17.258 0 10.22 0 4.515 5.705 4.515 12.742V29H30V12.742z" fill="#8450E1"/><path d="M24.21 20.78a1.654 1.654 0 1 0 0-3.308 1.654 1.654 0 0 0 0 3.309z" fill="#BA9DFF"/><path d="m1 20.081 2.295 2.136-.247 3.065 3.036.588 1.504 2.68 2.804-1.126 2.753 1.402 1.7-2.44 2.97-.269.218-3.036L20.45 21.2l-1.503-2.651 1.111-2.877-2.774-1.43-.574-3.088-3.123.37-2.18-2.374-2.375 2.113-3.174-.762-.806 3.029-3.05 1.01.907 3.072L1 20.082z" fill="#F90"/><path d="M7.682 19.624c-.109.421-.13.864-.065 1.3.05.436.196.85.428 1.227.218.378.509.712.857.974.35.268.741.457 1.163.566.42.124.857.146 1.285.066.429-.051.843-.204 1.213-.429a3.336 3.336 0 0 0 1.533-2.04l-3.196-.843-3.218-.821zM15.868 20.06a1.103 1.103 0 0 1-.828-.916 1.115 1.115 0 0 1 .516-1.133 1.06 1.06 0 0 1 .624-.16 1.113 1.113 0 0 1 .995.734c.073.21.087.436.037.646a1.17 1.17 0 0 1-.182.4 1.248 1.248 0 0 1-.32.298c-.123.08-.261.13-.406.152a1.09 1.09 0 0 1-.436-.022zM6.65 17.786a1.103 1.103 0 0 1-.827-.915 1.115 1.115 0 0 1 .516-1.126 1.06 1.06 0 0 1 .624-.16c.218.007.429.087.603.218.174.13.312.312.385.516a1.157 1.157 0 0 1-.138 1.046 1.037 1.037 0 0 1-.32.298c-.123.08-.261.123-.406.145a.973.973 0 0 1-.436-.022z" fill="#000"/></svg>

package/header/atoms/action-button/elementary-icons.d.ts

@@ -0,0 +1,14 @@
+import type { IconName } from '@foxford/ui';
+export declare const ELEMENTARY_ICONS: {
+    readonly elementaryCalendar: string;
+    readonly elementaryCatalog: string;
+    readonly elementaryExternship: string;
+    readonly elementaryLessons: string;
+    readonly elementaryMain: string;
+    readonly elementaryRoom: string;
+};
+export type ElementaryIconName = keyof typeof ELEMENTARY_ICONS;
+/** Что вообще может стоять иконкой в шапке: пиктограмма кита либо иллюстрация началки. */
+export type NavigationIconName = ElementaryIconName | IconName;
+export declare function isElementaryIcon(name: string): name is ElementaryIconName;
+//# sourceMappingURL=elementary-icons.d.ts.map

package/header/atoms/action-button/elementary-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementary-icons.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/action-button/elementary-icons.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAO3C,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAE9D,0FAA0F;AAC1F,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,GAAG,QAAQ,CAAA;AAE9D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,kBAAkB,CAEzE"}

package/header/atoms/action-button/elementary-icons.js

@@ -0,0 +1,21 @@
+import calendar from "./assets/elementary/calendar.svg";
+import catalog from "./assets/elementary/catalog.svg";
+import dashboard from "./assets/elementary/dashboard.svg";
+import externship from "./assets/elementary/externship.svg";
+import main from "./assets/elementary/main.svg";
+import room from "./assets/elementary/room.svg";
+const ELEMENTARY_ICONS = {
+  elementaryCalendar: calendar,
+  elementaryCatalog: catalog,
+  elementaryExternship: externship,
+  elementaryLessons: dashboard,
+  elementaryMain: main,
+  elementaryRoom: room
+};
+function isElementaryIcon(name) {
+  return name in ELEMENTARY_ICONS;
+}
+export {
+  ELEMENTARY_ICONS,
+  isElementaryIcon
+};

package/header/atoms/action-button/index.d.ts

@@ -1,16 +1,18 @@
-import type { IconName } from '@foxford/ui';
+import type { NavigationIconName } from './elementary-icons';
 import type { ReactNode } from 'react';
 export interface ActionButtonProps {
     active?: boolean;
     avatar?: ReactNode;
     className?: string;
     hideTextInMobile?: boolean;
-    icon?: IconName;
+    icon?: NavigationIconName;
+    /** Размер иконки; у иллюстраций началки он больше пиктограмм кита. */
+    iconSize?: number;
     id?: string;
     marker?: boolean;
     onClick?: () => void;
     text?: ReactNode;
     url?: string;
 }
-export declare function ActionButton({ active, avatar, className, hideTextInMobile, icon, id, marker, onClick, text, url, }: ActionButtonProps): import("preact").JSX.Element;
+export declare function ActionButton({ active, avatar, className, hideTextInMobile, icon, iconSize, id, marker, onClick, text, url, }: ActionButtonProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/atoms/action-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/action-button/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAc,EACd,MAAM,EACN,SAAS,EACT,gBAAwB,EACxB,IAAI,EACJ,EAAE,EACF,MAAc,EACd,OAAO,EACP,IAAI,EACJ,GAAG,GACJ,EAAE,iBAAiB,gCA+BnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/action-button/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAWD,wBAAgB,YAAY,CAAC,EAC3B,MAAc,EACd,MAAM,EACN,SAAS,EACT,gBAAwB,EACxB,IAAI,EACJ,QAAa,EACb,EAAE,EACF,MAAc,EACd,OAAO,EACP,IAAI,EACJ,GAAG,GACJ,EAAE,iBAAiB,gCA+BnB"}

package/header/atoms/action-button/index.js

@@ -1,13 +1,33 @@
 import { Icon } from "@foxford/ui";
+import { isElementaryIcon, ELEMENTARY_ICONS } from "./elementary-icons.js";
 import { Inner, Marker, Text } from "./styled.js";
 import { Link } from "../../../shared/link.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
+function ButtonIcon({
+  icon,
+  size
+}) {
+  if (isElementaryIcon(icon)) {
+    return jsx("img", {
+      alt: "",
+      height: size,
+      src: ELEMENTARY_ICONS[icon],
+      width: size
+    });
+  }
+  return jsx(Icon, {
+    name: icon,
+    preset: "brand",
+    size
+  });
+}
 function ActionButton({
   active = false,
   avatar,
   className,
   hideTextInMobile = false,
   icon,
+  iconSize = 20,
   id,
   marker = false,
   onClick,
@@ -20,10 +40,9 @@ function ActionButton({
     className,
     children: [(avatar !== void 0 || icon !== void 0) && jsx(Marker, {
       $marker: marker,
-      children: avatar != null ? avatar : icon && jsx(Icon, {
-        name: icon,
-        preset: "brand",
-        size: 20
+      children: avatar != null ? avatar : icon && jsx(ButtonIcon, {
+        icon,
+        size: iconSize
       })
     }), hasText && jsx(Text, {
       $hideTextInMobile: hideTextInMobile,

package/header/atoms/grades-list-item/index.d.ts

@@ -0,0 +1,10 @@
+export interface GradeLink {
+    title: string;
+    url: string;
+}
+export interface GradesListItemProps {
+    items: GradeLink[];
+    onItemClick?: (item: GradeLink) => void;
+}
+export declare function GradesListItem({ items, onItemClick }: GradesListItemProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/atoms/grades-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/grades-list-item/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;CACxC;AASD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,mBAAmB,gCAgBzE"}

package/header/atoms/grades-list-item/index.js

@@ -0,0 +1,21 @@
+import { Root, Column, Title } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+const FIRST_COLUMN_SIZE = 6;
+function GradesListItem({
+  items,
+  onItemClick
+}) {
+  const columns = [items.slice(0, FIRST_COLUMN_SIZE), items.slice(FIRST_COLUMN_SIZE)];
+  return jsx(Root, {
+    children: columns.map((column, columnIndex) => jsx(Column, {
+      children: column.map((item) => jsx(Title, {
+        href: item.url,
+        onClick: () => onItemClick == null ? void 0 : onItemClick(item),
+        children: item.title
+      }, item.url))
+    }, columnIndex))
+  });
+}
+export {
+  GradesListItem
+};

package/header/atoms/grades-list-item/styled.d.ts

@@ -0,0 +1,14 @@
+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 Column: 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 Title: 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/atoms/grades-list-item/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/grades-list-item/styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;WAOhB,CAAA;AAED,eAAO,MAAM,MAAM;;WAIlB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;8CAiBjB,CAAA"}

package/header/atoms/grades-list-item/styled.js

@@ -0,0 +1,27 @@
+import { styled, css } from "styled-components";
+import { Link } from "../../../shared/link.js";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-145kbei-0"
+})(["display:flex;margin-bottom:12px;> *:not(:first-child){margin-left:27px;}"]);
+const Column = styled.div.withConfig({
+  displayName: "styled__Column",
+  componentId: "sc-145kbei-1"
+})(["display:flex;max-width:50%;flex-direction:column;"]);
+const Title = styled(Link).withConfig({
+  displayName: "styled__Title",
+  componentId: "sc-145kbei-2"
+})(["display:inline-block;font-size:18px;line-height:1.5;cursor:pointer;&:not(:last-child){margin-bottom:8px;}", ""], ({
+  theme
+}) => css`
+    color: ${theme.colors.mineShaft};
+
+    &:hover {
+      color: ${theme.colors.accent};
+    }
+  `);
+export {
+  Column,
+  Root,
+  Title
+};

package/header/atoms/profile-menu-item/index.d.ts

@@ -5,9 +5,11 @@ export interface ProfileMenuItemProps {
     icon?: IconName;
     id: string;
     isMarkerVisible?: boolean;
+    /** Отбивка ПЕРЕД пунктом — та же конвенция, что у пунктов подвала (`FooterMenuItem`). */
+    isSpacer?: boolean;
     onClick?: () => void;
     title: ReactNode;
     url?: string;
 }
-export declare function ProfileMenuItem({ additionalInfo, icon, id, isMarkerVisible, onClick, title, url, }: ProfileMenuItemProps): import("preact").JSX.Element;
+export declare function ProfileMenuItem({ additionalInfo, icon, id, isMarkerVisible, isSpacer, onClick, title, url, }: ProfileMenuItemProps): import("preact").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/header/atoms/profile-menu-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-menu-item/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,IAAI,EACJ,EAAE,EACF,eAAe,EACf,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,oBAAoB,gCAkCtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-menu-item/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,SAAS,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,IAAI,EACJ,EAAE,EACF,eAAe,EACf,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,GACJ,EAAE,oBAAoB,gCAkCtB"}

package/header/atoms/profile-menu-item/index.js

@@ -7,11 +7,13 @@ function ProfileMenuItem({
   icon,
   id,
   isMarkerVisible,
+  isSpacer,
   onClick,
   title,
   url
 }) {
   const inner = jsxs(Inner, {
+    $isSpacer: isSpacer,
     children: [icon && jsx(Marker, {
       $isMarkerVisible: isMarkerVisible,
       children: jsx(Icon, {

package/header/atoms/profile-menu-item/styled.d.ts

@@ -1,6 +1,8 @@
-export declare const Inner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+export declare const Inner: 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;
-}> & string;
+}, {
+    $isSpacer?: boolean;
+}>> & string;
 export declare const Title: 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;

package/header/atoms/profile-menu-item/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-menu-item/styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;WAgBjB,CAAA;AAED,eAAO,MAAM,KAAK;;WAIjB,CAAA;AAED,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,MAAM;;;uBAAmC,OAAO;YAmB5D,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-menu-item/styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;gBAA4B,OAAO;YAkBpD,CAAA;AAED,eAAO,MAAM,KAAK;;WAIjB,CAAA;AAED,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,MAAM;;;uBAAmC,OAAO;YAmB5D,CAAA"}

package/header/atoms/profile-menu-item/styled.js

@@ -2,7 +2,9 @@ import { styled, css } from "styled-components";
 const Inner = styled.div.withConfig({
   displayName: "styled__Inner",
   componentId: "sc-1qc5rww-0"
-})(["display:flex;align-items:center;padding-top:6px;padding-bottom:6px;transition:color 0.3s;cursor:pointer;", ""], ({
+})(["display:flex;align-items:center;padding-top:6px;padding-bottom:6px;transition:color 0.3s;cursor:pointer;", " ", ""], ({
+  $isSpacer
+}) => $isSpacer === true && "margin-top: 24px;", ({
   theme
 }) => css`
     color: ${theme.colors.mineShaft};

package/header/atoms/prolongation-title/assets/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="currentColor"><path fill="currentColor" d="M12.1 10.5 5.8 4.2l1.4-1.4 7.7 7.7-7.7 7.7-1.4-1.4 6.3-6.3Z"/></svg>

package/header/atoms/prolongation-title/assets/lightning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none"><path fill="#fff" d="M1.875 6.664c-.24.496.12 1.103.78 1.103h2.042v3.474c0 .772 1.14 1.048 1.56.386l3.844-6.563c.3-.496-.12-1.103-.72-1.103H6.737V.763c0-.827-1.2-1.048-1.561-.331L1.875 6.664Z"/></svg>

package/header/atoms/prolongation-title/index.d.ts

@@ -0,0 +1,10 @@
+export interface ProlongationTitleProps {
+    /** Скидка за продление, в процентах. */
+    discount: number;
+    onClick?: () => void;
+    url: string;
+    /** Учебный год, на который продлевают, — «26/27». */
+    yearName: string;
+}
+export declare function ProlongationTitle({ discount, onClick, url, yearName }: ProlongationTitleProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/atoms/prolongation-title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/prolongation-title/index.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAID,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,sBAAsB,gCAmB7F"}

package/header/atoms/prolongation-title/index.js

@@ -0,0 +1,44 @@
+import { Text } from "@foxford/ui";
+import arrow from "./assets/arrow.svg";
+import lightning from "./assets/lightning.svg";
+import { Discount, Link, Arrow } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ProlongationTitle({
+  discount,
+  onClick,
+  url,
+  yearName
+}) {
+  const discountBadge = jsxs(Discount, {
+    children: [jsx("img", {
+      alt: "",
+      height: 12,
+      src: lightning,
+      width: 12
+    }), jsxs(Text, {
+      as: "span",
+      color: "white",
+      size: "s",
+      weight: "bold",
+      children: ["-", discount, "%"]
+    })]
+  });
+  return jsxs(Link, {
+    href: url,
+    onClick,
+    children: [discountBadge, jsxs(Text, {
+      as: "span",
+      lineHeight: 1,
+      size: "l",
+      children: ["Продлить обучение на ", yearName, " год"]
+    }), jsx(Arrow, {
+      alt: "",
+      height: 20,
+      src: arrow,
+      width: 20
+    })]
+  });
+}
+export {
+  ProlongationTitle
+};

package/header/atoms/prolongation-title/styled.d.ts

@@ -0,0 +1,14 @@
+export declare const Link: 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 Discount: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLDivElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/prolongation-title/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/prolongation-title/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;8CAqBhB,CAAA;AAED,eAAO,MAAM,QAAQ;;WASpB,CAAA;AAGD,eAAO,MAAM,KAAK;;WAMjB,CAAA"}

package/header/atoms/prolongation-title/styled.js

@@ -0,0 +1,38 @@
+import { styled, css } from "styled-components";
+import { screenMinS } from "@foxford/ui";
+import { Link as Link$1 } from "../../../shared/link.js";
+const Link = styled(Link$1).withConfig({
+  displayName: "styled__Link",
+  componentId: "sc-n7u9q0-0"
+})(["width:161px;&:hover > div:first-child{background:", ";}&:hover > div:not(div:first-child),&:hover > span{color:", ";}", ""], ({
+  theme
+}) => theme.colors.accent, ({
+  theme
+}) => theme.colors.accent, screenMinS()`
+    display: flex;
+    width: auto;
+    align-items: center;
+
+    > *:not(:first-child) {
+      margin-left: 8px;
+    }
+  `);
+const Discount = styled.div.withConfig({
+  displayName: "styled__Discount",
+  componentId: "sc-n7u9q0-1"
+})(["display:inline-flex;align-items:center;padding:0 4px;border-radius:27px;", ""], ({
+  theme
+}) => css`
+    background: ${theme.colors.primary};
+  `);
+const Arrow = styled.img.withConfig({
+  displayName: "styled__Arrow",
+  componentId: "sc-n7u9q0-2"
+})(["display:none;", ""], screenMinS()`
+    display: block;
+  `);
+export {
+  Arrow,
+  Discount,
+  Link
+};

package/header/header-desktop.d.ts

@@ -1,5 +1,5 @@
 import type { NavigationProps } from './types';
-type HeaderDesktopProps = Pick<NavigationProps, 'cobranding' | 'entryPanel' | 'externatFreeAccessLink' | 'hasOneClickMenu' | 'isLoggedIn' | 'menuOpen' | 'oneClickMenuItems' | 'onExternatCallbackClick' | 'onExternatFreeAccessClick' | 'onMenuToggle' | 'onOnboardingClick' | 'onSegmentItemClick' | 'origin' | 'selectedOneClickMenuItemId' | 'showExternatButtons' | 'showOnboardingButton' | 'slots' | 'userPanel'>;
-export declare function HeaderDesktop({ cobranding, entryPanel, externatFreeAccessLink, hasOneClickMenu, isLoggedIn, menuOpen, oneClickMenuItems, onExternatCallbackClick, onExternatFreeAccessClick, onMenuToggle, onOnboardingClick, onSegmentItemClick, origin, selectedOneClickMenuItemId, showExternatButtons, showOnboardingButton, slots, userPanel, }: HeaderDesktopProps): import("preact").JSX.Element;
+type HeaderDesktopProps = Pick<NavigationProps, 'entryPanel' | 'externatFreeAccessLink' | 'isLoggedIn' | 'onExternatCallbackClick' | 'onExternatFreeAccessClick' | 'onOnboardingClick' | 'showExternatButtons' | 'showOnboardingButton' | 'supportButton' | 'userPanel'>;
+export declare function HeaderDesktop({ entryPanel, externatFreeAccessLink, isLoggedIn, onExternatCallbackClick, onExternatFreeAccessClick, onOnboardingClick, showExternatButtons, showOnboardingButton, supportButton, userPanel, }: HeaderDesktopProps): import("preact").JSX.Element;
 export {};
 //# sourceMappingURL=header-desktop.d.ts.map

package/header/header-desktop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-desktop.d.ts","sourceRoot":"","sources":["../../src/header/header-desktop.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,kBAAkB,GAAG,IAAI,CAC5B,eAAe,EACb,YAAY,GACZ,YAAY,GACZ,wBAAwB,GACxB,iBAAiB,GACjB,YAAY,GACZ,UAAU,GACV,mBAAmB,GACnB,yBAAyB,GACzB,2BAA2B,GAC3B,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,QAAQ,GACR,4BAA4B,GAC5B,qBAAqB,GACrB,sBAAsB,GACtB,OAAO,GACP,WAAW,CACd,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,QAAQ,EACR,iBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,EACN,0BAA0B,EAC1B,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,SAAS,GACV,EAAE,kBAAkB,gCAoCpB"}
+{"version":3,"file":"header-desktop.d.ts","sourceRoot":"","sources":["../../src/header/header-desktop.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,kBAAkB,GAAG,IAAI,CAC5B,eAAe,EACb,YAAY,GACZ,wBAAwB,GACxB,YAAY,GACZ,yBAAyB,GACzB,2BAA2B,GAC3B,mBAAmB,GACnB,qBAAqB,GACrB,sBAAsB,GACtB,eAAe,GACf,WAAW,CACd,CAAA;AAGD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,uBAAuB,EACvB,yBAAyB,EACzB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,gCAwBpB"}

package/header/header-desktop.js

@@ -16,62 +16,37 @@ var __spreadValues = (a, b) => {
 };
 import { EntryPanel } from "./molecules/entry-panel/index.js";
 import { ExternatButtons } from "./molecules/externat-buttons/index.js";
-import { HeaderLogo } from "./molecules/header-logo/index.js";
-import { MenuButton } from "./molecules/menu-button/index.js";
 import { OnboardingButton } from "./molecules/onboarding-button/index.js";
-import { OneClickMenu } from "./molecules/oneclick-menu/index.js";
+import { SupportButtonDesktop } from "./molecules/support-button/index.js";
 import { UserPanel } from "./molecules/user-panel/index.js";
-import { DesktopOnly, HeaderTop, UserPanelWrapper, ExtraButtonsDesktopWrapper } from "./styled.js";
-import { SELECTOR_IDS } from "../shared/constants.js";
+import { DesktopOnly, UserPanelWrapper, ExtraButtonsDesktopWrapper } from "./styled.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
 function HeaderDesktop({
-  cobranding,
   entryPanel,
   externatFreeAccessLink,
-  hasOneClickMenu,
   isLoggedIn,
-  menuOpen,
-  oneClickMenuItems = [],
   onExternatCallbackClick,
   onExternatFreeAccessClick,
-  onMenuToggle,
   onOnboardingClick,
-  onSegmentItemClick,
-  origin,
-  selectedOneClickMenuItemId,
   showExternatButtons,
   showOnboardingButton,
-  slots,
+  supportButton,
   userPanel
 }) {
   return jsxs(DesktopOnly, {
-    children: [jsxs(HeaderTop, {
-      id: SELECTOR_IDS.HEADER_TOP,
-      children: [jsx(HeaderLogo, {
-        cobranding,
-        origin
-      }), jsx(MenuButton, {
-        active: menuOpen,
-        onClick: onMenuToggle
-      }), slots == null ? void 0 : slots.actionsButton, jsxs(UserPanelWrapper, {
-        children: [showExternatButtons && jsx(ExtraButtonsDesktopWrapper, {
-          children: jsx(ExternatButtons, {
-            freeAccessLink: externatFreeAccessLink,
-            onCallbackClick: onExternatCallbackClick,
-            onFreeAccessClick: onExternatFreeAccessClick
-          })
-        }), showOnboardingButton && jsx(ExtraButtonsDesktopWrapper, {
-          children: jsx(OnboardingButton, {
-            onClick: onOnboardingClick
-          })
-        }), isLoggedIn && userPanel && jsx(UserPanel, __spreadValues({}, userPanel)), jsx(EntryPanel, __spreadValues({}, entryPanel))]
-      })]
-    }), hasOneClickMenu && jsx(OneClickMenu, {
-      isMenuOpen: menuOpen,
-      items: oneClickMenuItems,
-      onItemClick: onSegmentItemClick,
-      selectedItemId: selectedOneClickMenuItemId
-    })]
+    children: [jsxs(UserPanelWrapper, {
+      children: [showExternatButtons && jsx(ExtraButtonsDesktopWrapper, {
+        children: jsx(ExternatButtons, {
+          freeAccessLink: externatFreeAccessLink,
+          onCallbackClick: onExternatCallbackClick,
+          onFreeAccessClick: onExternatFreeAccessClick
+        })
+      }), showOnboardingButton && jsx(ExtraButtonsDesktopWrapper, {
+        children: jsx(OnboardingButton, {
+          onClick: onOnboardingClick
+        })
+      }), isLoggedIn && userPanel && jsx(UserPanel, __spreadValues({}, userPanel)), jsx(EntryPanel, __spreadValues({}, entryPanel))]
+    }), isLoggedIn && supportButton && jsx(SupportButtonDesktop, __spreadValues({}, supportButton))]
   });
 }
 export {

package/header/header-mobile.d.ts

@@ -1,5 +1,5 @@
 import type { NavigationProps } from './types';
-type HeaderMobileProps = Pick<NavigationProps, 'cobranding' | 'entryPanel' | 'externatFreeAccessLink' | 'menuOpen' | 'onExternatCallbackClick' | 'onExternatFreeAccessClick' | 'onMenuToggle' | 'onOnboardingClick' | 'origin' | 'showExternatButtons' | 'showOnboardingMobileButton' | 'slots'>;
-export declare function HeaderMobile({ cobranding, entryPanel, externatFreeAccessLink, menuOpen, onExternatCallbackClick, onExternatFreeAccessClick, onMenuToggle, onOnboardingClick, origin, showExternatButtons, showOnboardingMobileButton, slots, }: HeaderMobileProps): import("preact").JSX.Element;
+type HeaderMobileProps = Pick<NavigationProps, 'entryPanel' | 'externatFreeAccessLink' | 'onExternatCallbackClick' | 'onExternatFreeAccessClick' | 'onOnboardingClick' | 'showExternatButtons' | 'showOnboardingMobileButton'>;
+export declare function HeaderMobile({ entryPanel, externatFreeAccessLink, onExternatCallbackClick, onExternatFreeAccessClick, onOnboardingClick, showExternatButtons, showOnboardingMobileButton, }: HeaderMobileProps): import("preact").JSX.Element;
 export {};
 //# sourceMappingURL=header-mobile.d.ts.map

package/header/header-mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-mobile.d.ts","sourceRoot":"","sources":["../../src/header/header-mobile.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,iBAAiB,GAAG,IAAI,CAC3B,eAAe,EACb,YAAY,GACZ,YAAY,GACZ,wBAAwB,GACxB,UAAU,GACV,yBAAyB,GACzB,2BAA2B,GAC3B,cAAc,GACd,mBAAmB,GACnB,QAAQ,GACR,qBAAqB,GACrB,4BAA4B,GAC5B,OAAO,CACV,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,QAAQ,EACR,uBAAuB,EACvB,yBAAyB,EACzB,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACN,mBAAmB,EACnB,0BAA0B,EAC1B,KAAK,GACN,EAAE,iBAAiB,gCA4BnB"}
+{"version":3,"file":"header-mobile.d.ts","sourceRoot":"","sources":["../../src/header/header-mobile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,iBAAiB,GAAG,IAAI,CAC3B,eAAe,EACb,YAAY,GACZ,wBAAwB,GACxB,yBAAyB,GACzB,2BAA2B,GAC3B,mBAAmB,GACnB,qBAAqB,GACrB,4BAA4B,CAC/B,CAAA;AAKD,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,sBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,GAC3B,EAAE,iBAAiB,gCAuBnB"}

package/header/header-mobile.js

@@ -16,35 +16,20 @@ var __spreadValues = (a, b) => {
 };
 import { EntryPanel } from "./molecules/entry-panel/index.js";
 import { ExternatButtons } from "./molecules/externat-buttons/index.js";
-import { HeaderLogo } from "./molecules/header-logo/index.js";
-import { MenuButton } from "./molecules/menu-button/index.js";
 import { OnboardingButton } from "./molecules/onboarding-button/index.js";
-import { MobileOnly, HeaderLeftButtons, EntryPanelWrapper, ExtraButtonsMobileWrapper } from "./styled.js";
+import { MobileOnly, EntryPanelWrapper, ExtraButtonsMobileWrapper } from "./styled.js";
 import { jsxs, jsx } from "preact/jsx-runtime";
 function HeaderMobile({
-  cobranding,
   entryPanel,
   externatFreeAccessLink,
-  menuOpen,
   onExternatCallbackClick,
   onExternatFreeAccessClick,
-  onMenuToggle,
   onOnboardingClick,
-  origin,
   showExternatButtons,
-  showOnboardingMobileButton,
-  slots
+  showOnboardingMobileButton
 }) {
   return jsxs(MobileOnly, {
-    children: [jsxs(HeaderLeftButtons, {
-      children: [jsx(MenuButton, {
-        active: menuOpen,
-        onClick: onMenuToggle
-      }), slots == null ? void 0 : slots.actionsButton]
-    }), jsx(HeaderLogo, {
-      cobranding,
-      origin
-    }), jsx(EntryPanelWrapper, {
+    children: [jsx(EntryPanelWrapper, {
       children: jsx(EntryPanel, __spreadValues({}, entryPanel))
     }), showOnboardingMobileButton && jsx(ExtraButtonsMobileWrapper, {
       children: jsx(OnboardingButton, {

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

@@ -0,0 +1,25 @@
+import { Cart } from "./styled.js";
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { jsx } from "preact/jsx-runtime";
+function CartButton({
+  active = false,
+  cartItemsCount = 0,
+  filled = false,
+  onClick,
+  showText = false
+}) {
+  return jsx(Cart, {
+    active,
+    $filled: filled,
+    hideTextInMobile: true,
+    icon: "cart",
+    id: SELECTOR_IDS.TOP_MENU_CART,
+    marker: cartItemsCount > 0,
+    onClick,
+    text: showText ? "Корзина" : void 0,
+    url: "/checkout"
+  });
+}
+export {
+  CartButton
+};

package/header/molecules/cart-button/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/cart-button/styled.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAczE,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/cart-button/styled.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAiBzE,CAAA"}

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

@@ -0,0 +1,14 @@
+import { styled, css } from "styled-components";
+import { ActionButton } from "../../atoms/action-button/index.js";
+const Cart = styled(ActionButton).withConfig({
+  displayName: "styled__Cart",
+  componentId: "sc-1xs4dfu-0"
+})(["&&{display:flex;height:40px;min-width:40px;align-items:center;justify-content:center;border-radius:50%;", "}"], ({
+  $filled,
+  theme
+}) => $filled && css`
+        background: ${theme.colors["bg-onmain-main"]};
+      `);
+export {
+  Cart
+};