@consta/header 1.0.1 → 1.2.1

package/BannerBar/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/BannerBar";

package/BannerBar/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/BannerBar";

package/GlobalMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/GlobalMenu";

package/GlobalMenu/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/GlobalMenu";

package/MegaMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/MegaMenu";

package/MegaMenu/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/MegaMenu";

package/NavBar/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/NavBar";

package/NavBar/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/NavBar";

package/README.md

@@ -15,7 +15,7 @@ $ yarn add @consta/header
 
 ## Подключите зависимости
 
-Чтобы начать работу, установите библиотеку [`@consta/uikit`](https://www.npmjs.com/package/@consta/uikit) и [настройте тему](http://portal.consta.design/libs/portal/theme-themeabout).
+Чтобы начать работу, установите библиотеку [`@consta/uikit`](https://www.npmjs.com/package/@consta/uikit) и [настройте тему](http://consta.design/libs/portal/theme-themeabout).
 
 ### Можно использовать компоненты
 
@@ -33,11 +33,15 @@ const App = () => {
 };
 ```
 
+## Документация
+
+[Посмотреть документацию и примеры](http://consta.design/libs/header)
+
 ## Разработка
 
 ### Подготовка окружения
 
-Рабочее окружение должно содержать NodeJS и Yarn, необходимые версии можно узнать в файле [package.json](./package.json) в блоке **engines**.
+Рабочее окружение должно содержать NodeJS и Yarn.
 
 Чтобы установить зависимости, выполните команду:
 
@@ -48,27 +52,22 @@ $ yarn install
 ### Основные команды
 
 ```sh
-# Сборка и старт
+# Запуск локального сервера для разработки
 $ yarn start
-# Сборка для production
+
+# Сборка пакета
 $ yarn build
-# Линтинг всех файлов
-$ yarn lint
-# Форматирование всех файлов prettier
-$ yarn format
-# Запуск юнит-тестов
-$ yarn unit
-# Запуск юнит-тестов, тестирование TS, линтинг файлов
-$ yarn test
-```
 
-## Документация
+# Сборка стенда
+$ yarn stand:build
 
-[Посмотреть документацию и примеры](http://header.consta.design/)
+# Запуск тестов
+$ yarn test
+```
 
 ## Контрибьюторам
 
-Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](http://portal.consta.design/libs/portal/custom-contribute).
+Будем рады, если вы захотите принять участие в разработке дизайн-системы =) Но сначала прочитайте [инструкцию для контрибьюторов](https://consta.design/libs/portal/contributers-code).
 
 ## Лицензия
 

package/__internal__/src/components/Badges/Badges.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badges.js","names":["Badge","useForkRef","useHideElementsInLine","React","forwardRef","cn","withDefaultGetters","cnBadges","BadgesRender","props","ref","className","items","view","form","size","getItemIcon","getItemLabel","getItemStatus","otherProps","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","map","item","index","hidden","length","zero","Badges"],"sources":["../../../../../src/components/Badges/Badges.tsx"],"sourcesContent":["import './Badges.css';\n\nimport { Badge } from '@consta/uikit/Badge';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLine';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { BadgesComponent, BadgesProps } from './types';\n\nexport const cnBadges = cn('Badges');\n\nconst BadgesRender = (props: BadgesProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    items = [],\n    view,\n    form,\n    size,\n    getItemIcon,\n    getItemLabel,\n    getItemStatus,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } =\n    useHideElementsInLine(items);\n\n  return (\n    <div\n      {...otherProps}\n      ref={useForkRef([ref, wrapperRef])}\n      className={cnBadges(null, [className])}\n    >\n      {items.map((item, index) => {\n        return (\n          <Badge\n            className={cnBadges('Badge', { hidden: !visibleItems[index] })}\n            key={cnBadges('Badge', { index })}\n            label={getItemLabel(item)}\n            status={getItemStatus(item) || 'normal'}\n            icon={getItemIcon(item)}\n            view={view}\n            form={form}\n            size={size}\n            ref={itemsRefs[index]}\n          />\n        );\n      })}\n      <Badge\n        className={cnBadges('Badge', {\n          hidden: hiddenItems.length <= 0,\n          zero: hiddenItems.length <= 0,\n        })}\n        key=\"more\"\n        label={`+${hiddenItems.length}`}\n        status=\"system\"\n        form={form}\n        size={size}\n        view={view}\n        ref={moreRef}\n      />\n    </div>\n  );\n};\n\nexport const Badges = forwardRef(BadgesRender) as BadgesComponent;\n\nexport * from './types';\n"],"mappings":"6LAAA,qBAEA,OAASA,KAAT,KAAsB,qBAAtB,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,OAASC,qBAAT,KAAsC,qCAAtC,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,uBAEA,OAASC,kBAAT,iBAGA,MAAO,MAAMC,SAAQ,CAAGF,EAAE,CAAC,QAAD,CAAnB,CAEP,KAAMG,aAAY,CAAG,CAACC,CAAD,CAAqBC,CAArB,GAAwD,SAWvEJ,kBAAkB,CAACG,CAAD,CAXqD,CACrE,CACJE,SAAS,CAATA,CADI,CAEJC,KAAK,CAALA,CAAK,CAAG,EAFJ,CAGJC,IAAI,CAAJA,CAHI,CAIJC,IAAI,CAAJA,CAJI,CAKJC,IAAI,CAAJA,CALI,CAMJC,WAAW,CAAXA,CANI,CAOJC,YAAY,CAAZA,CAPI,CAQJC,aAAa,CAAbA,CARI,CADqE,GAUtEC,CAVsE,uCAarE,CAAEC,YAAY,CAAZA,CAAF,CAAgBC,SAAS,CAATA,CAAhB,CAA2BC,UAAU,CAAVA,CAA3B,CAAuCC,WAAW,CAAXA,CAAvC,CAAoDC,OAAO,CAAPA,CAApD,EACJtB,qBAAqB,CAACU,CAAD,CAdoD,CAgB3E,MACE,4CACMO,CADN,EAEE,GAAG,CAAElB,UAAU,CAAC,CAACS,CAAD,CAAMY,CAAN,CAAD,CAFjB,CAGE,SAAS,CAAEf,QAAQ,CAAC,IAAD,CAAO,CAACI,CAAD,CAAP,CAHrB,GAKGC,CAAK,CAACa,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAEP,oBAAC,KAAD,EACE,SAAS,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAAEqB,MAAM,CAAE,CAACR,CAAY,CAACO,CAAD,CAAvB,CAAV,CADrB,CAEE,GAAG,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAAEoB,KAAK,CAALA,CAAF,CAAV,CAFf,CAGE,KAAK,CAAEV,CAAY,CAACS,CAAD,CAHrB,CAIE,MAAM,CAAER,CAAa,CAACQ,CAAD,CAAb,EAAuB,QAJjC,CAKE,IAAI,CAAEV,CAAW,CAACU,CAAD,CALnB,CAME,IAAI,CAAEb,CANR,CAOE,IAAI,CAAEC,CAPR,CAQE,IAAI,CAAEC,CARR,CASE,GAAG,CAAEM,CAAS,CAACM,CAAD,CAThB,EAFH,CALH,CAoBE,oBAAC,KAAD,EACE,SAAS,CAAEpB,QAAQ,CAAC,OAAD,CAAU,CAC3BqB,MAAM,CAAwB,CAAtB,EAAAL,CAAW,CAACM,MADO,CAE3BC,IAAI,CAAwB,CAAtB,EAAAP,CAAW,CAACM,MAFS,CAAV,CADrB,CAKE,GAAG,CAAC,MALN,CAME,KAAK,CAAG,IAAGN,CAAW,CAACM,MAAO,EANhC,CAOE,MAAM,CAAC,QAPT,CAQE,IAAI,CAAEf,CARR,CASE,IAAI,CAAEC,CATR,CAUE,IAAI,CAAEF,CAVR,CAWE,GAAG,CAAEW,CAXP,EApBF,CAmCH,CApDD,CAsDA,MAAO,MAAMO,OAAM,CAAG3B,UAAU,CAACI,YAAD,CAAzB,CAEP"}
+{"version":3,"file":"Badges.js","names":["Badge","useForkRef","useHideElementsInLine","React","forwardRef","cn","withDefaultGetters","cnBadges","BadgesRender","props","ref","className","items","view","form","size","getItemIcon","getItemLabel","getItemStatus","otherProps","visibleItems","itemsRefs","wrapperRef","hiddenItems","moreRef","map","item","index","hidden","length","zero","Badges"],"sources":["../../../../../src/components/Badges/Badges.tsx"],"sourcesContent":["import './Badges.css';\n\nimport { Badge } from '@consta/uikit/Badge';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useHideElementsInLine } from '@consta/uikit/useHideElementsInLine';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport { BadgesComponent, BadgesProps } from './types';\n\nexport const cnBadges = cn('Badges');\n\nconst BadgesRender = (props: BadgesProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    items = [],\n    view,\n    form,\n    size,\n    getItemIcon,\n    getItemLabel,\n    getItemStatus,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const { visibleItems, itemsRefs, wrapperRef, hiddenItems, moreRef } =\n    useHideElementsInLine(items);\n\n  return (\n    <div\n      {...otherProps}\n      ref={useForkRef([ref, wrapperRef])}\n      className={cnBadges(null, [className])}\n    >\n      {items.map((item, index) => {\n        return (\n          <Badge\n            className={cnBadges('Badge', { hidden: !visibleItems[index] })}\n            key={cnBadges('Badge', { index })}\n            label={getItemLabel(item)}\n            status={getItemStatus(item) || 'normal'}\n            icon={getItemIcon(item)}\n            view={view}\n            form={form}\n            size={size}\n            ref={itemsRefs[index]}\n          />\n        );\n      })}\n      <Badge\n        className={cnBadges('Badge', {\n          hidden: hiddenItems.length <= 0,\n          zero: hiddenItems.length <= 0,\n        })}\n        key=\"more\"\n        label={`+${hiddenItems.length}`}\n        status=\"system\"\n        form={form}\n        size={size}\n        view={view}\n        ref={moreRef}\n      />\n    </div>\n  );\n};\n\nexport const Badges = forwardRef(BadgesRender) as BadgesComponent;\n\nexport * from './types';\n"],"mappings":"6LAAA,qBAEA,OAASA,KAAK,KAAQ,qBAAqB,CAC3C,OAASC,UAAU,KAAQ,0BAA0B,CACrD,OAASC,qBAAqB,KAAQ,qCAAqC,CAC3E,MAAOC,MAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,uBAEX,OAASC,kBAAkB,iBAG3B,MAAO,MAAMC,SAAQ,CAAGF,EAAE,CAAC,QAAQ,CAAC,CAEpC,KAAMG,aAAY,CAAG,CAACC,CAAkB,CAAEC,CAA8B,GAAK,SAWvEJ,kBAAkB,CAACG,CAAK,CAAC,CAVvB,CACJE,SAAS,CAATA,CAAS,CACTC,KAAK,CAALA,CAAK,CAAG,EAAE,CACVC,IAAI,CAAJA,CAAI,CACJC,IAAI,CAAJA,CAAI,CACJC,IAAI,CAAJA,CAAI,CACJC,WAAW,CAAXA,CAAW,CACXC,YAAY,CAAZA,CAAY,CACZC,aAAa,CAAbA,CAEF,CAAC,GADIC,CAAU,uCAGT,CAAEC,YAAY,CAAZA,CAAY,CAAEC,SAAS,CAATA,CAAS,CAAEC,UAAU,CAAVA,CAAU,CAAEC,WAAW,CAAXA,CAAW,CAAEC,OAAO,CAAPA,CAAQ,CAAC,CACjEtB,qBAAqB,CAACU,CAAK,CAAC,CAE9B,MACE,4CACMO,CAAU,EACd,GAAG,CAAElB,UAAU,CAAC,CAACS,CAAG,CAAEY,CAAU,CAAC,CAAE,CACnC,SAAS,CAAEf,QAAQ,CAAC,IAAI,CAAE,CAACI,CAAS,CAAC,CAAE,GAEtCC,CAAK,CAACa,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAEnB,oBAAC,KAAK,EACJ,SAAS,CAAEpB,QAAQ,CAAC,OAAO,CAAE,CAAEqB,MAAM,CAAE,CAACR,CAAY,CAACO,CAAK,CAAE,CAAC,CAAE,CAC/D,GAAG,CAAEpB,QAAQ,CAAC,OAAO,CAAE,CAAEoB,KAAK,CAALA,CAAM,CAAC,CAAE,CAClC,KAAK,CAAEV,CAAY,CAACS,CAAI,CAAE,CAC1B,MAAM,CAAER,CAAa,CAACQ,CAAI,CAAC,EAAI,QAAS,CACxC,IAAI,CAAEV,CAAW,CAACU,CAAI,CAAE,CACxB,IAAI,CAAEb,CAAK,CACX,IAAI,CAAEC,CAAK,CACX,IAAI,CAAEC,CAAK,CACX,GAAG,CAAEM,CAAS,CAACM,CAAK,CAAE,EAG3B,CAAC,CACF,oBAAC,KAAK,EACJ,SAAS,CAAEpB,QAAQ,CAAC,OAAO,CAAE,CAC3BqB,MAAM,CAAwB,CAAC,EAAvBL,CAAW,CAACM,MAAW,CAC/BC,IAAI,CAAwB,CAAC,EAAvBP,CAAW,CAACM,MACpB,CAAC,CAAE,CACH,GAAG,CAAC,MAAM,CACV,KAAK,CAAG,IAAGN,CAAW,CAACM,MAAO,EAAE,CAChC,MAAM,CAAC,QAAQ,CACf,IAAI,CAAEf,CAAK,CACX,IAAI,CAAEC,CAAK,CACX,IAAI,CAAEF,CAAK,CACX,GAAG,CAAEW,CAAQ,EACb,CAGR,CAAC,CAED,MAAO,MAAMO,OAAM,CAAG3B,UAAU,CAACI,YAAY,CAAoB,CAEjE"}

package/__internal__/src/components/Badges/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemIcon","item","icon","defaultGetItemLabel","label","defaultGetItemStatus","status","withDefaultGetters","props","getItemLabel","getItemIcon","getItemStatus"],"sources":["../../../../../src/components/Badges/helpers.ts"],"sourcesContent":["import {\n  BadgesPropGetItemIcon,\n  BadgesPropGetItemLabel,\n  BadgesPropGetItemStatus,\n  BadgesProps,\n  DefaultItem,\n} from './types';\n\nconst defaultGetItemIcon: BadgesPropGetItemIcon<DefaultItem> = (item) =>\n  item.icon;\nconst defaultGetItemLabel: BadgesPropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nconst defaultGetItemStatus: BadgesPropGetItemStatus<DefaultItem> = (item) =>\n  item.status;\n\nexport const withDefaultGetters = <ITEM>(props: BadgesProps<ITEM>) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n  };\n};\n"],"mappings":"0qBAQMA,mBAAsD,CAAIC,CAAD,EAC7DA,CAAI,CAACC,I,CACDC,mBAAwD,CAAIF,CAAD,EAC/DA,CAAI,CAACG,K,CACDC,oBAA0D,CAAIJ,CAAD,EACjEA,CAAI,CAACK,M,CAEP,MAAO,MAAMC,mBAAkB,CAAUC,CAAP,iCAE3BA,CAF2B,MAG9BC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBN,mBAHN,CAI9BO,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBV,kBAJJ,CAK9BW,aAAa,CAAEH,CAAK,CAACG,aAAN,EAAuBN,oBALR,EAA3B"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemIcon","item","icon","defaultGetItemLabel","label","defaultGetItemStatus","status","withDefaultGetters","props","getItemLabel","getItemIcon","getItemStatus"],"sources":["../../../../../src/components/Badges/helpers.ts"],"sourcesContent":["import {\n  BadgesPropGetItemIcon,\n  BadgesPropGetItemLabel,\n  BadgesPropGetItemStatus,\n  BadgesProps,\n  DefaultItem,\n} from './types';\n\nconst defaultGetItemIcon: BadgesPropGetItemIcon<DefaultItem> = (item) =>\n  item.icon;\nconst defaultGetItemLabel: BadgesPropGetItemLabel<DefaultItem> = (item) =>\n  item.label;\nconst defaultGetItemStatus: BadgesPropGetItemStatus<DefaultItem> = (item) =>\n  item.status;\n\nexport const withDefaultGetters = <ITEM>(props: BadgesProps<ITEM>) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n  };\n};\n"],"mappings":"0qBAQMA,mBAAsD,CAAIC,CAAI,EAClEA,CAAI,CAACC,IAAI,CACLC,mBAAwD,CAAIF,CAAI,EACpEA,CAAI,CAACG,KAAK,CACNC,oBAA0D,CAAIJ,CAAI,EACtEA,CAAI,CAACK,MAAM,CAEb,MAAO,MAAMC,mBAAkB,CAAUC,CAAwB,iCAE1DA,CAAK,MACRC,YAAY,CAAED,CAAK,CAACC,YAAY,EAAIN,mBAAmB,CACvDO,WAAW,CAAEF,CAAK,CAACE,WAAW,EAAIV,kBAAkB,CACpDW,aAAa,CAAEH,CAAK,CAACG,aAAa,EAAIN,oBAAoB,EAE7D"}

package/__internal__/src/components/Badges/types.d.ts

@@ -2,15 +2,15 @@
 import { BadgePropForm, BadgePropSize, BadgePropStatus, BadgePropView } from '@consta/uikit/Badge';
 import { IconComponent } from '@consta/uikit/Icon';
 import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
-export declare type DefaultItem = {
+export type DefaultItem = {
     label: string;
     status?: BadgePropStatus;
     icon?: IconComponent;
 };
-export declare type BadgesPropGetItemLabel<ITEM> = (item: ITEM) => string;
-export declare type BadgesPropGetItemStatus<ITEM> = (item: ITEM) => BadgePropStatus | undefined;
-export declare type BadgesPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type BadgesProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
+export type BadgesPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type BadgesPropGetItemStatus<ITEM> = (item: ITEM) => BadgePropStatus | undefined;
+export type BadgesPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type BadgesProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAndRef<{
     items?: ITEM[];
     form?: BadgePropForm;
     size?: BadgePropSize;
@@ -24,4 +24,4 @@ export declare type BadgesProps<ITEM = DefaultItem> = PropsWithHTMLAttributesAnd
 } ? {} : {
     getItemLabel: BadgesPropGetItemLabel<ITEM>;
 });
-export declare type BadgesComponent = <ITEM = DefaultItem>(props: BadgesProps<ITEM>) => React.ReactElement | null;
+export type BadgesComponent = <ITEM = DefaultItem>(props: BadgesProps<ITEM>) => React.ReactElement | null;

package/__internal__/src/components/BannerBar/BannerBar.css

@@ -0,0 +1 @@
+.che--BannerBar{align-items:flex-start;background:var(--color-bg-secondary);box-sizing:border-box;display:flex;flex-direction:var(--banner-bar-direction);gap:var(--space-m);justify-content:flex-start;overflow:auto;padding:var(--banner-bar-vertical-space) var(--banner-bar-horizontal-space)}.che--BannerBar_view_horizontal{--banner-bar-vertical-space:var(--space-xl);--banner-bar-horizontal-space:var(--space-2xl);--banner-bar-direction:row}.che--BannerBar_view_vertical{--banner-bar-vertical-space:var(--space-2xl);--banner-bar-horizontal-space:var(--space-xl);--banner-bar-direction:column}

package/__internal__/src/components/BannerBar/BannerBar.d.ts

@@ -0,0 +1,3 @@
+import './BannerBar.css';
+import { BannerBarComponent } from './types';
+export declare const BannerBar: BannerBarComponent;

package/__internal__/src/components/BannerBar/BannerBar.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","getItemAs","getItemAttributes","getItemDescription","getItemImage","getItemLabel","getItemOnClick","onItemClick","className","view"];import"./BannerBar.css";import React,{forwardRef}from"react";import{cn}from"../../utils/bem";import{BannerBarItem}from"./BannerBarItem";import{withDefaultGetters}from"./helpers";const cnBannerBar=cn("BannerBar"),BannerBarRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,getItemAs:e,getItemAttributes:f,getItemDescription:g,getItemImage:h,getItemLabel:i,getItemOnClick:j,onItemClick:k,className:l,view:m="vertical"}=c,n=_objectWithoutProperties(c,_excluded);return React.createElement("div",Object.assign({className:cnBannerBar({view:m},[l])},n,{ref:b}),d.map((a,b)=>{var c;return React.createElement(BannerBarItem,Object.assign({key:cnBannerBar("Item",{index:b}),label:i(a),description:g(a),image:h(a),as:e(a),onClick:b=>{var c;null===(c=j(a))||void 0===c?void 0:c(b),null===k||void 0===k?void 0:k({e:b,item:a})},view:m},null!==(c=f(a))&&void 0!==c?c:{}))}))};export const BannerBar=forwardRef(BannerBarRender);
+//# sourceMappingURL=BannerBar.js.map

package/__internal__/src/components/BannerBar/BannerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerBar.js","names":["React","forwardRef","cn","BannerBarItem","withDefaultGetters","cnBannerBar","BannerBarRender","props","ref","items","getItemAs","getItemAttributes","getItemDescription","getItemImage","getItemLabel","getItemOnClick","onItemClick","className","view","otherProps","map","item","index","e","BannerBar"],"sources":["../../../../../src/components/BannerBar/BannerBar.tsx"],"sourcesContent":["import './BannerBar.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { BannerBarItem } from './BannerBarItem';\nimport { withDefaultGetters } from './helpers';\nimport { BannerBarComponent, BannerBarProps } from './types';\n\nconst cnBannerBar = cn('BannerBar');\n\nconst BannerBarRender = (\n  props: BannerBarProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemAs,\n    getItemAttributes,\n    getItemDescription,\n    getItemImage,\n    getItemLabel,\n    getItemOnClick,\n    onItemClick,\n    className,\n    view = 'vertical',\n    ...otherProps\n  } = withDefaultGetters(props);\n  return (\n    <div\n      className={cnBannerBar({ view }, [className])}\n      {...otherProps}\n      ref={ref}\n    >\n      {items.map((item, index) => {\n        const onClick: React.MouseEventHandler = (e) => {\n          getItemOnClick(item)?.(e);\n          onItemClick?.({ e, item });\n        };\n\n        return (\n          <BannerBarItem\n            key={cnBannerBar('Item', { index })}\n            label={getItemLabel(item)}\n            description={getItemDescription(item)}\n            image={getItemImage(item)}\n            as={getItemAs(item)}\n            onClick={onClick}\n            view={view}\n            {...(getItemAttributes(item) ?? {})}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const BannerBar = forwardRef(BannerBarRender) as BannerBarComponent;\n"],"mappings":"oPAAA,wBAEA,MAAOA,MAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,uBAEX,OAASC,aAAa,uBACtB,OAASC,kBAAkB,iBAAoB,KAGzCC,YAAW,CAAGH,EAAE,CAAC,WAAW,CAAC,CAE7BI,eAAe,CAAG,CACtBC,CAAqB,CACrBC,CAA8B,GAC3B,CACH,QAYIJ,kBAAkB,CAACG,CAAK,CAAC,CAZvB,CACJE,KAAK,CAALA,CAAK,CACLC,SAAS,CAATA,CAAS,CACTC,iBAAiB,CAAjBA,CAAiB,CACjBC,kBAAkB,CAAlBA,CAAkB,CAClBC,YAAY,CAAZA,CAAY,CACZC,YAAY,CAAZA,CAAY,CACZC,cAAc,CAAdA,CAAc,CACdC,WAAW,CAAXA,CAAW,CACXC,SAAS,CAATA,CAAS,CACTC,IAAI,CAAJA,CAAI,CAAG,UAET,CAAC,GADIC,CAAU,uCAEf,MACE,0CACE,SAAS,CAAEd,WAAW,CAAC,CAAEa,IAAI,CAAJA,CAAK,CAAC,CAAE,CAACD,CAAS,CAAC,CAAE,EAC1CE,CAAU,EACd,GAAG,CAAEX,CAAI,GAERC,CAAK,CAACW,GAAG,CAAC,CAACC,CAAI,CAAEC,CAAK,GAAK,OAM1B,MACE,qBAAC,aAAa,gBACZ,GAAG,CAAEjB,WAAW,CAAC,MAAM,CAAE,CAAEiB,KAAK,CAALA,CAAM,CAAC,CAAE,CACpC,KAAK,CAAER,CAAY,CAACO,CAAI,CAAE,CAC1B,WAAW,CAAET,CAAkB,CAACS,CAAI,CAAE,CACtC,KAAK,CAAER,CAAY,CAACQ,CAAI,CAAE,CAC1B,EAAE,CAAEX,CAAS,CAACW,CAAI,CAAE,CACpB,OAAO,CAZ+BE,CAAC,EAAK,iBAC9CR,CAAc,CAACM,CAAI,CAAC,qBAApB,EAAuBE,CAAC,CAAC,QACzBP,CAAW,WAAXA,CAAW,QAAXA,CAAW,CAAG,CAAEO,CAAC,CAADA,CAAC,CAAEF,IAAI,CAAJA,CAAK,CAAC,CAC3B,CASqB,CACjB,IAAI,CAAEH,CAAK,YACNP,CAAiB,CAACU,CAAI,CAAC,gBAAI,CAAC,CAAC,EAGxC,CAAC,CAAC,CAGR,CAAC,CAED,MAAO,MAAMG,UAAS,CAAGvB,UAAU,CAACK,eAAe,CAAuB"}

package/__internal__/src/components/BannerBar/BannerBarItem/BannerBarItem.css

@@ -0,0 +1 @@
+.che--BannerBarItem{align-items:flex-start;background:var(--color-bg-default);display:flex;flex-direction:var(--banner-bar-item-direction);gap:var(--space-m);justify-content:flex-start}.che--BannerBarItem_view_vertical{--banner-bar-item-direction:column;width:100%}.che--BannerBarItem_view_horizontal{--banner-bar-item-direction:row;height:100%}.che--BannerBarItem-Image{height:100%;max-height:195px;max-width:256px;object-fit:cover;overflow:hidden;width:100%}.che--BannerBarItem-ImageContainer{border-radius:var(--control-radius);max-height:100%;max-width:100%;overflow:hidden}.che--BannerBarItem-Content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-xs);justify-content:flex-start;max-width:260px;width:100%}.che--BannerBarItem-Description{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;display:-webkit-box;max-height:3em;overflow:hidden;text-overflow:ellipsis}.che--BannerBarItem-Button.Button{margin-top:var(--space-xs);padding:0}.che--BannerBarItem-Button.Button:hover{background-color:transparent;color:var(--color-control-bg-primary)}

package/__internal__/src/components/BannerBar/BannerBarItem/BannerBarItem.d.ts

@@ -0,0 +1,3 @@
+import './BannerBarItem.css';
+import { BannerBarItemComponent } from '../types';
+export declare const BannerBarItem: BannerBarItemComponent;

package/__internal__/src/components/BannerBar/BannerBarItem/BannerBarItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["label","description","image","onClick","as","className","view"];import"./BannerBarItem.css";import{Button}from"@consta/uikit/Button";import{IconForward}from"@consta/uikit/IconForward";import{cnMixCard}from"@consta/uikit/MixCard";import{Text}from"@consta/uikit/Text";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";const cnBannerBarItem=cn("BannerBarItem"),BannerBarItemRender=(a,b)=>{const{label:c,description:d,image:e,onClick:f,as:h="div",className:g,view:i="vertical"}=a,j=_objectWithoutProperties(a,_excluded);return React.createElement(h,Object.assign({className:cnBannerBarItem({view:i},[g,cnMixCard({verticalSpace:"l",horizontalSpace:"l",shadow:!0,form:"round"})]),ref:b},j),e&&React.createElement("div",{className:cnBannerBarItem("ImageContainer")},React.createElement("img",{className:cnBannerBarItem("Image"),alt:c,src:e})),React.createElement("div",{className:cnBannerBarItem("Content")},React.createElement(Text,{weight:"semibold",size:"m",lineHeight:"m",className:cnBannerBarItem("Title")},c),d&&React.createElement(Text,{className:cnBannerBarItem("Description"),size:"m",lineHeight:"m"},d),React.createElement(Button,{className:cnBannerBarItem("Button"),label:"\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435",iconRight:IconForward,size:"s",view:"clear",onClick:f})))};export const BannerBarItem=forwardRef(BannerBarItemRender);
+//# sourceMappingURL=BannerBarItem.js.map

package/__internal__/src/components/BannerBar/BannerBarItem/BannerBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerBarItem.js","names":["Button","IconForward","cnMixCard","Text","React","forwardRef","cn","cnBannerBarItem","BannerBarItemRender","props","ref","label","description","image","onClick","as","Tag","className","view","otherProps","verticalSpace","horizontalSpace","shadow","form","BannerBarItem"],"sources":["../../../../../../src/components/BannerBar/BannerBarItem/BannerBarItem.tsx"],"sourcesContent":["import './BannerBarItem.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconForward } from '@consta/uikit/IconForward';\nimport { cnMixCard } from '@consta/uikit/MixCard';\nimport { Text } from '@consta/uikit/Text';\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { BannerBarItemComponent, BannerBarItemProps } from '../types';\n\nconst cnBannerBarItem = cn('BannerBarItem');\n\nconst BannerBarItemRender = (\n  props: BannerBarItemProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    label,\n    description,\n    image,\n    onClick,\n    as: Tag = 'div',\n    className,\n    view = 'vertical',\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      className={cnBannerBarItem({ view }, [\n        className,\n        cnMixCard({\n          verticalSpace: 'l',\n          horizontalSpace: 'l',\n          shadow: true,\n          form: 'round',\n        }),\n      ])}\n      ref={ref}\n      {...otherProps}\n    >\n      {image && (\n        <div className={cnBannerBarItem('ImageContainer')}>\n          <img className={cnBannerBarItem('Image')} alt={label} src={image} />\n        </div>\n      )}\n      <div className={cnBannerBarItem('Content')}>\n        <Text\n          weight=\"semibold\"\n          size=\"m\"\n          lineHeight=\"m\"\n          className={cnBannerBarItem('Title')}\n        >\n          {label}\n        </Text>\n        {description && (\n          <Text\n            className={cnBannerBarItem('Description')}\n            size=\"m\"\n            lineHeight=\"m\"\n          >\n            {description}\n          </Text>\n        )}\n        <Button\n          className={cnBannerBarItem('Button')}\n          label=\"Подробнее\"\n          iconRight={IconForward}\n          size=\"s\"\n          view=\"clear\"\n          onClick={onClick}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nexport const BannerBarItem = forwardRef(\n  BannerBarItemRender,\n) as BannerBarItemComponent;\n"],"mappings":"uKAAA,4BAEA,OAASA,MAAM,KAAQ,sBAAsB,CAC7C,OAASC,WAAW,KAAQ,2BAA2B,CACvD,OAASC,SAAS,KAAQ,uBAAuB,CACjD,OAASC,IAAI,KAAQ,oBAAoB,CACzC,MAAOC,MAAK,EAAIC,UAAU,KAAQ,OAAO,CAEzC,OAASC,EAAE,0BAAuB,KAI5BC,gBAAe,CAAGD,EAAE,CAAC,eAAe,CAAC,CAErCE,mBAAmB,CAAG,CAC1BC,CAAyB,CACzBC,CAA8B,GAC3B,CACH,KAAM,CACJC,KAAK,CAALA,CAAK,CACLC,WAAW,CAAXA,CAAW,CACXC,KAAK,CAALA,CAAK,CACLC,OAAO,CAAPA,CAAO,CACPC,EAAE,CAAEC,CAAG,CAAG,KAAK,CACfC,SAAS,CAATA,CAAS,CACTC,IAAI,CAAJA,CAAI,CAAG,UAET,CAAC,CAAGT,CAAK,CADJU,CAAU,0BACXV,CAAK,YAET,MACE,qBAAC,CAAG,gBACF,SAAS,CAAEF,eAAe,CAAC,CAAEW,IAAI,CAAJA,CAAK,CAAC,CAAE,CACnCD,CAAS,CACTf,SAAS,CAAC,CACRkB,aAAa,CAAE,GAAG,CAClBC,eAAe,CAAE,GAAG,CACpBC,MAAM,GAAM,CACZC,IAAI,CAAE,OACR,CAAC,CAAC,CACH,CAAE,CACH,GAAG,CAAEb,CAAI,EACLS,CAAU,EAEbN,CAAK,EACJ,2BAAK,SAAS,CAAEN,eAAe,CAAC,gBAAgB,CAAE,EAChD,2BAAK,SAAS,CAAEA,eAAe,CAAC,OAAO,CAAE,CAAC,GAAG,CAAEI,CAAM,CAAC,GAAG,CAAEE,CAAM,EAAG,CAEvE,CACD,2BAAK,SAAS,CAAEN,eAAe,CAAC,SAAS,CAAE,EACzC,oBAAC,IAAI,EACH,MAAM,CAAC,UAAU,CACjB,IAAI,CAAC,GAAG,CACR,UAAU,CAAC,GAAG,CACd,SAAS,CAAEA,eAAe,CAAC,OAAO,CAAE,EAEnCI,CAAK,CACD,CACNC,CAAW,EACV,oBAAC,IAAI,EACH,SAAS,CAAEL,eAAe,CAAC,aAAa,CAAE,CAC1C,IAAI,CAAC,GAAG,CACR,UAAU,CAAC,GAAG,EAEbK,CAAW,CAEf,CACD,oBAAC,MAAM,EACL,SAAS,CAAEL,eAAe,CAAC,QAAQ,CAAE,CACrC,KAAK,CAAC,wDAAW,CACjB,SAAS,CAAEN,WAAY,CACvB,IAAI,CAAC,GAAG,CACR,IAAI,CAAC,OAAO,CACZ,OAAO,CAAEa,CAAQ,EACjB,CACE,CAGZ,CAAC,CAED,MAAO,MAAMU,cAAa,CAAGnB,UAAU,CACrCG,mBAAmB,CACM"}

package/__internal__/src/components/BannerBar/BannerBarItem/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerBarItem';

package/__internal__/src/components/BannerBar/BannerBarItem/index.js

@@ -0,0 +1,2 @@
+export*from"./BannerBarItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/BannerBar/BannerBarItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/BannerBar/BannerBarItem/index.ts"],"sourcesContent":["export * from './BannerBarItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/BannerBar/helpers.d.ts

@@ -0,0 +1,274 @@
+/// <reference types="react" />
+import { BannerBarDefaultItem, BannerBarPropGetItemAs, BannerBarPropGetItemAttributes, BannerBarPropGetItemDescription, BannerBarPropGetItemImage, BannerBarPropGetItemLabel, BannerBarPropGetItemOnClick, BannerBarProps } from './types';
+export declare const withDefaultGetters: <ITEM>(props: BannerBarProps<ITEM>) => {
+    getItemLabel: BannerBarPropGetItemLabel<BannerBarDefaultItem> | BannerBarPropGetItemLabel<ITEM>;
+    getItemDescription: BannerBarPropGetItemDescription<BannerBarDefaultItem> | BannerBarPropGetItemDescription<ITEM>;
+    getItemOnClick: BannerBarPropGetItemOnClick<BannerBarDefaultItem> | BannerBarPropGetItemOnClick<ITEM>;
+    getItemImage: BannerBarPropGetItemImage<BannerBarDefaultItem> | BannerBarPropGetItemImage<ITEM>;
+    getItemAs: BannerBarPropGetItemAs<BannerBarDefaultItem> | BannerBarPropGetItemAs<ITEM>;
+    getItemAttributes: BannerBarPropGetItemAttributes<BannerBarDefaultItem> | BannerBarPropGetItemAttributes<ITEM>;
+    items: ITEM[];
+    onItemClick?: import("./types").BannerBarPropOnItemClick<ITEM> | undefined;
+    view?: import("./types").BannerBarPropView | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+};

package/__internal__/src/components/BannerBar/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}const defaultGetItemLabel=a=>a.label,defaultGetItemDescription=a=>a.description,defaultGetItemOnClick=a=>a.onClick,defaultGetItemImage=a=>a.image,defaultGetItemAs=a=>a.as,defaultGetItemAttributes=a=>a.attributes;export const withDefaultGetters=a=>_objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemDescription:a.getItemDescription||defaultGetItemDescription,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemImage:a.getItemImage||defaultGetItemImage,getItemAs:a.getItemAs||defaultGetItemAs,getItemAttributes:a.getItemAttributes||defaultGetItemAttributes});
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/BannerBar/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemDescription","description","defaultGetItemOnClick","onClick","defaultGetItemImage","image","defaultGetItemAs","as","defaultGetItemAttributes","attributes","withDefaultGetters","props","getItemLabel","getItemDescription","getItemOnClick","getItemImage","getItemAs","getItemAttributes"],"sources":["../../../../../src/components/BannerBar/helpers.ts"],"sourcesContent":["import {\n  BannerBarDefaultItem,\n  BannerBarPropGetItemAs,\n  BannerBarPropGetItemAttributes,\n  BannerBarPropGetItemDescription,\n  BannerBarPropGetItemImage,\n  BannerBarPropGetItemLabel,\n  BannerBarPropGetItemOnClick,\n  BannerBarProps,\n} from './types';\n\nconst defaultGetItemLabel: BannerBarPropGetItemLabel<BannerBarDefaultItem> = (\n  item,\n) => item.label;\nconst defaultGetItemDescription: BannerBarPropGetItemDescription<\n  BannerBarDefaultItem\n> = (item) => item.description;\nconst defaultGetItemOnClick: BannerBarPropGetItemOnClick<\n  BannerBarDefaultItem\n> = (item) => item.onClick;\nconst defaultGetItemImage: BannerBarPropGetItemImage<BannerBarDefaultItem> = (\n  item,\n) => item.image;\nconst defaultGetItemAs: BannerBarPropGetItemAs<BannerBarDefaultItem> = (item) =>\n  item.as;\nconst defaultGetItemAttributes: BannerBarPropGetItemAttributes<\n  BannerBarDefaultItem\n> = (item) => item.attributes;\n\nexport const withDefaultGetters = <ITEM>(props: BannerBarProps<ITEM>) => {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemAs: props.getItemAs || defaultGetItemAs,\n    getItemAttributes: props.getItemAttributes || defaultGetItemAttributes,\n  };\n};\n"],"mappings":"0qBAWMA,oBAAoE,CACxEC,CAAI,EACDA,CAAI,CAACC,KAAK,CACTC,yBAEL,CAAIF,CAAI,EAAKA,CAAI,CAACG,WAAW,CACxBC,qBAEL,CAAIJ,CAAI,EAAKA,CAAI,CAACK,OAAO,CACpBC,mBAAoE,CACxEN,CAAI,EACDA,CAAI,CAACO,KAAK,CACTC,gBAA8D,CAAIR,CAAI,EAC1EA,CAAI,CAACS,EAAE,CACHC,wBAEL,CAAIV,CAAI,EAAKA,CAAI,CAACW,UAAU,CAE7B,MAAO,MAAMC,mBAAkB,CAAUC,CAA2B,iCAE7DA,CAAK,MACRC,YAAY,CAAED,CAAK,CAACC,YAAY,EAAIf,mBAAmB,CACvDgB,kBAAkB,CAAEF,CAAK,CAACE,kBAAkB,EAAIb,yBAAyB,CACzEc,cAAc,CAAEH,CAAK,CAACG,cAAc,EAAIZ,qBAAqB,CAC7Da,YAAY,CAAEJ,CAAK,CAACI,YAAY,EAAIX,mBAAmB,CACvDY,SAAS,CAAEL,CAAK,CAACK,SAAS,EAAIV,gBAAgB,CAC9CW,iBAAiB,CAAEN,CAAK,CAACM,iBAAiB,EAAIT,wBAAwB,EAEzE"}

package/__internal__/src/components/BannerBar/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BannerBar';
+export * from './BannerBarItem';
+export * from './types';

package/__internal__/src/components/BannerBar/index.js

@@ -0,0 +1,2 @@
+export*from"./BannerBar";export*from"./BannerBarItem";export*from"./types";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/BannerBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/BannerBar/index.ts"],"sourcesContent":["export * from './BannerBar';\nexport * from './BannerBarItem';\nexport * from './types';\n"],"mappings":"AAAA,yBACA,6BACA"}

package/__internal__/src/components/BannerBar/types.d.ts

@@ -0,0 +1,42 @@
+import { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
+export type BannerBarDefaultItem = {
+    onClick?: React.MouseEventHandler;
+    label: string;
+    description?: string;
+    image?: string;
+    as?: keyof JSX.IntrinsicElements;
+    attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];
+};
+export type BannerBarPropView = 'vertical' | 'horizontal';
+export type BannerBarPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export type BannerBarPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
+export type BannerBarPropGetItemImage<ITEM> = (item: ITEM) => string | undefined;
+export type BannerBarPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type BannerBarPropGetItemAs<ITEM> = (item: ITEM) => keyof JSX.IntrinsicElements | undefined;
+export type BannerBarPropGetItemAttributes<ITEM> = (item: ITEM) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;
+export type BannerBarPropOnItemClick<ITEM> = (params: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export type BannerBarProps<ITEM = BannerBarDefaultItem> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    getItemLabel?: BannerBarPropGetItemLabel<ITEM>;
+    getItemDescription?: BannerBarPropGetItemDescription<ITEM>;
+    getItemImage?: BannerBarPropGetItemImage<ITEM>;
+    getItemOnClick?: BannerBarPropGetItemOnClick<ITEM>;
+    getItemAs?: BannerBarPropGetItemAs<ITEM>;
+    getItemAttributes?: BannerBarPropGetItemAttributes<ITEM>;
+    onItemClick?: BannerBarPropOnItemClick<ITEM>;
+    view?: BannerBarPropView;
+}, HTMLDivElement>;
+export type BannerBarComponent = <ITEM = BannerBarDefaultItem>(props: BannerBarProps<ITEM>, ref: React.Ref<HTMLDivElement>) => React.ReactElement | null;
+export type BannerBarItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> = PropsWithAsAttributes<{
+    label: string;
+    description?: string;
+    image?: string;
+    onClick?: React.MouseEventHandler;
+    view?: BannerBarPropView;
+}, AS>;
+export type BannerBarItemComponent = <AS extends keyof JSX.IntrinsicElements = 'div'>(props: BannerBarItemProps<AS>, ref: React.Ref<HTMLElement>) => React.ReactElement | null;

package/__internal__/src/components/BannerBar/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/BannerBar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/BannerBar/types.ts"],"sourcesContent":["import { PropsWithAsAttributes } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type BannerBarDefaultItem = {\n  onClick?: React.MouseEventHandler;\n  label: string;\n  description?: string;\n  image?: string;\n  as?: keyof JSX.IntrinsicElements;\n  attributes?: JSX.IntrinsicElements[keyof JSX.IntrinsicElements];\n};\n\nexport type BannerBarPropView = 'vertical' | 'horizontal';\n\nexport type BannerBarPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type BannerBarPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BannerBarPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type BannerBarPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler | undefined;\nexport type BannerBarPropGetItemAs<ITEM> = (\n  item: ITEM,\n) => keyof JSX.IntrinsicElements | undefined;\nexport type BannerBarPropGetItemAttributes<ITEM> = (\n  item: ITEM,\n) => JSX.IntrinsicElements[keyof JSX.IntrinsicElements] | undefined;\n\nexport type BannerBarPropOnItemClick<ITEM> = (params: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\n\nexport type BannerBarProps<ITEM = BannerBarDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      getItemLabel?: BannerBarPropGetItemLabel<ITEM>;\n      getItemDescription?: BannerBarPropGetItemDescription<ITEM>;\n      getItemImage?: BannerBarPropGetItemImage<ITEM>;\n      getItemOnClick?: BannerBarPropGetItemOnClick<ITEM>;\n      getItemAs?: BannerBarPropGetItemAs<ITEM>;\n      getItemAttributes?: BannerBarPropGetItemAttributes<ITEM>;\n      onItemClick?: BannerBarPropOnItemClick<ITEM>;\n      view?: BannerBarPropView;\n    },\n    HTMLDivElement\n  >;\n\nexport type BannerBarComponent = <ITEM = BannerBarDefaultItem>(\n  props: BannerBarProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => React.ReactElement | null;\n\nexport type BannerBarItemProps<AS extends keyof JSX.IntrinsicElements = 'div'> =\n  PropsWithAsAttributes<\n    {\n      label: string;\n      description?: string;\n      image?: string;\n      onClick?: React.MouseEventHandler;\n      view?: BannerBarPropView;\n    },\n    AS\n  >;\n\nexport type BannerBarItemComponent = <\n  AS extends keyof JSX.IntrinsicElements = 'div',\n>(\n  props: BannerBarItemProps<AS>,\n  ref: React.Ref<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":""}