@foxford/navigation-ui 1.0.0

package/footer/sub-footer.js

@@ -0,0 +1,57 @@
+import { LicenseLink } from "./atoms/license-link/index.js";
+import { LogoSk } from "./atoms/logo-sk/index.js";
+import { Geoposition } from "./molecules/geoposition/index.js";
+import { Copyright, Policy, TextLink, GeopositionArea, CopyrightWrapper, RegistryText, Logos } from "./sub-footer-areas.js";
+import { SubFooterInner } from "./sub-footer-styled.js";
+import { GOV_LINK } from "../shared/constants.js";
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+const POLICY_URL = "/legal/policy";
+const COPYRIGHT_PREFIX = "© Фоксфорд, 2009–";
+function SubFooter({
+  cities = [],
+  currentCityValue,
+  currentYear,
+  hideDataOnMirror = false,
+  onSelectCity
+}) {
+  const showGeoposition = cities.length > 0 && onSelectCity !== void 0;
+  const copyright = jsxs(Copyright, {
+    children: [COPYRIGHT_PREFIX, currentYear]
+  });
+  const policy = jsx(Policy, {
+    children: jsx(TextLink, {
+      href: POLICY_URL,
+      rel: "noreferrer",
+      target: "_blank",
+      children: "Политика обработки персональных данных"
+    })
+  });
+  return jsxs(SubFooterInner, {
+    $showGeoposition: showGeoposition,
+    children: [showGeoposition ? jsxs(Fragment, {
+      children: [jsx(GeopositionArea, {
+        children: jsx(Geoposition, {
+          cities,
+          currentCityValue,
+          onSelectCity
+        })
+      }), copyright, policy]
+    }) : jsxs(CopyrightWrapper, {
+      children: [copyright, policy]
+    }), jsx(RegistryText, {
+      children: !hideDataOnMirror && jsxs(Fragment, {
+        children: ["Внесена в реестр ", jsx("br", {}), " российских программ:", " ", jsx(TextLink, {
+          href: GOV_LINK,
+          rel: "noreferrer",
+          target: "_blank",
+          children: "запись №15676 от 25.11.2022 года"
+        })]
+      })
+    }), !hideDataOnMirror && jsxs(Logos, {
+      children: [jsx(LicenseLink, {}), jsx(LogoSk, {})]
+    })]
+  });
+}
+export {
+  SubFooter
+};

package/footer/types.d.ts

@@ -0,0 +1,45 @@
+import type { FooterMenuItem } from './molecules/footer-menu';
+import type { City } from './molecules/geoposition';
+import type { IconName } from '@foxford/ui';
+import type { ReactNode } from 'react';
+export interface FooterSocialLink {
+    href: string;
+    iconName: IconName;
+    id: string;
+}
+export interface FooterContacts {
+    email?: string;
+    max?: string;
+    phone?: string;
+    telegram?: string;
+    vkontakte?: string;
+}
+/**
+ * Слоты `Footer` — свои, не общие с `Navigation`: точки расширения подвала.
+ */
+export interface FooterSlots {
+    /** Место под колонками ссылок — например баннер акции. */
+    belowLinks?: ReactNode;
+}
+export interface FooterProps {
+    aboutItems: FooterMenuItem[];
+    /** Адреса установки мобильного приложения; не переданы — карточка приложения не рисуется. */
+    appLinks?: {
+        desktop: string;
+        mobile: string;
+    };
+    cities?: City[];
+    cobranding?: boolean;
+    contacts?: FooterContacts;
+    currentCityValue?: string;
+    /** Год копирайта приходит снаружи: `new Date()` внутри разошёлся бы между SSR и гидрацией. */
+    currentYear: number;
+    freeItems: FooterMenuItem[];
+    hideDataOnMirror?: boolean;
+    onSelectCity?: (value: string) => void;
+    salesLinks?: FooterSocialLink[];
+    slots?: FooterSlots;
+    socialLinks?: FooterSocialLink[];
+    studyItems: FooterMenuItem[];
+}
+//# sourceMappingURL=types.d.ts.map

package/footer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/footer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,QAAQ,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,6FAA6F;IAC7F,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,MAAM,CAAC,EAAE,IAAI,EAAE,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,8FAA8F;IAC9F,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B"}

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

@@ -0,0 +1,16 @@
+import type { IconName } from '@foxford/ui';
+import type { ReactNode } from 'react';
+export interface ActionButtonProps {
+    active?: boolean;
+    avatar?: ReactNode;
+    className?: string;
+    hideTextInMobile?: boolean;
+    icon?: IconName;
+    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;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,57 @@
+import { Icon } from "@foxford/ui";
+import { Inner, Marker, Text } from "./styled.js";
+import { Link } from "../../../shared/link.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function ActionButton({
+  active = false,
+  avatar,
+  className,
+  hideTextInMobile = false,
+  icon,
+  id,
+  marker = false,
+  onClick,
+  text,
+  url
+}) {
+  const hasText = text !== void 0 && text !== "";
+  const content = jsxs(Inner, {
+    $active: active,
+    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
+      })
+    }), hasText && jsx(Text, {
+      $hideTextInMobile: hideTextInMobile,
+      children: text
+    })]
+  });
+  if (url) {
+    return jsx(Link, {
+      href: url,
+      id,
+      onClick,
+      children: content
+    });
+  }
+  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: content
+  });
+}
+export {
+  ActionButton
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/action-button/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;cAA0B,OAAO;YAqBlD,CAAA;AAwBD,eAAO,MAAM,MAAM;;;cAA2B,OAAO;YAsBpD,CAAA;AAED,eAAO,MAAM,IAAI;;;wBAAqC,OAAO;YAoB5D,CAAA"}

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

@@ -0,0 +1,75 @@
+import { styled, css, keyframes } from "styled-components";
+import { screenMaxM, screenMinS, screenMaxL } from "@foxford/ui";
+const Inner = styled.div.withConfig({
+  displayName: "styled__Inner",
+  componentId: "sc-1iyc8qe-0"
+})(["display:flex;flex-direction:column;align-items:center;font-size:9px;min-width:62px;line-height:1;font-weight:bold;cursor:pointer;", " ", ""], screenMaxM()`
+    min-width: auto;
+  `, ({
+  $active,
+  theme
+}) => css`
+    color: ${$active ? theme.colors.accent : theme.colors.mineShaft};
+
+    &:hover {
+      color: ${theme.colors.accent};
+    }
+  `);
+const markerDisplayAnimation = keyframes`
+  0% {
+    opacity: 0;
+    transform: scale(1.2);
+  }
+
+  70% {
+    opacity: 0;
+    transform: scale(1.25);
+  }
+
+  80% {
+    opacity: 1;
+    transform: scale(1.5);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+`;
+const Marker = styled.span.withConfig({
+  displayName: "styled__Marker",
+  componentId: "sc-1iyc8qe-1"
+})(["position:relative;display:flex;transition:color 0.3s;fill:currentColor;", ""], ({
+  $marker,
+  theme
+}) => $marker && css`
+      &:before {
+        content: '';
+        position: absolute;
+        right: -1px;
+        top: 1px;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background-color: ${theme.colors.orangePeel};
+        box-shadow: 0px 0px 4px ${theme.colors.orangePeel};
+        animation: 0.5s ease 0s normal forwards 1 ${markerDisplayAnimation};
+      }
+    `);
+const Text = styled.span.withConfig({
+  displayName: "styled__Text",
+  componentId: "sc-1iyc8qe-2"
+})(["margin-top:4px;text-transform:uppercase;transition:color 0.3s;&:empty{display:none;}", " ", ""], screenMinS()`
+    margin-top: 8px;
+  `, ({
+  $hideTextInMobile
+}) => $hideTextInMobile && css`
+      ${screenMaxL()`
+        display: none;
+      `}
+    `);
+export {
+  Inner,
+  Marker,
+  Text
+};

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

@@ -0,0 +1,7 @@
+export interface AvatarProps {
+    avatarUrl: string;
+    big?: boolean;
+    className?: string;
+}
+export declare function Avatar({ avatarUrl, big, className }: AvatarProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/avatar/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAW,EAAE,SAAS,EAAE,EAAE,WAAW,gCAExE"}

package/header/atoms/avatar/index.js

@@ -0,0 +1,16 @@
+import { Root } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function Avatar({
+  avatarUrl,
+  big = false,
+  className
+}) {
+  return jsx(Root, {
+    $avatarUrl: avatarUrl,
+    $big: big,
+    className
+  });
+}
+export {
+  Avatar
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/avatar/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;gBAA4B,MAAM;UAAQ,OAAO;YAmBjE,CAAA"}

package/header/atoms/avatar/styled.js

@@ -0,0 +1,24 @@
+import { styled, css } from "styled-components";
+import { screenMinM } from "@foxford/ui";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-tuekuc-0"
+})(["border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain;overflow:hidden;", ""], ({
+  $avatarUrl,
+  $big,
+  theme
+}) => css`
+    width: ${$big ? 60 : 20}px;
+    height: ${$big ? 60 : 20}px;
+    background-image: url(${$avatarUrl});
+    border: 1px solid ${theme.colors.mercury};
+
+    ${screenMinM()`
+      width: ${$big ? 60 : 40}px;
+      height: ${$big ? 60 : 40}px;
+      border: 2px solid ${theme.colors.accent};
+    `}
+  `);
+export {
+  Root
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/back-button/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,gCAOtD"}

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

@@ -0,0 +1,19 @@
+import { Icon } from "@foxford/ui";
+import { Root } from "./styled.js";
+import { jsxs, jsx } from "preact/jsx-runtime";
+function BackButton({
+  onClick
+}) {
+  return jsxs(Root, {
+    onClick,
+    children: [jsx(Icon, {
+      name: "arrowUp",
+      preset: "brand",
+      rotate: "-90deg",
+      size: 20
+    }), "  Назад"]
+  });
+}
+export {
+  BackButton
+};

package/header/atoms/back-button/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.HTMLAttributes<HTMLSpanElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/back-button/styled.d.ts.map

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

package/header/atoms/back-button/styled.js

@@ -0,0 +1,12 @@
+import { styled, css } from "styled-components";
+const Root = styled.span.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-6m8hoa-0"
+})(["display:inline-flex;align-items:center;font-size:16px;line-height:1;font-weight:bold;", " cursor:pointer;"], ({
+  theme
+}) => css`
+    color: ${theme.colors.accent};
+  `);
+export {
+  Root
+};

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { SELECTOR_IDS } from "../../../shared/constants.js";
+import { ActionButton } from "../action-button/index.js";
+import { jsx } from "preact/jsx-runtime";
+function BonusButton() {
+  return jsx(ActionButton, {
+    icon: "giftBox",
+    id: SELECTOR_IDS.TOP_MENU_REFERRALS,
+    url: "/referrals"
+  });
+}
+export {
+  BonusButton
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/close-button/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,gCAExD"}

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

@@ -0,0 +1,13 @@
+import { Root } from "./styled.js";
+import { jsx } from "preact/jsx-runtime";
+function CloseButton({
+  onClick
+}) {
+  return jsx(Root, {
+    onClick,
+    children: "Закрыть меню"
+  });
+}
+export {
+  CloseButton
+};

package/header/atoms/close-button/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("preact").JSX.ButtonHTMLAttributes<HTMLButtonElement>, "style"> & {
+    style?: string | import("styled-components/dist/types").CSSPropertiesWithVars | import("preact").JSX.CSSProperties | import("preact").JSX.SignalLike<string | import("preact").JSX.CSSProperties | undefined> | undefined;
+}> & string;
+//# sourceMappingURL=styled.d.ts.map

package/header/atoms/close-button/styled.d.ts.map

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

package/header/atoms/close-button/styled.js

@@ -0,0 +1,13 @@
+import { styled, css } from "styled-components";
+const Root = styled.button.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-1tejgoy-0"
+})(["position:relative;width:100%;padding:10px;font-size:16px;line-height:1.3;font-weight:700;border:none;border-radius:100px;cursor:pointer;", ""], ({
+  theme
+}) => css`
+    color: ${theme.colors.white};
+    background-color: ${theme.colors.black};
+  `);
+export {
+  Root
+};

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

@@ -0,0 +1,12 @@
+import type { IconName } from '@foxford/ui';
+export interface ListItemProps {
+    bold?: boolean;
+    description?: string;
+    icon?: IconName;
+    onClick?: () => void;
+    title?: string;
+    underline?: boolean;
+    url: string;
+}
+export declare function ListItem({ bold, description, icon, onClick, title, underline, url, }: ListItemProps): import("preact").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/list-item/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAY,EACZ,WAAgB,EAChB,IAAI,EACJ,OAAO,EACP,KAAU,EACV,SAAiB,EACjB,GAAG,GACJ,EAAE,aAAa,gCAmBf"}

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

@@ -0,0 +1,36 @@
+import { Root, Content, Inner, Icon, Title, Description } from "./styled.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function ListItem({
+  bold = false,
+  description = "",
+  icon,
+  onClick,
+  title = "",
+  underline = false,
+  url
+}) {
+  const hasTitle = title.length > 0;
+  const hasDescription = description.length > 0;
+  return jsx(Root, {
+    children: jsxs(Content, {
+      href: url,
+      onClick,
+      children: [jsxs(Inner, {
+        children: [icon && jsx(Icon, {
+          name: icon,
+          preset: "brand",
+          size: 20
+        }), hasTitle && jsx(Title, {
+          $bold: hasDescription || bold,
+          $underline: underline,
+          children: title
+        })]
+      }), hasDescription && jsx(Description, {
+        children: description
+      })]
+    })
+  });
+}
+export {
+  ListItem
+};

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

@@ -0,0 +1,25 @@
+import { Icon as UiIcon } 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("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 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 Icon: typeof UiIcon;
+export declare const Title: 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;
+}, {
+    $bold?: boolean;
+    $underline?: boolean;
+}>> & string;
+export declare const Description: 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/list-item/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/list-item/styled.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAI5C,eAAO,MAAM,IAAI;;WAEhB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;8CAYnB,CAAA;AAED,eAAO,MAAM,KAAK;;WAGjB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,OAAO,MAEzB,CAAA;AAED,eAAO,MAAM,KAAK;;;YAAwB,OAAO;iBAAe,OAAO;YActE,CAAA;AAED,eAAO,MAAM,WAAW;;WAIvB,CAAA"}

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

@@ -0,0 +1,51 @@
+import { styled, css } from "styled-components";
+import { Icon as Icon$1 } from "@foxford/ui";
+import { Link } from "../../../shared/link.js";
+const Root = styled.div.withConfig({
+  displayName: "styled__Root",
+  componentId: "sc-ds8h8x-0"
+})(["margin-bottom:8px;"]);
+const Content = styled(Link).withConfig({
+  displayName: "styled__Content",
+  componentId: "sc-ds8h8x-1"
+})(["display:inline-block;cursor:pointer;transition:color 0.3s;", ""], ({
+  theme
+}) => css`
+    color: ${theme.colors.mineShaft};
+
+    &:hover {
+      color: ${theme.colors.accent};
+    }
+  `);
+const Inner = styled.div.withConfig({
+  displayName: "styled__Inner",
+  componentId: "sc-ds8h8x-2"
+})(["display:inline-flex;align-items:center;"]);
+const Icon = styled(Icon$1).withConfig({
+  displayName: "styled__Icon",
+  componentId: "sc-ds8h8x-3"
+})(["margin-right:10px;"]);
+const Title = styled.div.withConfig({
+  displayName: "styled__Title",
+  componentId: "sc-ds8h8x-4"
+})(["font-size:18px;line-height:1.5;", ";", ";"], ({
+  $underline
+}) => $underline && css`
+      text-decoration: underline;
+    `, ({
+  $bold
+}) => $bold && css`
+      font-weight: bold;
+    `);
+const Description = styled.div.withConfig({
+  displayName: "styled__Description",
+  componentId: "sc-ds8h8x-5"
+})(["font-size:14px;line-height:1.3;margin-bottom:5px;"]);
+export {
+  Content,
+  Description,
+  Icon,
+  Inner,
+  Root,
+  Title
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/header/atoms/list-spacer/index.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,EAAE,eAAe,gCAExD"}

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

@@ -0,0 +1,18 @@
+import { styled } from "styled-components";
+import { jsx } from "preact/jsx-runtime";
+const Root = styled.div.withConfig({
+  displayName: "list-spacer__Root",
+  componentId: "sc-ecfr1a-0"
+})(["width:100%;height:", ";"], ({
+  $size
+}) => `${$size}px`);
+function ListSpacer({
+  size = 20
+}) {
+  return jsx(Root, {
+    $size: size
+  });
+}
+export {
+  ListSpacer
+};