@foxford/navigation-ui 1.0.0

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

@@ -0,0 +1,21 @@
+import { Root } from "./styled.js";
+import { Link } from "../../../shared/link.js";
+import { jsx } from "preact/jsx-runtime";
+function SegmentListItem({
+  active,
+  title,
+  url,
+  withLink = false
+}) {
+  const root = jsx(Root, {
+    $active: active,
+    children: title
+  });
+  return withLink ? jsx(Link, {
+    href: url,
+    children: root
+  }) : root;
+}
+export {
+  SegmentListItem
+};

package/header/atoms/segment-list-item/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;
+}, {
+    $active: boolean;
+}>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/segment-list-item/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;aAAyB,OAAO;YAmBhD,CAAA"}

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

@@ -0,0 +1,22 @@
+import { styled, css } from "styled-components";
+import { screenMinS } from "@foxford/ui";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-qj1aqa-0"
+})(["font-size:16px;line-height:1.3;font-weight:700;color:", ";transition:color 0.3s;cursor:pointer;", " ", ""], ({
+  $active,
+  theme
+}) => $active ? theme.colors.accent : theme.colors.mineShaft, ({
+  theme
+}) => css`
+    @media (hover: hover) and (pointer: fine) {
+      &:hover {
+        color: ${theme.colors.accent};
+      }
+    }
+  `, screenMinS()`
+    font-size: 18px;
+  `);
+export {
+  Root
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/segment-title/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,iBAAiB,gCAMzE"}

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

@@ -0,0 +1,18 @@
+import { Root } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function SegmentTitle({
+  id,
+  onClick,
+  text,
+  url
+}) {
+  return jsx(Root, {
+    href: url,
+    id,
+    onClick,
+    children: text
+  });
+}
+export {
+  SegmentTitle
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/segment-title/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;;8CA2BhB,CAAA"}

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

@@ -0,0 +1,32 @@
+import { styled, css } from "styled-components";
+import { screenMinS, screenMinL } from "@foxford/ui";
+import { Link } from "../../../shared/link.js";
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1ylp4b9-0"
+})(["font-size:24px;line-height:1.15;font-weight:bold;", " ", " ", ""], ({
+  theme
+}) => css`
+    color: ${theme.colors.accent};
+  `, screenMinS()`
+    font-size: 32px;
+  `, screenMinL()`
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      bottom: 6px;
+      left: 0;
+      width: 100%;
+      height: 2px;
+      ${({
+  theme
+}) => css`
+        background-color: ${theme.colors.accent};
+      `}
+    }
+  `);
+export {
+  Root
+};

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

@@ -0,0 +1,9 @@
+export interface UserProfileProps {
+    active: boolean;
+    avatarUrl: string;
+    name: string;
+    onClick: () => void;
+    role: string;
+}
+export declare function UserProfile({ active, avatarUrl, name, onClick, role }: UserProfileProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/user-profile/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,gBAAgB,gCAiBvF"}

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

@@ -0,0 +1,46 @@
+import { Text } from "@foxford/ui";
+import { Root, Avatar, Content, Name, UserName, Chevron } from "./styled.js";
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function UserProfile({
+  active,
+  avatarUrl,
+  name,
+  onClick,
+  role
+}) {
+  return jsxs(Root, {
+    id: SELECTOR_IDS.TOP_MENU_PROFILE,
+    onClick,
+    children: [jsx(Avatar, {
+      preset: "brand",
+      size: "l",
+      src: avatarUrl,
+      text: name
+    }), jsxs(Content, {
+      children: [jsxs(Name, {
+        children: [jsx(UserName, {
+          lineHeight: "s",
+          size: 14,
+          weight: "bold",
+          whiteSpace: "nowrap",
+          children: name
+        }), jsx(Text, {
+          color: "content-onmain-secondary",
+          lineHeight: "s",
+          size: 12,
+          whiteSpace: "nowrap",
+          children: role
+        })]
+      }), jsx(Chevron, {
+        marginLeft: 8,
+        name: "chevronUp",
+        rotate: active ? "0deg" : "-180deg",
+        size: 12
+      })]
+    })]
+  });
+}
+export {
+  UserProfile
+};

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

@@ -0,0 +1,14 @@
+import { Avatar as AvatarUi, Icon, Text } from '@foxford/ui';
+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 Content: 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 Name: 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 Chevron: typeof Icon;
+export declare const Avatar: typeof AvatarUi;
+export declare const UserName: typeof Text;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/user-profile/styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAI5D,eAAO,MAAM,IAAI;;WAOhB,CAAA;AAED,eAAO,MAAM,OAAO;;WAUnB,CAAA;AAED,eAAO,MAAM,IAAI;;WAiBhB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,OAAO,IAE5B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,OAAO,QAG3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,IAI7B,CAAA"}

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

@@ -0,0 +1,41 @@
+import { styled } from "styled-components";
+import { Icon, Avatar as Avatar$1, Text } from "@foxford/ui";
+const LOWER_CTX = 1;
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-66ww3h-0"
+})(["display:flex;align-items:center;cursor:pointer;max-width:220px;user-select:none;overflow:hidden;"]);
+const Content = styled.div.withConfig({
+  displayName: "styled__Content",
+  componentId: "sc-66ww3h-1"
+})(["display:flex;height:40px;border-radius:0px 40px 40px 0px;background:", ";padding:4px 16px;z-index:", ";align-items:center;margin-left:-12px;overflow:hidden;"], ({
+  theme
+}) => theme.colors["bg-onmain-secondary"], LOWER_CTX);
+const Name = styled.div.withConfig({
+  displayName: "styled__Name",
+  componentId: "sc-66ww3h-2"
+})(["display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;padding-right:10px;&::after{content:'';position:absolute;right:0;top:0;height:100%;width:10px;box-shadow:-10px 0px 5px -5px ", " inset;}"], ({
+  theme
+}) => theme.colors["bg-onmain-secondary"]);
+const Chevron = styled(Icon).withConfig({
+  displayName: "styled__Chevron",
+  componentId: "sc-66ww3h-3"
+})(["transition:transform 0.3s;"]);
+const Avatar = styled(Avatar$1).withConfig({
+  displayName: "styled__Avatar",
+  componentId: "sc-66ww3h-4"
+})(["border:4px solid ", ";z-index:", ";"], ({
+  theme
+}) => theme.colors["bg-onmain-secondary"], LOWER_CTX + 1);
+const UserName = styled(Text).withConfig({
+  displayName: "styled__UserName",
+  componentId: "sc-66ww3h-5"
+})(["overflow:hidden;text-overflow:ellipsis;position:relative;"]);
+export {
+  Avatar,
+  Chevron,
+  Content,
+  Name,
+  Root,
+  UserName
+};

package/header/header-desktop.d.ts

@@ -0,0 +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;
+export {};
+//# sourceMappingURL=header-desktop.d.ts.map

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

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

package/header/header-desktop.js

@@ -0,0 +1,79 @@
+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 { 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 { UserPanel } from "./molecules/user-panel/index.js";
+import { DesktopOnly, HeaderTop, UserPanelWrapper, ExtraButtonsDesktopWrapper } from "./styled.js";
+import { SELECTOR_IDS } from "../shared/constants.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,
+  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
+    })]
+  });
+}
+export {
+  HeaderDesktop
+};

package/header/header-mobile.d.ts

@@ -0,0 +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;
+export {};
+//# sourceMappingURL=header-mobile.d.ts.map

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

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

package/header/header-mobile.js

@@ -0,0 +1,66 @@
+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 { 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 { jsxs, jsx } from "preact/jsx-runtime";
+function HeaderMobile({
+  cobranding,
+  entryPanel,
+  externatFreeAccessLink,
+  menuOpen,
+  onExternatCallbackClick,
+  onExternatFreeAccessClick,
+  onMenuToggle,
+  onOnboardingClick,
+  origin,
+  showExternatButtons,
+  showOnboardingMobileButton,
+  slots
+}) {
+  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(EntryPanel, __spreadValues({}, entryPanel))
+    }), showOnboardingMobileButton && jsx(ExtraButtonsMobileWrapper, {
+      children: jsx(OnboardingButton, {
+        mobile: true,
+        onClick: onOnboardingClick
+      })
+    }), showExternatButtons && jsx(ExtraButtonsMobileWrapper, {
+      children: jsx(ExternatButtons, {
+        freeAccessLink: externatFreeAccessLink,
+        mobile: true,
+        onCallbackClick: onExternatCallbackClick,
+        onFreeAccessClick: onExternatFreeAccessClick
+      })
+    })]
+  });
+}
+export {
+  HeaderMobile
+};

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

@@ -0,0 +1,6 @@
+export interface AdaptiveButtonProps {
+    onOnboardingClick?: () => void;
+    show: boolean;
+}
+export declare function AdaptiveButton({ onOnboardingClick, show }: AdaptiveButtonProps): import("preact").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/adaptive-button/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,IAAI,EAAE,OAAO,CAAA;CACd;AAID,wBAAgB,cAAc,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,mBAAmB,uCAM9E"}

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

@@ -0,0 +1,16 @@
+import { OnboardingSegmentItem } from "../../atoms/onboarding-segment-item/index.js";
+import { jsx } from "preact/jsx-runtime";
+function AdaptiveButton({
+  onOnboardingClick,
+  show
+}) {
+  if (!show) {
+    return null;
+  }
+  return jsx(OnboardingSegmentItem, {
+    onClick: onOnboardingClick
+  });
+}
+export {
+  AdaptiveButton
+};

package/header/molecules/bonuses/index.d.ts

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

package/header/molecules/bonuses/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/bonuses/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,UAAkB,EAAE,GAAkB,EAAE,EAAE,YAAY,gCAmBxF"}

package/header/molecules/bonuses/index.js

@@ -0,0 +1,40 @@
+import { Icon, Badge } from "@foxford/ui";
+import { Root, Marker, Content } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function Bonuses({
+  onClick,
+  showMarker = false,
+  url = "/referrals"
+}) {
+  return jsxs(Root, {
+    href: url,
+    onClick,
+    target: "_blank",
+    children: [jsx(Marker, {
+      $isMarkerVisible: showMarker,
+      children: jsx(Icon, {
+        color: "mineShaft",
+        name: "giftBox",
+        size: 20
+      })
+    }), jsx(Content, {
+      children: "Бонусы за друга"
+    }), jsx(Badge, {
+      borderRadius: 4,
+      cursor: "pointer",
+      icon: [null, "foxCoins"],
+      iconProps: {
+        size: 12
+      },
+      marginLeft: "auto",
+      size: "s",
+      textProps: {
+        marginTop: 2
+      },
+      children: "+5 000"
+    })]
+  });
+}
+export {
+  Bonuses
+};

package/header/molecules/bonuses/styled.d.ts

@@ -0,0 +1,16 @@
+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;
+export declare const Content: 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 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, {}>>;
+//# sourceMappingURL=styled.d.ts.map

package/header/molecules/bonuses/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/bonuses/styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;uBAAmC,OAAO;YAmB5D,CAAA;AAED,eAAO,MAAM,OAAO;;WAMnB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;8CAWhB,CAAA"}

package/header/molecules/bonuses/styled.js

@@ -0,0 +1,38 @@
+import { styled, css } from "styled-components";
+import { Link } from "../../../shared/link.js";
+const Marker = styled.div.withConfig({
+  displayName: "styled__Marker",
+  componentId: "sc-1o522gi-0"
+})(["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%;
+      }
+    `);
+const Content = styled.span.withConfig({
+  displayName: "styled__Content",
+  componentId: "sc-1o522gi-1"
+})(["display:inline-block;padding-left:16px;font-size:16px;line-height:1.5;color:", ";"], ({
+  theme
+}) => theme.colors.mineShaft);
+const Root = styled(Link).withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1o522gi-2"
+})(["display:flex;padding-top:6px;padding-bottom:6px;&:hover{", " > *,", "{color:", ";}}"], Marker, Content, ({
+  theme
+}) => theme.colors.accent);
+export {
+  Content,
+  Marker,
+  Root
+};

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

@@ -0,0 +1,9 @@
+export interface CartButtonProps {
+    active?: boolean;
+    cartItemsCount?: number;
+    filled?: boolean;
+    onClick?: () => void;
+    showText?: boolean;
+}
+export declare function CartButton({ active, cartItemsCount, filled, onClick, showText, }: CartButtonProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/cart-button/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAc,EACd,cAAkB,EAClB,MAAc,EACd,OAAO,EACP,QAAgB,GACjB,EAAE,eAAe,gCAcjB"}

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

@@ -0,0 +1,6 @@
+import type { ActionButtonProps } from '../../atoms/action-button';
+import type { ComponentType } from 'react';
+export declare const Cart: ComponentType<ActionButtonProps & {
+    $filled?: boolean;
+}>;
+//# sourceMappingURL=styled.d.ts.map

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

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

package/header/molecules/container/index.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface NavigationContainerProps {
+    children: ReactNode;
+    /** Влияет на броню высоты до замера: одноклик-меню — это ещё одна строка шапки. */
+    hasOneClickMenu?: boolean;
+    /** Клик по затемнению закрывает открытое меню — как в легаси. */
+    onBackgroundClick?: () => void;
+    showBackground: boolean;
+}
+export declare function Container({ children, hasOneClickMenu, onBackgroundClick, showBackground, }: NavigationContainerProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/molecules/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/molecules/container/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,eAAuB,EACvB,iBAAiB,EACjB,cAAc,GACf,EAAE,wBAAwB,gCAoC1B"}