@foxford/navigation-ui 1.0.0

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

@@ -0,0 +1,7 @@
+export interface ListTitleProps {
+    onClick?: () => void;
+    text?: string;
+    url?: string;
+}
+export declare function ListTitle({ onClick, text, url }: ListTitleProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/list-title/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,cAAc,uCAc/D"}

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

@@ -0,0 +1,24 @@
+import { TitleLink, Title } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function ListTitle({
+  onClick,
+  text,
+  url
+}) {
+  if (text === void 0 || text.length === 0) {
+    return null;
+  }
+  if (url !== void 0 && url.length > 0) {
+    return jsx(TitleLink, {
+      href: url,
+      onClick,
+      children: text
+    });
+  }
+  return jsx(Title, {
+    children: text
+  });
+}
+export {
+  ListTitle
+};

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

@@ -0,0 +1,11 @@
+export declare const Title: 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 TitleLink: 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/list-title/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/list-title/styled.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK;;WAEjB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;8CAUrB,CAAA"}

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

@@ -0,0 +1,31 @@
+import { css, styled } from "styled-components";
+import { Link } from "../../../shared/link.js";
+const titleStyles = css`
+  margin-bottom: 12px;
+  font-size: 24px;
+  line-height: 1.1;
+  font-weight: bold;
+  ${({
+  theme
+}) => css`
+    color: ${theme.colors.mineShaft};
+  `}
+`;
+const Title = styled.div.withConfig({
+  displayName: "styled__Title",
+  componentId: "sc-tti9dw-0"
+})(["", ""], titleStyles);
+const TitleLink = styled(Link).withConfig({
+  displayName: "styled__TitleLink",
+  componentId: "sc-tti9dw-1"
+})(["", " display:inline-block;transition:color 0.3s;", ""], titleStyles, ({
+  theme
+}) => css`
+    &:hover {
+      color: ${theme.colors.accent};
+    }
+  `);
+export {
+  Title,
+  TitleLink
+};

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

@@ -0,0 +1,2 @@
+export declare function LoginButton(): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/login-button/index.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,iCAE1B"}

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

@@ -0,0 +1,15 @@
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { ActionButton } from "../action-button/index.js";
+import { jsx } from "preact/jsx-runtime";
+function LoginButton() {
+  return jsx(ActionButton, {
+    hideTextInMobile: true,
+    icon: "logIn",
+    id: SELECTOR_IDS.LOGIN_BUTTON,
+    text: "Войти",
+    url: "/user/login"
+  });
+}
+export {
+  LoginButton
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/logout-button/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,gCAE1D"}

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

@@ -0,0 +1,16 @@
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { ActionButton } from "../action-button/index.js";
+import { jsx } from "preact/jsx-runtime";
+function LogoutButton({
+  onClick
+}) {
+  return jsx(ActionButton, {
+    hideTextInMobile: true,
+    icon: "logOut",
+    id: SELECTOR_IDS.LOGOUT_BUTTON_MOBILE,
+    onClick
+  });
+}
+export {
+  LogoutButton
+};

package/header/atoms/onboarding-segment-item/assets/fox.svg

@@ -0,0 +1 @@
+<svg width="51" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M51 .195007 29.3608 16.6038 20.6436.195007 11.8885 46h30.3564L51 .195007Z" fill="#F90"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.1733 35.0718c.0002 0 .0003.0001-.3153.4939-.3155.4937-.3154.4938-.3152.4939l.0011.0007.0017.0011.0047.003c.0036.0022.0083.0051.0139.0085.0112.0069.0263.016.0452.0269.0376.0219.0902.0513.1557.0851.1305.0673.3154.1534.5384.2318.4363.1535 1.0686.2948 1.7359.1534.6828-.1446 1.2168-.5823 1.555-.9305.1748-.18.3119-.3513.4059-.4782.0472-.0638.0841-.1172.1101-.1559.0129-.0194.0232-.0352.0307-.0469.0037-.0058.0067-.0106.0091-.0143l.0029-.0048.0011-.0017.0005-.0007.0001-.0003c.0001-.0002.0002-.0003-.4991-.307-.4993-.3067-.4992-.3068-.4992-.3069l.0004-.0007.0002-.0003c-.0004.0007-.0014.0023-.0031.005-.0034.0052-.0093.0143-.0176.0268-.0167.0249-.0429.0629-.078.1102-.0705.0953-.1742.2247-.3047.3592-.2726.2806-.6076.5265-.9572.6005-.3731.0791-.7708.0048-1.1043-.1125-.162-.0569-.297-.1199-.3901-.1679-.0463-.0239-.0815-.0436-.1037-.0565-.0111-.0065-.0189-.0112-.0231-.0137l-.0036-.0023c-.0002-.0001-.0001 0 .0002.0002l.0007.0004.0007.0005Z" fill="#000"/><path d="m7.33296 27.0956 9.25384 11.1289 6.3874-12.8454-15.64124 1.7165Z" fill="#F90"/><path d="m6.82731 26.7456 3.1153-.3425-1.27213 2.5625-1.84317-2.22Z" fill="#352009"/><ellipse cx="2.25813" cy="4.14526" rx="2.25813" ry="4.14526" transform="matrix(.99957 .02673 -.06497 .99775 19.2117 22.3474)" fill="#fff"/><ellipse cx="1.18011" cy="2.07344" rx="1.18011" ry="2.07344" transform="matrix(.99957 .0267 -.06504 .99775 21.1704 24.9285)" fill="#352009"/><ellipse cx="2.25813" cy="4.14526" rx="2.25813" ry="4.14526" transform="matrix(.99957 .02673 -.06497 .99775 25.5647 22.6097)" fill="#fff"/><ellipse cx="1.18011" cy="2.07344" rx="1.18011" ry="2.07344" transform="matrix(.99957 .0267 -.06504 .99775 27.5225 25.1905)" fill="#352009"/></svg>

package/header/atoms/onboarding-segment-item/index.d.ts

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

package/header/atoms/onboarding-segment-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/onboarding-segment-item/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAMD,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,gCAW5E"}

package/header/atoms/onboarding-segment-item/index.js

@@ -0,0 +1,22 @@
+import { Text } from "@foxford/ui";
+import { Root, ImageWrapper, Fox } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+const ONBOARDING_URL = "/onboarding?chat=1";
+function OnboardingSegmentItem({
+  onClick
+}) {
+  return jsxs(Root, {
+    href: ONBOARDING_URL,
+    onClick,
+    children: [jsx(ImageWrapper, {
+      children: jsx(Fox, {})
+    }), jsx(Text, {
+      size: 14,
+      weight: "bold",
+      children: "Подобрать занятия"
+    })]
+  });
+}
+export {
+  OnboardingSegmentItem
+};

package/header/atoms/onboarding-segment-item/styled.d.ts

@@ -0,0 +1,16 @@
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}>, keyof import("preact").Component<any, {}>>;
+export declare const ImageWrapper: 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 Fox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>>, "alt" | "src"> & Partial<Pick<import("styled-components/dist/types").Merged<Omit<import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}, import("preact").JSX.ImgHTMLAttributes<HTMLImageElement>>, "alt" | "src">>> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/onboarding-segment-item/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/onboarding-segment-item/styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;8CAqBhB,CAAA;AAED,eAAO,MAAM,YAAY;;WAIxB,CAAA;AAID,eAAO,MAAM,GAAG;;;;uFAIf,CAAA"}

package/header/atoms/onboarding-segment-item/styled.js

@@ -0,0 +1,34 @@
+import { styled } from "styled-components";
+import { screenMinM, screenMinL } from "@foxford/ui";
+import fox from "./assets/fox.svg";
+import { Link } from "../../../shared/link.js";
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-fv6bti-0"
+})(["display:flex;justify-content:center;width:100%;padding:11px;border-radius:100px;background-color:", ";text-align:center;text-decoration:none;", " ", ""], ({
+  theme
+}) => theme.colors.mercury, screenMinM()`
+    margin-top: 40px;
+    max-width: 254px;
+    border-radius: 5px;
+  `, screenMinL()`
+    margin-top: 24px;
+    max-width: 194px;
+    justify-content: flex-start;
+  `);
+const ImageWrapper = styled.div.withConfig({
+  displayName: "styled__ImageWrapper",
+  componentId: "sc-fv6bti-1"
+})(["position:relative;width:40px;margin-right:8px;"]);
+const Fox = styled.img.attrs({
+  alt: "",
+  src: fox
+}).withConfig({
+  displayName: "styled__Fox",
+  componentId: "sc-fv6bti-2"
+})(["position:absolute;bottom:-11px;left:-11px;"]);
+export {
+  Fox,
+  ImageWrapper,
+  Root
+};

package/header/atoms/profile-balance/index.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export interface ProfileBalanceProps {
+    currency?: string;
+    hasIndicator?: boolean;
+    isRealMoney?: boolean;
+    name: ReactNode;
+    onClick?: () => void;
+    url: string;
+    value: number;
+}
+export declare function ProfileBalance({ currency, hasIndicator, isRealMoney, name, onClick, url, value, }: ProfileBalanceProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/atoms/profile-balance/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-balance/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAID,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,YAAoB,EACpB,WAAmB,EACnB,IAAI,EACJ,OAAO,EACP,GAAG,EACH,KAAK,GACN,EAAE,mBAAmB,gCAWrB"}

package/header/atoms/profile-balance/index.js

@@ -0,0 +1,37 @@
+import { Text, Amount, Icon } from "@foxford/ui";
+import { Root, Indicator } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ProfileBalance({
+  currency,
+  hasIndicator = false,
+  isRealMoney = false,
+  name,
+  onClick,
+  url,
+  value
+}) {
+  return jsxs(Root, {
+    href: url,
+    onClick,
+    children: [jsx(Text, {
+      color: "content-onmain-secondary",
+      size: 12,
+      children: name
+    }), jsx(Amount, {
+      currency: isRealMoney ? currency : void 0,
+      size: 14,
+      value,
+      weight: "bold"
+    }), !isRealMoney && jsx(Icon, {
+      marginLeft: 4,
+      name: "foxCoins",
+      vAlign: "middle"
+    }), hasIndicator && jsx(Indicator, {
+      secondary: true,
+      size: "m"
+    })]
+  });
+}
+export {
+  ProfileBalance
+};

package/header/atoms/profile-balance/styled.d.ts

@@ -0,0 +1,10 @@
+import { Indicator as UiIndicator } from '@foxford/ui';
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string & Omit<import("preact").FunctionalComponent<import("react-dom/src").PropsWithoutRef<import("../../..").LinkProps> & {
+    ref?: import("preact").Ref<HTMLAnchorElement> | undefined;
+}>, keyof import("preact").Component<any, {}>>;
+export declare const Indicator: typeof UiIndicator;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/profile-balance/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-balance/styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,aAAa,CAAA;AAItD,eAAO,MAAM,IAAI;;;;;;8CAYhB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,OAAO,WAI9B,CAAA"}

package/header/atoms/profile-balance/styled.js

@@ -0,0 +1,19 @@
+import { styled } from "styled-components";
+import { Indicator as Indicator$1 } from "@foxford/ui";
+import { Link } from "../../../shared/link.js";
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-12h0biz-0"
+})(["position:relative;padding:4px 8px;border-radius:8px;background:", ";:hover{[class*='Amount']{transition:color 0.3s;color:", ";}}"], ({
+  theme
+}) => theme.colors["bg-onmain-secondary"], ({
+  theme
+}) => theme.colors.accent);
+const Indicator = styled(Indicator$1).withConfig({
+  displayName: "styled__Indicator",
+  componentId: "sc-12h0biz-1"
+})(["position:absolute;top:0;right:0;"]);
+export {
+  Indicator,
+  Root
+};

package/header/atoms/profile-info/index.d.ts

@@ -0,0 +1,9 @@
+export interface ProfileInfoProps {
+    giftAmount?: number;
+    hasPaymentsInfoIndicator?: boolean;
+    hasReferralsIndicator?: boolean;
+    realCurrency?: string;
+    realMoneyAmount?: number;
+}
+export declare function ProfileInfo({ giftAmount, hasPaymentsInfoIndicator, hasReferralsIndicator, realCurrency, realMoneyAmount, }: ProfileInfoProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/header/atoms/profile-info/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-info/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAc,EACd,wBAAgC,EAChC,qBAA6B,EAC7B,YAAY,EACZ,eAAmB,GACpB,EAAE,gBAAgB,uCAsBlB"}

package/header/atoms/profile-info/index.js

@@ -0,0 +1,32 @@
+import { Bonus } from "./styled.js";
+import { ProfileBalance } from "../profile-balance/index.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ProfileInfo({
+  giftAmount = 0,
+  hasPaymentsInfoIndicator = false,
+  hasReferralsIndicator = false,
+  realCurrency,
+  realMoneyAmount = 0
+}) {
+  if (giftAmount <= 0 && realMoneyAmount <= 0) {
+    return null;
+  }
+  return jsxs(Bonus, {
+    children: [giftAmount > 0 && jsx(ProfileBalance, {
+      hasIndicator: hasReferralsIndicator,
+      name: "Фоксики",
+      url: "/referrals",
+      value: giftAmount
+    }), realMoneyAmount > 0 && jsx(ProfileBalance, {
+      currency: realCurrency,
+      hasIndicator: hasPaymentsInfoIndicator,
+      isRealMoney: true,
+      name: "Внутренний счёт",
+      url: "/account/payments_info",
+      value: realMoneyAmount
+    })]
+  });
+}
+export {
+  ProfileInfo
+};

package/header/atoms/profile-info/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Bonus: 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/atoms/profile-info/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/profile-info/styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;WAMjB,CAAA"}

package/header/atoms/profile-info/styled.js

@@ -0,0 +1,8 @@
+import { styled } from "styled-components";
+const Bonus = styled.div.withConfig({
+  displayName: "styled__Bonus",
+  componentId: "sc-y1bt3k-0"
+})(["margin-bottom:16px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;"]);
+export {
+  Bonus
+};

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

@@ -0,0 +1,13 @@
+import type { IconName } from '@foxford/ui';
+import type { ReactNode } from 'react';
+export interface ProfileMenuItemProps {
+    additionalInfo?: ReactNode;
+    icon?: IconName;
+    id: string;
+    isMarkerVisible?: boolean;
+    onClick?: () => void;
+    title: ReactNode;
+    url?: string;
+}
+export declare function ProfileMenuItem({ additionalInfo, icon, id, isMarkerVisible, onClick, title, url, }: ProfileMenuItemProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,52 @@
+import { Icon } from "@foxford/ui";
+import { Inner, Marker, Info, Title } from "./styled.js";
+import { Link } from "../../../shared/link.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ProfileMenuItem({
+  additionalInfo,
+  icon,
+  id,
+  isMarkerVisible,
+  onClick,
+  title,
+  url
+}) {
+  const inner = jsxs(Inner, {
+    children: [icon && jsx(Marker, {
+      $isMarkerVisible: isMarkerVisible,
+      children: jsx(Icon, {
+        name: icon,
+        preset: "brand",
+        size: 20
+      })
+    }), jsxs(Info, {
+      children: [jsx(Title, {
+        children: title
+      }), additionalInfo]
+    })]
+  });
+  if (url !== void 0) {
+    return jsx(Link, {
+      href: url,
+      id,
+      onClick,
+      children: inner
+    });
+  }
+  const onKeyDown = (event) => {
+    if (event.key === "Enter" || event.key === " ") {
+      onClick == null ? void 0 : onClick();
+    }
+  };
+  return jsx("div", {
+    id,
+    onClick,
+    onKeyDown,
+    role: "button",
+    tabIndex: 0,
+    children: inner
+  });
+}
+export {
+  ProfileMenuItem
+};

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

@@ -0,0 +1,15 @@
+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 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;
+export declare const Info: 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 Marker: 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;
+}, {
+    $isMarkerVisible?: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,47 @@
+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;", ""], ({
+  theme
+}) => css`
+    color: ${theme.colors.mineShaft};
+
+    &:hover,
+    &:hover div {
+      color: ${theme.colors.accent};
+    }
+  `);
+const Title = styled.span.withConfig({
+  displayName: "styled__Title",
+  componentId: "sc-1qc5rww-1"
+})(["font-size:16px;line-height:1.5;color:inherit;"]);
+const Info = styled.div.withConfig({
+  displayName: "styled__Info",
+  componentId: "sc-1qc5rww-2"
+})(["padding-left:16px;"]);
+const Marker = styled.div.withConfig({
+  displayName: "styled__Marker",
+  componentId: "sc-1qc5rww-3"
+})(["display:inline-flex;position:relative;", ""], ({
+  $isMarkerVisible,
+  theme
+}) => $isMarkerVisible && css`
+      &:after {
+        content: '';
+        position: absolute;
+        top: -4px;
+        right: -5px;
+        background-color: ${theme.colors.orangePeel};
+        box-shadow: 0 0 4px ${theme.colors.orangePeel};
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+      }
+    `);
+export {
+  Info,
+  Inner,
+  Marker,
+  Title
+};

package/header/atoms/scrollbar/index.d.ts

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

package/header/atoms/scrollbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/scrollbar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAID,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,cAAc,gCAmBrD"}

package/header/atoms/scrollbar/index.js

@@ -0,0 +1,33 @@
+import { Scrollable } from "@foxford/ui";
+import { Inner } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+const scrollableStyle = {
+  height: "100%",
+  overflow: "hidden",
+  width: "100%"
+};
+function Scrollbar({
+  children
+}) {
+  return jsx(Scrollable, {
+    isolate: true,
+    shadowColor: "white",
+    shadowHeight: 35,
+    shadowOpacity: 1,
+    style: scrollableStyle,
+    thumbBorderRadius: 10,
+    thumbColor: "primary",
+    thumbOpacity: 1,
+    trackBorderRadius: 10,
+    trackColor: "#e9e9e9",
+    trackOpacity: 1,
+    universal: true,
+    withShadow: true,
+    children: jsx(Inner, {
+      children
+    })
+  });
+}
+export {
+  Scrollbar
+};

package/header/atoms/scrollbar/styled.d.ts

@@ -0,0 +1,4 @@
+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;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/scrollbar/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/scrollbar/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;WAcjB,CAAA"}

package/header/atoms/scrollbar/styled.js

@@ -0,0 +1,15 @@
+import { styled } from "styled-components";
+import { screenMaxM, screenMinM, screenMinL } from "@foxford/ui";
+const Inner = styled.div.withConfig({
+  displayName: "styled__Inner",
+  componentId: "sc-7jx1f4-0"
+})(["padding-right:15px;", " ", " ", ""], screenMaxM()`
+    margin-bottom: 80px;
+  `, screenMinM()`
+    padding-left: 10px;
+  `, screenMinL()`
+    padding-left: 5px;
+  `);
+export {
+  Inner
+};

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

@@ -0,0 +1,8 @@
+export interface SegmentListItemProps {
+    active: boolean;
+    title: string;
+    url: string;
+    withLink?: boolean;
+}
+export declare function SegmentListItem({ active, title, url, withLink }: SegmentListItemProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/segment-list-item/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAgB,EAAE,EAAE,oBAAoB,gCAI7F"}