@consta/header 0.4.4 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["getGroups","constaGetGroups","format","isToday","isYesterday","startOfDay","defaultGetActionIcon","action","icon","defaultGetActionLabel","label","defaultGetActionOnClick","onClick","defaultGetGroupId","group","id","defaultGetGroupLabel","defaultGetItemActions","item","actions","defaultGetItemBadges","badges","defaultGetItemDate","date","defaultGetItemDescription","description","defaultGetItemGroup","defaultGetItemImage","image","defaultGetItemLabel","defaultGetItemRead","read","defaultGetItemView","view","withDefaultGetters","props","getActionIcon","getActionLabel","getActionOnClick","getGroupId","getGroupLabel","getItemActions","getItemBadges","getItemDate","getItemDescription","getItemGroup","getItemImage","getItemLabel","getItemRead","getItemView","noGroupKey","defaultGroupLabelFormat","timestamp","sortGroup","a","b","key","items","groups","groupByDay","getTime"],"sources":["../../../../../src/components/NotificationsList/helpers.ts"],"sourcesContent":["import { getGroups as constaGetGroups } from '@consta/uikit/__internal__/src/utils/getGroups';\nimport { format, isToday, isYesterday, startOfDay } from 'date-fns';\n\nimport {\n  NotificationsDefaultAction,\n  NotificationsDefaultGroup,\n  NotificationsDefaultItem,\n  NotificationsListPropGetActionIcon,\n  NotificationsListPropGetActionLabel,\n  NotificationsListPropGetActionOnClick,\n  NotificationsListPropGetGroupId,\n  NotificationsListPropGetGroupLabel,\n  NotificationsListPropGetItemActions,\n  NotificationsListPropGetItemBadges,\n  NotificationsListPropGetItemDate,\n  NotificationsListPropGetItemDescription,\n  NotificationsListPropGetItemGroup,\n  NotificationsListPropGetItemImage,\n  NotificationsListPropGetItemLabel,\n  NotificationsListPropGetItemRead,\n  NotificationsListPropGetItemView,\n  NotificationsListPropGroupLabelFormat,\n  NotificationsListProps,\n} from './types';\n\nconst defaultGetActionIcon: NotificationsListPropGetActionIcon<\n  NotificationsDefaultAction\n> = (action) => action.icon;\nconst defaultGetActionLabel: NotificationsListPropGetActionLabel<\n  NotificationsDefaultAction\n> = (action) => action.label;\nconst defaultGetActionOnClick: NotificationsListPropGetActionOnClick<\n  NotificationsDefaultAction\n> = (action) => action.onClick;\nconst defaultGetGroupId: NotificationsListPropGetGroupId<\n  NotificationsDefaultGroup\n> = (group) => group.id;\nconst defaultGetGroupLabel: NotificationsListPropGetGroupLabel<\n  NotificationsDefaultGroup\n> = (group) => group.label;\nconst defaultGetItemActions: NotificationsListPropGetItemActions<\n  NotificationsDefaultItem\n> = (item) => item.actions;\nconst defaultGetItemBadges: NotificationsListPropGetItemBadges<\n  NotificationsDefaultItem\n> = (item) => item.badges;\nconst defaultGetItemDate: NotificationsListPropGetItemDate<\n  NotificationsDefaultItem\n> = (item) => item.date;\nconst defaultGetItemDescription: NotificationsListPropGetItemDescription<\n  NotificationsDefaultItem\n> = (item) => item.description;\nconst defaultGetItemGroup: NotificationsListPropGetItemGroup<\n  NotificationsDefaultItem\n> = (item) => item.group;\nconst defaultGetItemImage: NotificationsListPropGetItemImage<\n  NotificationsDefaultItem\n> = (item) => item.image;\nconst defaultGetItemLabel: NotificationsListPropGetItemLabel<\n  NotificationsDefaultItem\n> = (item) => item.label;\nconst defaultGetItemRead: NotificationsListPropGetItemRead<\n  NotificationsDefaultItem\n> = (item) => item.read;\nconst defaultGetItemView: NotificationsListPropGetItemView<\n  NotificationsDefaultItem\n> = (item) => item.view;\n\nexport function withDefaultGetters<ITEM, GROUP, ACTION>(\n  props: NotificationsListProps<ITEM, GROUP, ACTION>,\n) {\n  return {\n    ...props,\n    getActionIcon: props.getActionIcon || defaultGetActionIcon,\n    getActionLabel: props.getActionLabel || defaultGetActionLabel,\n    getActionOnClick: props.getActionOnClick || defaultGetActionOnClick,\n    getGroupId: props.getGroupId || defaultGetGroupId,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getItemActions: props.getItemActions || defaultGetItemActions,\n    getItemBadges: props.getItemBadges || defaultGetItemBadges,\n    getItemDate: props.getItemDate || defaultGetItemDate,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemGroup: props.getItemGroup || defaultGetItemGroup,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemRead: props.getItemRead || defaultGetItemRead,\n    getItemView: props.getItemView || defaultGetItemView,\n  };\n}\n\ntype ReturnedGroup<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n  groupIndex: number;\n};\n\nexport const noGroupKey = 'no-group';\n\nexport const defaultGroupLabelFormat: NotificationsListPropGroupLabelFormat<\n  true\n> = (timestamp) => {\n  if (isToday(timestamp)) {\n    return 'Сегодня';\n  }\n  if (isYesterday(timestamp)) {\n    return 'Вчера';\n  }\n  return format(timestamp, 'dd.MM.yyyy');\n};\n\nconst sortGroup = (\n  a: { key: string | number },\n  b: { key: string | number },\n) => {\n  if (a.key < b.key) {\n    return 1;\n  }\n  if (a.key > b.key) {\n    return -1;\n  }\n  return 0;\n};\n\nexport const getGroups = <ITEM, GROUP>(\n  items: ITEM[],\n  groups: GROUP[] | undefined,\n  groupByDay: boolean,\n  getItemGroup: NotificationsListPropGetItemGroup<ITEM>,\n  getItemDate: NotificationsListPropGetItemDate<ITEM>,\n  getGroupId: NotificationsListPropGetGroupId<GROUP>,\n): Array<ReturnedGroup<ITEM, GROUP>> => {\n  if (groupByDay) {\n    const getItemGroupByDate = (item: ITEM) => {\n      const date = getItemDate(item);\n      return date ? startOfDay(date).getTime() : undefined;\n    };\n\n    return constaGetGroups<ITEM, GROUP>(\n      items,\n      getItemGroupByDate,\n      undefined,\n      undefined,\n      sortGroup,\n      noGroupKey,\n    );\n  }\n  return constaGetGroups(\n    items,\n    getItemGroup,\n    groups,\n    getGroupId,\n    undefined,\n    noGroupKey,\n  );\n};\n"],"mappings":"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"}

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

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

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

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

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

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

package/{NotificationsList → __internal__/src/components/NotificationsList}/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BadgePropStatus } from '@consta/uikit/Badge';
 import { IconProps } from '@consta/uikit/Icon';
-import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type NotificationsDefaultAction = {
     label: string;
     onClick?: React.EventHandler<React.MouseEvent>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/NotificationsList/types.ts"],"sourcesContent":["import { BadgePropStatus } from '@consta/uikit/Badge';\nimport { IconProps } from '@consta/uikit/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type NotificationsDefaultAction = {\n  label: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  icon?: React.FC<IconProps>;\n};\n\nexport type Badge = {\n  label: string;\n  status?: BadgePropStatus;\n};\n\nexport type NotificationsDefaultGroup = {\n  label: string;\n  id: string;\n};\n\nexport type NotificationsDefaultItem = {\n  label: string;\n  description?: string;\n  image?: string;\n  read?: boolean;\n  date?: Date;\n  badges?: Badge[];\n  actions?: NotificationsDefaultAction[];\n  onClick?: React.EventHandler<React.MouseEvent>;\n  group?: string;\n  view?: 'default' | 'user';\n};\n\nexport type NotificationsListPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type NotificationsListPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemRead<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type NotificationsListPropGetItemDate<ITEM> = (\n  item: ITEM,\n) => Date | undefined;\nexport type NotificationsListPropGetItemBadges<ITEM> = (\n  item: ITEM,\n) => Badge[] | undefined;\nexport type NotificationsListPropGetItemActions<ITEM> = (\n  item: ITEM,\n) => NotificationsDefaultAction[] | undefined;\nexport type NotificationsListPropGetItemGroup<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type NotificationsListPropGetItemView<ITEM> = (\n  item: ITEM,\n) => 'default' | 'user' | undefined;\nexport type NotificationsListPropItemDateFormat = (date: Date) => string;\n\nexport type NotificationsListPropGetActionLabel<ACTION> = (\n  action: ACTION,\n) => string;\nexport type NotificationsListPropGetActionIcon<ACTION> = (\n  action: ACTION,\n) => React.FC<IconProps> | undefined;\nexport type NotificationsListPropGetActionOnClick<ACTION> = (\n  action: ACTION,\n) => React.EventHandler<React.MouseEvent> | undefined;\n\nexport type NotificationsListPropGetGroupLabel<GROUP> = (\n  group: GROUP,\n) => string;\nexport type NotificationsListPropGetGroupId<GROUP> = (\n  group: GROUP,\n) => string | number;\n\nexport type NotificationsListPropGroupLabelFormat<GROUP_BY_DAY> =\n  GROUP_BY_DAY extends true ? (timestamp: number) => string : never;\n\nexport type Props<ITEM, GROUP, ACTION, GROUP_BY_DAY extends boolean> = {\n  children?: never;\n  items: ITEM[];\n  itemDateFormat?: NotificationsListPropItemDateFormat;\n  title?: string;\n  actions?: ACTION[];\n  getItemLabel?: NotificationsListPropGetItemLabel<ITEM>;\n  getItemDescription?: NotificationsListPropGetItemDescription<ITEM>;\n  getItemImage?: NotificationsListPropGetItemImage<ITEM>;\n  getItemRead?: NotificationsListPropGetItemRead<ITEM>;\n  getItemDate?: NotificationsListPropGetItemDate<ITEM>;\n  getItemBadges?: NotificationsListPropGetItemBadges<ITEM>;\n  getItemActions?: NotificationsListPropGetItemActions<ITEM>;\n  getItemGroup?: NotificationsListPropGetItemGroup<ITEM>;\n  getItemView?: NotificationsListPropGetItemView<ITEM>;\n  getActionLabel?: NotificationsListPropGetActionLabel<ACTION>;\n  getActionIcon?: NotificationsListPropGetActionIcon<ACTION>;\n  getActionOnClick?: NotificationsListPropGetActionOnClick<ACTION>;\n  getGroupLabel?: NotificationsListPropGetGroupLabel<GROUP>;\n  getGroupId?: NotificationsListPropGetGroupId<GROUP>;\n  groupByDay?: GROUP_BY_DAY;\n  groupLabelFormat?: NotificationsListPropGroupLabelFormat<GROUP_BY_DAY>;\n  groups?: GROUP_BY_DAY extends true ? never : GROUP[];\n  onClose?: React.EventHandler<React.MouseEvent>;\n} & (ACTION extends { label: NotificationsDefaultAction['label'] }\n  ? {}\n  : { getActionLabel: NotificationsListPropGetItemActions<ACTION> }) &\n  (GROUP extends { label: NotificationsDefaultGroup['label'] }\n    ? {}\n    : { getGroupLabel: NotificationsListPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: NotificationsDefaultGroup['id'] }\n    ? {}\n    : { getGroupId: NotificationsListPropGetGroupId<GROUP> }) &\n  (ITEM extends { label: NotificationsDefaultItem['label'] }\n    ? {}\n    : { getItemLabel: NotificationsListPropGetItemLabel<ITEM> });\n\nexport type NotificationsListProps<\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  Props<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n  HTMLDivElement\n>;\n\nexport type NotificationsListComponent = <\n  ITEM = NotificationsDefaultItem,\n  GROUP = NotificationsDefaultGroup,\n  ACTION = NotificationsDefaultAction,\n  GROUP_BY_DAY extends boolean = false,\n>(\n  props: NotificationsListProps<ITEM, GROUP, ACTION, GROUP_BY_DAY>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/SelectMenu/SelectMenu.css

@@ -0,0 +1 @@
+.che--SelectMenu{align-items:center;cursor:pointer;display:inline-flex}.che--SelectMenu-Label{flex:1}.che--SelectMenu-ArrowBox{align-items:center;color:var(--color-control-typo-placeholder);display:flex;flex:none;height:var(--space-2xl);justify-content:center;width:var(--space-2xl)}.che--SelectMenu-ArrowBox_open{transform:rotate(180deg)}.che--SelectMenu-Menu{max-height:360px;overflow:auto}

package/{SelectMenu → __internal__/src/components/SelectMenu}/SelectMenu.d.ts

@@ -1,5 +1,5 @@
-import { SelectMenuComponent } from "./types";
 import './SelectMenu.css';
+import { SelectMenuComponent } from './types';
 export declare const cnSelectMenu: import("@bem-react/classname").ClassNameFormatter;
 export declare const SelectMenu: SelectMenuComponent;
-export * from "./types";
+export * from './types';

package/__internal__/src/components/SelectMenu/SelectMenu.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","getItemSubMenu","style"];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}import"./SelectMenu.css";import{ContextMenu}from"@consta/uikit/ContextMenu";import{IconSelect}from"@consta/uikit/IconSelect";import{Text}from"@consta/uikit/Text";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import{useMutableRef}from"@consta/uikit/useMutableRef";import React,{forwardRef,useCallback,useRef}from"react";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";export const cnSelectMenu=cn("SelectMenu");const SelectMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemHref:f,getItemLabel:g,getItemOnClick:h,getItemTarget:i,onItemClick:j,label:k,onClick:l,getItemSubMenu:m,style:n}=c,o=_objectWithoutProperties(c,_excluded),[p,q]=useFlag(),r=useRef(null),s=useMutableRef(f),t=useMutableRef(i),u=useMutableRef(l),v=useCallback(a=>s.current(a)?"a":"span",[]),w=useCallback(a=>{const b=s.current(a),c=t.current(a);return _objectSpread(_objectSpread({},b&&{href:s.current(a)}),c&&{href:t.current(a)})},[]),x=useCallback(a=>{var b;null===(b=u.current)||void 0===b?void 0:b.call(u,a),q.toogle()},[]);return React.createElement(React.Fragment,null,React.createElement("div",Object.assign({},o,{className:cnSelectMenu(null,[e]),ref:useForkRef([r,b]),onClick:x,style:n}),React.createElement(Text,{className:cnSelectMenu("Label"),size:"s"},k),React.createElement("span",{className:cnSelectMenu("ArrowBox",{open:p})},React.createElement(IconSelect,{size:"xs"}))),d&&React.createElement(ContextMenu,{className:cnSelectMenu("Menu"),anchorRef:r,isOpen:p,items:d,getItemLabel:g,getItemAs:v,getItemAttributes:w,onClickOutside:q.off,onItemClick:({e:a,item:b})=>getItemClick(b,h,j)(a),direction:"rightStartDown",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],getItemSubMenu:m,style:{zIndex:"number"==typeof(null===n||void 0===n?void 0:n.zIndex)?n.zIndex+1:"auto"}}))};export const SelectMenu=forwardRef(SelectMenuRender);export*from"./types";
+//# sourceMappingURL=SelectMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.js","names":["ContextMenu","IconSelect","Text","useFlag","useForkRef","useMutableRef","React","forwardRef","useCallback","useRef","getItemClick","cn","withDefaultGetters","cnSelectMenu","SelectMenuRender","props","componentRef","items","className","getItemHref","getItemLabel","getItemOnClick","getItemTarget","onItemClick","label","onClick","onClickProp","getItemSubMenu","style","otherProps","open","setOpen","ref","getItemHrefRef","getItemTargetRef","onClickRef","getItemAs","item","current","getItemHTMLAttributes","href","target","e","toogle","off","zIndex","SelectMenu"],"sources":["../../../../../src/components/SelectMenu/SelectMenu.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport './SelectMenu.css';\n\nimport { ContextMenu } from '@consta/uikit/ContextMenu';\nimport { IconSelect } from '@consta/uikit/IconSelect';\nimport { Text } from '@consta/uikit/Text';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport { useMutableRef } from '@consta/uikit/useMutableRef';\nimport React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { getItemClick } from '##/helpers/getItemClick';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  SelectMenuComponent,\n  SelectMenuDefaultItem,\n  SelectMenuProps,\n} from './types';\n\nexport const cnSelectMenu = cn('SelectMenu');\n\nconst SelectMenuRender = (\n  props: SelectMenuProps,\n  componentRef: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    className,\n    getItemHref,\n    getItemLabel,\n    getItemOnClick,\n    getItemTarget,\n    onItemClick,\n    label,\n    onClick: onClickProp,\n    getItemSubMenu,\n    style,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [open, setOpen] = useFlag();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const getItemHrefRef = useMutableRef(getItemHref);\n  const getItemTargetRef = useMutableRef(getItemTarget);\n  const onClickRef = useMutableRef(onClickProp);\n\n  const getItemAs = useCallback((item: SelectMenuDefaultItem) => {\n    if (getItemHrefRef.current(item)) {\n      return 'a';\n    }\n    return 'span';\n  }, []);\n\n  const getItemHTMLAttributes = useCallback((item: SelectMenuDefaultItem) => {\n    const href = getItemHrefRef.current(item);\n    const target = getItemTargetRef.current(item);\n\n    return {\n      ...(href && { href: getItemHrefRef.current(item) }),\n      ...(target && { href: getItemTargetRef.current(item) }),\n    };\n  }, []);\n\n  const onClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n    onClickRef.current?.(e);\n    setOpen.toogle();\n  }, []);\n\n  return (\n    <>\n      <div\n        {...otherProps}\n        className={cnSelectMenu(null, [className])}\n        ref={useForkRef([ref, componentRef])}\n        onClick={onClick}\n        style={style}\n      >\n        <Text className={cnSelectMenu('Label')} size=\"s\">\n          {label}\n        </Text>\n        <span className={cnSelectMenu('ArrowBox', { open })}>\n          <IconSelect size=\"xs\" />\n        </span>\n      </div>\n      {items && (\n        <ContextMenu\n          className={cnSelectMenu('Menu')}\n          anchorRef={ref}\n          isOpen={open}\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemAs={getItemAs}\n          getItemAttributes={getItemHTMLAttributes}\n          onClickOutside={setOpen.off}\n          onItemClick={({ e, item }) =>\n            getItemClick(item, getItemOnClick, onItemClick)(e)\n          }\n          direction=\"rightStartDown\"\n          possibleDirections={[\n            'downStartLeft',\n            'upStartLeft',\n            'downStartRight',\n            'upStartRight',\n          ]}\n          getItemSubMenu={getItemSubMenu}\n          style={{\n            zIndex:\n              typeof style?.zIndex === 'number' ? style.zIndex + 1 : 'auto',\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport const SelectMenu = forwardRef(SelectMenuRender) as SelectMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/{SelectMenu → __internal__/src/components/SelectMenu}/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SelectMenuDefaultItem, SelectMenuProps, SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemTarget, SelectMenuPropGetItemSubMenu } from "./types";
+import { SelectMenuDefaultItem, SelectMenuPropGetItemHref, SelectMenuPropGetItemLabel, SelectMenuPropGetItemOnClick, SelectMenuPropGetItemSubMenu, SelectMenuPropGetItemTarget, SelectMenuProps } from './types';
 export declare const defaultGetItemLabel: SelectMenuPropGetItemLabel<SelectMenuDefaultItem>;
 export declare const defaultGetItemHref: SelectMenuPropGetItemHref<SelectMenuDefaultItem>;
 export declare const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<SelectMenuDefaultItem>;
@@ -27,7 +27,7 @@ export declare function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>):
     getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM> | undefined;
     getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM> | undefined;
     label: string;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "label" | "css" | "items" | "getItemLabel" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemSubMenu"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "items" | "getItemLabel" | "label" | "onItemClick" | "getItemHref" | "getItemTarget" | "getItemOnClick" | "getItemSubMenu"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: string;
 } ? {} : {
     getItemLabel: SelectMenuPropGetItemLabel<ITEM>;

package/__internal__/src/components/SelectMenu/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}export const defaultGetItemLabel=a=>a.label;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemTarget=a=>a.target;export const defaultGetItemSubMenu=a=>a.subMenu;export const getGetters=a=>({getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick,getItemTarget:a.getItemTarget||defaultGetItemTarget,getItemSubMenu:a.getItemSubMenu||defaultGetItemSubMenu});export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),getGetters(a))}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemLabel","item","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemTarget","target","defaultGetItemSubMenu","subMenu","getGetters","props","getItemLabel","getItemHref","getItemOnClick","getItemTarget","getItemSubMenu","withDefaultGetters"],"sources":["../../../../../src/components/SelectMenu/helpers.ts"],"sourcesContent":["import {\n  SelectMenuDefaultItem,\n  SelectMenuPropGetItemHref,\n  SelectMenuPropGetItemLabel,\n  SelectMenuPropGetItemOnClick,\n  SelectMenuPropGetItemSubMenu,\n  SelectMenuPropGetItemTarget,\n  SelectMenuProps,\n} from './types';\n\nexport const defaultGetItemLabel: SelectMenuPropGetItemLabel<\n  SelectMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: SelectMenuPropGetItemHref<\n  SelectMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: SelectMenuPropGetItemOnClick<\n  SelectMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemTarget: SelectMenuPropGetItemTarget<\n  SelectMenuDefaultItem\n> = (item) => item.target;\nexport const defaultGetItemSubMenu: SelectMenuPropGetItemSubMenu<\n  SelectMenuDefaultItem\n> = (item) => item.subMenu;\n\nexport const getGetters = <ITEM>(props: {\n  getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n  getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n  getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n  getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n}) => {\n  return {\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n    getItemTarget: props.getItemTarget || defaultGetItemTarget,\n    getItemSubMenu: props.getItemSubMenu || defaultGetItemSubMenu,\n  };\n};\n\nexport function withDefaultGetters<ITEM>(props: SelectMenuProps<ITEM>) {\n  return {\n    ...props,\n    ...getGetters(props),\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAMA,oBAEZ,CAAIC,CAAD,EAAUA,CAAI,CAACC,KAFZ,CAGP,MAAO,MAAMC,mBAEZ,CAAIF,CAAD,EAAUA,CAAI,CAACG,IAFZ,CAGP,MAAO,MAAMC,sBAEZ,CAAIJ,CAAD,EAAUA,CAAI,CAACK,OAFZ,CAGP,MAAO,MAAMC,qBAEZ,CAAIN,CAAD,EAAUA,CAAI,CAACO,MAFZ,CAGP,MAAO,MAAMC,sBAEZ,CAAIR,CAAD,EAAUA,CAAI,CAACS,OAFZ,CAIP,MAAO,MAAMC,WAAU,CAAUC,CAAP,GAOjB,CACLC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAD/B,CAELc,WAAW,CAAEF,CAAK,CAACE,WAAN,EAAqBX,kBAF7B,CAGLY,cAAc,CAAEH,CAAK,CAACG,cAAN,EAAwBV,qBAHnC,CAILW,aAAa,CAAEJ,CAAK,CAACI,aAAN,EAAuBT,oBAJjC,CAKLU,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBR,qBALnC,CAPiB,CAAnB,CAgBP,MAAO,SAASS,mBAAT,CAAkCN,CAAlC,CAAgE,CACrE,sCACKA,CADL,EAEKD,UAAU,CAACC,CAAD,CAFf,CAID"}

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

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

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

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

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

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

package/{SelectMenu → __internal__/src/components/SelectMenu}/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef } from "../__private__/utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare type SelectMenuDefaultItem = {
     label: string;
     href?: string;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectMenu/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type SelectMenuDefaultItem = {\n  label: string;\n  href?: string;\n  target?: string;\n  onClick?: React.EventHandler<React.MouseEvent>;\n  subMenu?: SelectMenuDefaultItem[];\n};\n\nexport type SelectMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectMenuPropGetItemHref<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemTarget<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type SelectMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.EventHandler<React.MouseEvent> | undefined;\nexport type SelectMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent;\n  item: ITEM;\n}) => void;\nexport type SelectMenuPropGetItemSubMenu<ITEM> = (\n  item: ITEM,\n) => ITEM[] | undefined;\n\nexport type SelectMenuProps<ITEM = SelectMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      items: ITEM[];\n      onItemClick?: SelectMenuPropOnItemClick<ITEM>;\n      getItemHref?: SelectMenuPropGetItemHref<ITEM>;\n      getItemLabel?: SelectMenuPropGetItemLabel<ITEM>;\n      getItemTarget?: SelectMenuPropGetItemTarget<ITEM>;\n      getItemOnClick?: SelectMenuPropGetItemOnClick<ITEM>;\n      getItemSubMenu?: SelectMenuPropGetItemSubMenu<ITEM>;\n      label: string;\n    },\n    HTMLDivElement\n  > &\n    (ITEM extends { label: SelectMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: SelectMenuPropGetItemLabel<ITEM> });\n\nexport type SelectMenuComponent = <ITEM = SelectMenuDefaultItem>(\n  props: SelectMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/Sidebar/Sidebar.css

@@ -0,0 +1 @@
+.che--Sidebar-Header{align-items:flex-end;border-bottom:1px solid var(--color-bg-border);display:flex;flex:none;justify-content:space-between;padding:var(--space-l) var(--space-xl)}

package/{__private__ → __internal__/src}/components/Sidebar/Sidebar.d.ts

@@ -1,6 +1,6 @@
 import './Sidebar.css';
-import React from 'react';
 import { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';
+import React from 'react';
 declare type SidebarProps = Omit<React.ComponentProps<typeof ConstaSidebar>, 'position' | 'onClose'> & {
     title?: string;
     onClose?: React.EventHandler<React.MouseEvent>;

package/__internal__/src/components/Sidebar/Sidebar.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["children","title","onClose","className"];import"./Sidebar.css";import{Button}from"@consta/uikit/Button";import{IconClose}from"@consta/uikit/IconClose";import{Sidebar as ConstaSidebar}from"@consta/uikit/Sidebar";import{Text}from"@consta/uikit/Text";import{useBreakpoints}from"@consta/uikit/useBreakpoints";import React from"react";import{cn}from"../../utils/bem";const cnSidebar=cn("Sidebar");export const Sidebar=a=>{const{children:b,title:c,onClose:d,className:e}=a,f=_objectWithoutProperties(a,_excluded),{bigScreen:g}=useBreakpoints({bigScreen:520});return React.createElement(ConstaSidebar,Object.assign({},f,{position:g?"right":"bottom",size:g?"l":"full",className:cnSidebar(null,[e])}),(c||d)&&React.createElement("div",{className:cnSidebar("Header")},React.createElement(Text,{className:cnSidebar("Title"),size:"xl",truncate:!0},c),d&&React.createElement(Button,{size:"s",view:"clear",iconLeft:IconClose,onClick:d})),b)};
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","names":["Button","IconClose","Sidebar","ConstaSidebar","Text","useBreakpoints","React","cn","cnSidebar","props","children","title","onClose","className","otherProps","bigScreen"],"sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import './Sidebar.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconClose } from '@consta/uikit/IconClose';\nimport { Sidebar as ConstaSidebar } from '@consta/uikit/Sidebar';\nimport { Text } from '@consta/uikit/Text';\nimport { useBreakpoints } from '@consta/uikit/useBreakpoints';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\ntype SidebarProps = Omit<\n  React.ComponentProps<typeof ConstaSidebar>,\n  'position' | 'onClose'\n> & {\n  title?: string;\n  onClose?: React.EventHandler<React.MouseEvent>;\n};\n\nconst cnSidebar = cn('Sidebar');\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { children, title, onClose, className, ...otherProps } = props;\n  const { bigScreen } = useBreakpoints({ bigScreen: 520 });\n  return (\n    <ConstaSidebar\n      {...otherProps}\n      position={bigScreen ? 'right' : 'bottom'}\n      size={bigScreen ? 'l' : 'full'}\n      className={cnSidebar(null, [className])}\n    >\n      {(title || onClose) && (\n        <div className={cnSidebar('Header')}>\n          <Text className={cnSidebar('Title')} size=\"xl\" truncate>\n            {title}\n          </Text>\n          {onClose && (\n            <Button\n              size=\"s\"\n              view=\"clear\"\n              iconLeft={IconClose}\n              onClick={onClose}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </ConstaSidebar>\n  );\n};\n"],"mappings":"gJAAA,sBAEA,OAASA,MAAT,KAAuB,sBAAvB,CACA,OAASC,SAAT,KAA0B,yBAA1B,CACA,OAASC,OAAO,GAAIC,cAApB,KAAyC,uBAAzC,CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBAUA,KAAMC,UAAS,CAAGD,EAAE,CAAC,SAAD,CAApB,CAEA,MAAO,MAAML,QAAO,CAAIO,CAAD,EAAyB,MACxC,CAAEC,QAAQ,CAARA,CAAF,CAAYC,KAAK,CAALA,CAAZ,CAAmBC,OAAO,CAAPA,CAAnB,CAA4BC,SAAS,CAATA,CAA5B,EAAyDJ,CADjB,CACEK,CADF,0BACiBL,CADjB,YAExC,CAAEM,SAAS,CAATA,CAAF,EAAgBV,cAAc,CAAC,CAAEU,SAAS,CAAE,GAAb,CAAD,CAFU,CAG9C,MACE,qBAAC,aAAD,kBACMD,CADN,EAEE,QAAQ,CAAEC,CAAS,CAAG,OAAH,CAAa,QAFlC,CAGE,IAAI,CAAEA,CAAS,CAAG,GAAH,CAAS,MAH1B,CAIE,SAAS,CAAEP,SAAS,CAAC,IAAD,CAAO,CAACK,CAAD,CAAP,CAJtB,GAMG,CAACF,CAAK,EAAIC,CAAV,GACC,2BAAK,SAAS,CAAEJ,SAAS,CAAC,QAAD,CAAzB,EACE,oBAAC,IAAD,EAAM,SAAS,CAAEA,SAAS,CAAC,OAAD,CAA1B,CAAqC,IAAI,CAAC,IAA1C,CAA+C,QAAQ,GAAvD,EACGG,CADH,CADF,CAIGC,CAAO,EACN,oBAAC,MAAD,EACE,IAAI,CAAC,GADP,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,CAAEX,SAHZ,CAIE,OAAO,CAAEW,CAJX,EALJ,CAPJ,CAsBGF,CAtBH,CAyBH,CA7BM"}

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

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

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

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

package/__internal__/src/components/TileMenu/TileMenu.css

@@ -0,0 +1 @@
+.che--TileMenu-List{display:grid}.che--TileMenu-List_view_cards{grid-row-gap:var(--space-2xs);grid-column-gap:var(--space-2xs);grid-template-columns:repeat(3,1fr)}.che--TileMenu-List_view_lines{grid-template-columns:repeat(1,1fr)}.che--TileMenu-List_view_twoLines{grid-column-gap:calc(var(--space-xl) + var(--space-2xs));grid-template-columns:repeat(2,1fr)}.che--TileMenu-Popover{--popover-bg-color:var(--color-bg-default);--popover-arrow-bg-color:var(--popover-bg-color);background:var(--popover-bg-color);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);max-width:var(--popover-max-width);width:calc(100vw - var(--space-l))}.che--TileMenu-Popover_view_cards{--popover-max-width:320px}.che--TileMenu-Popover_view_lines{--popover-max-width:520px}.che--TileMenu-Popover_view_twoLines{--popover-max-width:1000px}.che--TileMenu-ListWrapper{border-radius:var(--control-radius);overflow:hidden}

package/{TileMenu → __internal__/src/components/TileMenu}/TileMenu.d.ts

@@ -1,5 +1,5 @@
-import { TileMenuComponent } from "./types";
 import './TileMenu.css';
+import { TileMenuComponent } from './types';
 export declare const cnTileMenu: import("@bem-react/classname").ClassNameFormatter;
 export declare const TileMenu: TileMenuComponent;
-export * from "./types";
+export * from './types';

package/__internal__/src/components/TileMenu/TileMenu.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick"];import"./TileMenu.css";import{Button}from"@consta/uikit/Button";import{IconBento}from"@consta/uikit/IconBento";import{animateTimeout,cnMixPopoverAnimate}from"@consta/uikit/MixPopoverAnimate";import{cnMixPopoverArrow}from"@consta/uikit/MixPopoverArrow";import{Popover}from"@consta/uikit/Popover";import{useFlag}from"@consta/uikit/useFlag";import{useForkRef}from"@consta/uikit/useForkRef";import React,{forwardRef,useRef,useState}from"react";import{Transition}from"react-transition-group";import{Sidebar}from"../Sidebar";import{cn}from"../../utils/bem";import{TileMenuList}from"./TileMenuList/TileMenuList";import{tileMenuPropViewDefault}from"./types";export const cnTileMenu=cn("TileMenu");const ARROW_SIZE=6,ARROW_OFFSET=10;function TileMenuRender(a,b){var c;const{view:p=tileMenuPropViewDefault,items:d,isMobile:e,className:f,children:g,listClassName:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,title:n,onItemClick:o}=a,q=_objectWithoutProperties(a,_excluded),r=useRef(null),[s,t]=useState(void 0),[u,{toogle:v,off:w}]=useFlag(),x={className:h,getItemDescription:i,getItemHref:j,getItemImage:k,getItemOnClick:l,getItemLabel:m,items:d,view:p,onItemClick:o},y="number"==typeof(null===(c=a.style)||void 0===c?void 0:c.zIndex)?a.style.zIndex+1:void 0;return React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},q,{size:"s",view:"clear",className:cnTileMenu(null,[f]),iconLeft:IconBento,ref:useForkRef([b,r]),onClick:v})),e?React.createElement(Sidebar,{isOpen:u,onClickOutside:w,onClose:w,title:n,style:{zIndex:y}},React.createElement(TileMenuList,x)):React.createElement(Transition,{timeout:animateTimeout,unmountOnExit:!0,in:u},a=>React.createElement(Popover,{className:cnTileMenu("Popover",{view:p},[cnMixPopoverAnimate({animate:a,direction:s})]),anchorRef:r,arrowOffset:ARROW_OFFSET+ARROW_SIZE,offset:10,onSetDirection:t,style:{"--popover-arrow-size":`${ARROW_SIZE}px`,"--popover-arrow-offset":`${ARROW_OFFSET}px`,zIndex:y},onClickOutside:w},React.createElement("div",{className:cnMixPopoverArrow({direction:s})}),React.createElement("div",{className:cnTileMenu("ListWrapper")},React.createElement(TileMenuList,x)))))}export const TileMenu=forwardRef(TileMenuRender);export*from"./types";
+//# sourceMappingURL=TileMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TileMenu.js","names":["Button","IconBento","animateTimeout","cnMixPopoverAnimate","cnMixPopoverArrow","Popover","useFlag","useForkRef","React","forwardRef","useRef","useState","Transition","Sidebar","cn","TileMenuList","tileMenuPropViewDefault","cnTileMenu","ARROW_SIZE","ARROW_OFFSET","TileMenuRender","props","ref","view","items","isMobile","className","children","listClassName","getItemDescription","getItemHref","getItemImage","getItemOnClick","getItemLabel","title","onItemClick","otherProps","buttonRef","direction","setDirection","visibleMenu","toogle","off","listProps","elementZIndex","style","zIndex","animate","TileMenu"],"sources":["../../../../../src/components/TileMenu/TileMenu.tsx"],"sourcesContent":["import './TileMenu.css';\n\nimport { Button } from '@consta/uikit/Button';\nimport { IconBento } from '@consta/uikit/IconBento';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '@consta/uikit/MixPopoverAnimate';\nimport { cnMixPopoverArrow } from '@consta/uikit/MixPopoverArrow';\nimport { Direction, Popover } from '@consta/uikit/Popover';\nimport { useFlag } from '@consta/uikit/useFlag';\nimport { useForkRef } from '@consta/uikit/useForkRef';\nimport React, { forwardRef, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Sidebar } from '##/components/Sidebar';\nimport { cn } from '##/utils/bem';\n\nimport { TileMenuList } from './TileMenuList/TileMenuList';\nimport {\n  TileMenuComponent,\n  TileMenuProps,\n  tileMenuPropViewDefault,\n} from './types';\n\nexport const cnTileMenu = cn('TileMenu');\n\nconst ARROW_SIZE = 6;\nconst ARROW_OFFSET = 10;\n\nfunction TileMenuRender(\n  props: TileMenuProps,\n  ref: React.Ref<HTMLButtonElement>,\n) {\n  const {\n    view = tileMenuPropViewDefault,\n    items,\n    isMobile,\n    className,\n    children,\n    listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    title,\n    onItemClick,\n    ...otherProps\n  } = props;\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const [direction, setDirection] = useState<Direction | undefined>(undefined);\n\n  const [visibleMenu, { toogle, off }] = useFlag();\n\n  const listProps = {\n    className: listClassName,\n    getItemDescription,\n    getItemHref,\n    getItemImage,\n    getItemOnClick,\n    getItemLabel,\n    items,\n    view,\n    onItemClick,\n  };\n\n  const elementZIndex =\n    typeof props.style?.zIndex === 'number'\n      ? props.style.zIndex + 1\n      : undefined;\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        size=\"s\"\n        view=\"clear\"\n        className={cnTileMenu(null, [className])}\n        iconLeft={IconBento}\n        ref={useForkRef([ref, buttonRef])}\n        onClick={toogle}\n      />\n      {isMobile ? (\n        <Sidebar\n          isOpen={visibleMenu}\n          onClickOutside={off}\n          onClose={off}\n          title={title}\n          style={{ zIndex: elementZIndex }}\n        >\n          <TileMenuList {...listProps} />\n        </Sidebar>\n      ) : (\n        <Transition timeout={animateTimeout} unmountOnExit in={visibleMenu}>\n          {(animate) => (\n            <Popover\n              className={cnTileMenu('Popover', { view }, [\n                cnMixPopoverAnimate({ animate, direction }),\n              ])}\n              anchorRef={buttonRef}\n              arrowOffset={ARROW_OFFSET + ARROW_SIZE}\n              offset={ARROW_SIZE + 4}\n              onSetDirection={setDirection}\n              style={{\n                ['--popover-arrow-size' as string]: `${ARROW_SIZE}px`,\n                ['--popover-arrow-offset' as string]: `${ARROW_OFFSET}px`,\n                zIndex: elementZIndex,\n              }}\n              onClickOutside={off}\n            >\n              <div className={cnMixPopoverArrow({ direction })} />\n              <div className={cnTileMenu('ListWrapper')}>\n                <TileMenuList {...listProps} />\n              </div>\n            </Popover>\n          )}\n        </Transition>\n      )}\n    </>\n  );\n}\n\nexport const TileMenu = forwardRef(TileMenuRender) as TileMenuComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.css

@@ -0,0 +1 @@
+.che--TileMenuItem{--tile-menu-item-image-size:calc(var(--space-4xl) - var(--space-2xs));color:var(--color-typo-primary);cursor:pointer;display:flex;text-decoration:none}.che--TileMenuItem_view_card{--tile-menu-item-image-margin:0 auto var(--space-xs) auto;border-radius:var(--control-radius);flex-direction:column;transition:background .2s}.che--TileMenuItem_view_card:hover{background:var(--color-control-bg-clear-hover)}.che--TileMenuItem_view_line{--tile-menu-item-image-margin:0 var(--space-xs) 0 0}.che--TileMenuItem_view_line:hover{--tile-menu-item-title-color:var(--color-typo-link-hover)}.che--TileMenuItem-ImageWrapper{border-radius:50%;flex:none;height:var(--tile-menu-item-image-size);margin:var(--tile-menu-item-image-margin);overflow:hidden;width:var(--tile-menu-item-image-size)}.che--TileMenuItem-ImageWrapper>*{height:100%;width:100%}.che--TileMenuItem-Title{color:var(--tile-menu-item-title-color);transition:color .2s}

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["image","className","title","description","view","as"];import"./TileMenuItem.css";import{forwardRefWithAs}from"@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes";import{cnMixSpace}from"@consta/uikit/MixSpace";import{Text}from"@consta/uikit/Text";import React from"react";import{cn}from"../../../utils/bem";export const tileMenuItemPropView=["card","line"];const cnTileMenuItem=cn("TileMenuItem"),renderImage=(a,b)=>{if("string"==typeof a)return React.createElement("img",{src:a,alt:b});return React.createElement(a,null)};export const TileMenuItem=forwardRefWithAs((a,b)=>{const{image:c,className:d,title:e,description:f,view:g="line",as:h="div"}=a,i=_objectWithoutProperties(a,_excluded),j="card"===g,k="line"===g;return React.createElement(h,Object.assign({},i,{ref:b,className:cnTileMenuItem({view:g},[j?cnMixSpace({p:"s",pT:"m"}):cnMixSpace({pV:"s"}),d])}),c&&React.createElement("div",{className:cnTileMenuItem("ImageWrapper")},renderImage(c,e)),React.createElement("div",{className:cnTileMenuItem("ContentWrapper")},React.createElement(Text,{weight:k?"bold":void 0,align:j?"center":void 0,className:cnTileMenuItem("Title",[k?cnMixSpace({pB:"2xs"}):void 0])},e),f&&k&&React.createElement(Text,{view:"secondary",className:cnTileMenuItem("Description")},f)))});
+//# sourceMappingURL=TileMenuItem.js.map

package/__internal__/src/components/TileMenu/TileMenuItem/TileMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileMenuItem.js","names":["forwardRefWithAs","cnMixSpace","Text","React","cn","tileMenuItemPropView","cnTileMenuItem","renderImage","image","title","TileMenuItem","props","ref","className","description","view","as","otherProps","viewIsCard","viewIsLine","p","pT","pV","pB"],"sources":["../../../../../../src/components/TileMenu/TileMenuItem/TileMenuItem.tsx"],"sourcesContent":["import './TileMenuItem.css';\n\nimport { forwardRefWithAs } from '@consta/uikit/__internal__/src/utils/types/PropsWithAsAttributes';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport { Text } from '@consta/uikit/Text';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nexport const tileMenuItemPropView = ['card', 'line'] as const;\nexport type TileMenuItemPropView = typeof tileMenuItemPropView[number];\n\ntype TileMenuItemProps = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n  view?: TileMenuItemPropView;\n};\n\nconst cnTileMenuItem = cn('TileMenuItem');\n\nconst renderImage = (image: string | React.FC, title: string) => {\n  if (typeof image === 'string') {\n    return <img src={image} alt={title} />;\n  }\n  const ImageComponent = image;\n  return <ImageComponent />;\n};\n\nexport const TileMenuItem = forwardRefWithAs<TileMenuItemProps>(\n  (props, ref) => {\n    const {\n      image,\n      className,\n      title,\n      description,\n      view = 'line',\n      as = 'div',\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const viewIsCard = view === 'card';\n    const viewIsLine = view === 'line';\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnTileMenuItem({ view }, [\n          viewIsCard\n            ? cnMixSpace({ p: 's', pT: 'm' })\n            : cnMixSpace({ pV: 's' }),\n          className,\n        ])}\n      >\n        {image && (\n          <div className={cnTileMenuItem('ImageWrapper')}>\n            {renderImage(image, title)}\n          </div>\n        )}\n        <div className={cnTileMenuItem('ContentWrapper')}>\n          <Text\n            weight={viewIsLine ? 'bold' : undefined}\n            align={viewIsCard ? 'center' : undefined}\n            className={cnTileMenuItem('Title', [\n              viewIsLine ? cnMixSpace({ pB: '2xs' }) : undefined,\n            ])}\n          >\n            {title}\n          </Text>\n          {description && viewIsLine && (\n            <Text view=\"secondary\" className={cnTileMenuItem('Description')}>\n              {description}\n            </Text>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"6JAAA,2BAEA,OAASA,gBAAT,KAAiC,kEAAjC,CACA,OAASC,UAAT,KAA2B,wBAA3B,CACA,OAASC,IAAT,KAAqB,oBAArB,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,MAAO,MAAMC,qBAAoB,CAAG,CAAC,MAAD,CAAS,MAAT,CAA7B,C,KAUDC,eAAc,CAAGF,EAAE,CAAC,cAAD,C,CAEnBG,WAAW,CAAG,CAACC,CAAD,CAA2BC,CAA3B,GAA6C,CAC/D,GAAqB,QAAjB,QAAOD,EAAX,CACE,MAAO,4BAAK,GAAG,CAAEA,CAAV,CAAiB,GAAG,CAAEC,CAAtB,EAAP,CAGF,MAAO,qBADgBD,CAChB,MACR,C,CAED,MAAO,MAAME,aAAY,CAAGV,gBAAgB,CAC1C,CAACW,CAAD,CAAQC,CAAR,GAAgB,MACR,CACJJ,KAAK,CAALA,CADI,CAEJK,SAAS,CAATA,CAFI,CAGJJ,KAAK,CAALA,CAHI,CAIJK,WAAW,CAAXA,CAJI,CAKJC,IAAI,CAAJA,CAAI,CAAG,MALH,CAMJC,EAAE,CAAFA,CAAE,CAAG,KAND,EAQFL,CATU,CAQTM,CARS,0BASVN,CATU,YAYRO,CAAU,CAAY,MAAT,GAAAH,CAZL,CAaRI,CAAU,CAAY,MAAT,GAAAJ,CAbL,CAed,MACE,qBALUC,CAKV,kBACMC,CADN,EAEE,GAAG,CAAEL,CAFP,CAGE,SAAS,CAAEN,cAAc,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAD,CAAW,CAClCG,CAAU,CACNjB,UAAU,CAAC,CAAEmB,CAAC,CAAE,GAAL,CAAUC,EAAE,CAAE,GAAd,CAAD,CADJ,CAENpB,UAAU,CAAC,CAAEqB,EAAE,CAAE,GAAN,CAAD,CAHoB,CAIlCT,CAJkC,CAAX,CAH3B,GAUGL,CAAK,EACJ,2BAAK,SAAS,CAAEF,cAAc,CAAC,cAAD,CAA9B,EACGC,WAAW,CAACC,CAAD,CAAQC,CAAR,CADd,CAXJ,CAeE,2BAAK,SAAS,CAAEH,cAAc,CAAC,gBAAD,CAA9B,EACE,oBAAC,IAAD,EACE,MAAM,CAAEa,CAAU,CAAG,MAAH,OADpB,CAEE,KAAK,CAAED,CAAU,CAAG,QAAH,OAFnB,CAGE,SAAS,CAAEZ,cAAc,CAAC,OAAD,CAAU,CACjCa,CAAU,CAAGlB,UAAU,CAAC,CAAEsB,EAAE,CAAE,KAAN,CAAD,CAAb,OADuB,CAAV,CAH3B,EAOGd,CAPH,CADF,CAUGK,CAAW,EAAIK,CAAf,EACC,oBAAC,IAAD,EAAM,IAAI,CAAC,WAAX,CAAuB,SAAS,CAAEb,cAAc,CAAC,aAAD,CAAhD,EACGQ,CADH,CAXJ,CAfF,CAiCH,CAlDyC,CAArC"}

package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.css

@@ -0,0 +1 @@
+.che--TileMenuList{display:grid;overflow:auto}.che--TileMenuList_view_cards{grid-row-gap:var(--space-2xs);grid-column-gap:var(--space-2xs);grid-template-columns:repeat(3,1fr)}.che--TileMenuList_view_lines{grid-template-columns:repeat(1,1fr)}.che--TileMenuList_view_twoLines{grid-column-gap:calc(var(--space-xl) + var(--space-2xs));grid-template-columns:repeat(2,1fr)}

package/{TileMenu → __internal__/src/components/TileMenu}/TileMenuList/TileMenuList.d.ts

@@ -1,4 +1,4 @@
-import { TileMenuListComponent } from "../types";
 import './TileMenuList.css';
+import { TileMenuListComponent } from '../types';
 export declare const cnTileMenuList: import("@bem-react/classname").ClassNameFormatter;
 export declare const TileMenuList: TileMenuListComponent;

package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick"];import"./TileMenuList.css";import{getByMap}from"@consta/uikit/__internal__/src/utils/getByMap";import{cnMixSpace}from"@consta/uikit/MixSpace";import React from"react";import{cn}from"../../../utils/bem";import{withDefaultGetters}from"../helpers";import{TileMenuItem}from"../TileMenuItem/TileMenuItem";export const cnTileMenuList=cn("TileMenuList");const itemViewMap={lines:"line",twoLines:"line",cards:"card"};export const TileMenuList=a=>{const b=withDefaultGetters(a),{items:c,view:l="lines",className:d,children:e,getItemDescription:f,getItemImage:g,getItemLabel:h,getItemHref:i,getItemOnClick:j,onItemClick:k}=b,m=_objectWithoutProperties(b,_excluded);return React.createElement("div",Object.assign({},m,{className:cnTileMenuList({view:l},[cnMixSpace({p:"xl"}),d])}),c.map((a,b)=>React.createElement(TileMenuItem,{className:cnTileMenuList("Item"),key:cnTileMenuList("Item",{index:b}),view:getByMap(itemViewMap,l),image:g(a),title:h(a),description:f(a),href:i(a),onClick:b=>{var c;null===k||void 0===k?void 0:k({item:a,e:b}),null===(c=j(a))||void 0===c?void 0:c(b)},as:"a"})))};
+//# sourceMappingURL=TileMenuList.js.map

package/__internal__/src/components/TileMenu/TileMenuList/TileMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileMenuList.js","names":["getByMap","cnMixSpace","React","cn","withDefaultGetters","TileMenuItem","cnTileMenuList","itemViewMap","lines","twoLines","cards","TileMenuList","props","items","view","className","children","getItemDescription","getItemImage","getItemLabel","getItemHref","getItemOnClick","onItemClick","otherProps","p","map","item","index","e"],"sources":["../../../../../../src/components/TileMenu/TileMenuList/TileMenuList.tsx"],"sourcesContent":["import './TileMenuList.css';\n\nimport { getByMap } from '@consta/uikit/__internal__/src/utils/getByMap';\nimport { cnMixSpace } from '@consta/uikit/MixSpace';\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from '../helpers';\nimport { TileMenuItem } from '../TileMenuItem/TileMenuItem';\nimport { TileMenuListComponent, TileMenuListProps } from '../types';\n\nexport const cnTileMenuList = cn('TileMenuList');\n\nconst itemViewMap = {\n  lines: 'line',\n  twoLines: 'line',\n  cards: 'card',\n} as const;\n\nexport const TileMenuList = ((props: TileMenuListProps) => {\n  const {\n    items,\n    view = 'lines',\n    className,\n    children,\n    getItemDescription,\n    getItemImage,\n    getItemLabel,\n    getItemHref,\n    getItemOnClick,\n    onItemClick,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnTileMenuList({ view }, [cnMixSpace({ p: 'xl' }), className])}\n    >\n      {items.map((item, index) => {\n        return (\n          <TileMenuItem\n            className={cnTileMenuList('Item')}\n            key={cnTileMenuList('Item', { index })}\n            view={getByMap(itemViewMap, view)}\n            image={getItemImage(item)}\n            title={getItemLabel(item)}\n            description={getItemDescription(item)}\n            href={getItemHref(item)}\n            onClick={(e) => {\n              onItemClick?.({ item, e });\n              getItemOnClick(item)?.(e);\n            }}\n            as=\"a\"\n          />\n        );\n      })}\n    </div>\n  );\n}) as TileMenuListComponent;\n"],"mappings":"6OAAA,2BAEA,OAASA,QAAT,KAAyB,+CAAzB,CACA,OAASC,UAAT,KAA2B,wBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,OAASC,kBAAT,kBACA,OAASC,YAAT,oCAGA,MAAO,MAAMC,eAAc,CAAGH,EAAE,CAAC,cAAD,CAAzB,CAEP,KAAMI,YAAW,CAAG,CAClBC,KAAK,CAAE,MADW,CAElBC,QAAQ,CAAE,MAFQ,CAGlBC,KAAK,CAAE,MAHW,CAApB,CAMA,MAAO,MAAMC,aAAY,CAAKC,CAAD,EAA8B,CACzD,QAYIR,kBAAkB,CAACQ,CAAD,CAZtB,CAAM,CACJC,KAAK,CAALA,CADI,CAEJC,IAAI,CAAJA,CAAI,CAAG,OAFH,CAGJC,SAAS,CAATA,CAHI,CAIJC,QAAQ,CAARA,CAJI,CAKJC,kBAAkB,CAAlBA,CALI,CAMJC,YAAY,CAAZA,CANI,CAOJC,YAAY,CAAZA,CAPI,CAQJC,WAAW,CAAXA,CARI,CASJC,cAAc,CAAdA,CATI,CAUJC,WAAW,CAAXA,CAVI,CAAN,GAWKC,CAXL,uCAcA,MACE,4CACMA,CADN,EAEE,SAAS,CAAEjB,cAAc,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACb,UAAU,CAAC,CAAEuB,CAAC,CAAE,IAAL,CAAD,CAAX,CAA0BT,CAA1B,CAAX,CAF3B,GAIGF,CAAK,CAACY,GAAN,CAAU,CAACC,CAAD,CAAOC,CAAP,GAEP,oBAAC,YAAD,EACE,SAAS,CAAErB,cAAc,CAAC,MAAD,CAD3B,CAEE,GAAG,CAAEA,cAAc,CAAC,MAAD,CAAS,CAAEqB,KAAK,CAALA,CAAF,CAAT,CAFrB,CAGE,IAAI,CAAE3B,QAAQ,CAACO,WAAD,CAAcO,CAAd,CAHhB,CAIE,KAAK,CAAEI,CAAY,CAACQ,CAAD,CAJrB,CAKE,KAAK,CAAEP,CAAY,CAACO,CAAD,CALrB,CAME,WAAW,CAAET,CAAkB,CAACS,CAAD,CANjC,CAOE,IAAI,CAAEN,CAAW,CAACM,CAAD,CAPnB,CAQE,OAAO,CAAGE,CAAD,EAAO,cACdN,CADc,WACdA,CADc,QACdA,CAAW,CAAG,CAAEI,IAAI,CAAJA,CAAF,CAAQE,CAAC,CAADA,CAAR,CAAH,CADG,WAEdP,CAAc,CAACK,CAAD,CAFA,qBAEd,EAAuBE,CAAvB,CACD,CAXH,CAYE,EAAE,CAAC,GAZL,EAFH,CAJH,CAwBH,CAxCM"}

package/{TileMenu → __internal__/src/components/TileMenu}/TileMenuList/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef } from "../../__private__/utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
 export declare type TileMenuPropView = 'lines' | 'twoLines' | 'cards';
 export declare type TileMenuPropItem = {
     title: string;

package/__internal__/src/components/TileMenu/TileMenuList/types.js

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

package/__internal__/src/components/TileMenu/TileMenuList/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/TileMenu/TileMenuList/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TileMenuPropView = 'lines' | 'twoLines' | 'cards';\n\nexport type TileMenuPropItem = {\n  title: string;\n  description?: string;\n  image?: string;\n} & (\n  | {\n      href: string;\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n    }\n  | { href: undefined; onClick?: React.MouseEventHandler<HTMLDivElement> }\n);\n\nexport type DefaultItem = {\n  image?: string | React.FC;\n  title: string;\n  description?: string;\n};\n\ntype GetItemImage<ITEM> = (item: ITEM) => string | React.FC | undefined;\ntype GetItemTitle<ITEM> = (item: ITEM) => string;\ntype GetItemDescription<ITEM> = (item: ITEM) => string;\n\nexport type TileMenuListProps<ITEM> = PropsWithHTMLAttributesAndRef<\n  {\n    view?: TileMenuPropView;\n    items: ITEM[];\n    isMobile?: boolean;\n    getItemImage: GetItemImage<ITEM>;\n    getItemTitle: GetItemTitle<ITEM>;\n    getItemDescription: GetItemDescription<ITEM>;\n  },\n  HTMLDivElement\n>;\n\nexport type TileMenuListComponent = <ITEM = DefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/{TileMenu → __internal__/src/components/TileMenu}/helpers.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TileMenuPropGetItemDescription, TileMenuPropGetItemImage, TileMenuPropGetItemLabel, TileMenuDefaultItem, TileMenuListProps, TileMenuPropGetItemHref, TileMenuPropGetItemOnClick } from "./types";
+import { TileMenuDefaultItem, TileMenuListProps, TileMenuPropGetItemDescription, TileMenuPropGetItemHref, TileMenuPropGetItemImage, TileMenuPropGetItemLabel, TileMenuPropGetItemOnClick } from './types';
 export declare const defaultGetItemImage: TileMenuPropGetItemImage<TileMenuDefaultItem>;
 export declare const defaultGetItemLabel: TileMenuPropGetItemLabel<TileMenuDefaultItem>;
 export declare const defaultGetItemHref: TileMenuPropGetItemHref<TileMenuDefaultItem>;
@@ -15,35 +15,32 @@ export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>)
     items: ITEM[];
     isMobile?: boolean | undefined;
     onItemClick?: import("./types").TileMenuOnItemClick<ITEM> | undefined;
-    id?: string | undefined;
-    color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    hidden?: boolean | undefined;
-    dir?: string | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
-    accessKey?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    lang?: string | undefined;
-    className?: string | undefined;
-    prefix?: string | undefined;
-    children?: import("react").ReactNode;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    inputMode?: "search" | "numeric" | "none" | "url" | "text" | "decimal" | "tel" | "email" | undefined;
-    tabIndex?: number | undefined;
     defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | string[] | 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;
     placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | 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?: 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;
@@ -51,6 +48,7 @@ export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>)
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
+    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -59,55 +57,57 @@ export declare function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>)
     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 | "false" | "true" | undefined;
-    'aria-autocomplete'?: "inline" | "both" | "none" | "list" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "mixed" | "false" | "true" | 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 | "location" | "time" | "false" | "page" | "true" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "false" | "listbox" | "true" | "tree" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | 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 | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | 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 | "mixed" | "false" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions text" | "removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | 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 | "false" | "true" | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "other" | "ascending" | "descending" | 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;

package/__internal__/src/components/TileMenu/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}export const defaultGetItemImage=a=>a.image;export const defaultGetItemLabel=a=>a.label;export const defaultGetItemHref=a=>a.href;export const defaultGetItemOnClick=a=>a.onClick;export const defaultGetItemDescription=a=>a.description;export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemDescription:a.getItemDescription||defaultGetItemDescription,getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemImage:a.getItemImage||defaultGetItemImage,getItemHref:a.getItemHref||defaultGetItemHref,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick})}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["defaultGetItemImage","item","image","defaultGetItemLabel","label","defaultGetItemHref","href","defaultGetItemOnClick","onClick","defaultGetItemDescription","description","withDefaultGetters","props","getItemDescription","getItemLabel","getItemImage","getItemHref","getItemOnClick"],"sources":["../../../../../src/components/TileMenu/helpers.ts"],"sourcesContent":["import {\n  TileMenuDefaultItem,\n  TileMenuListProps,\n  TileMenuPropGetItemDescription,\n  TileMenuPropGetItemHref,\n  TileMenuPropGetItemImage,\n  TileMenuPropGetItemLabel,\n  TileMenuPropGetItemOnClick,\n} from './types';\n\nexport const defaultGetItemImage: TileMenuPropGetItemImage<\n  TileMenuDefaultItem\n> = (item) => item.image;\nexport const defaultGetItemLabel: TileMenuPropGetItemLabel<\n  TileMenuDefaultItem\n> = (item) => item.label;\nexport const defaultGetItemHref: TileMenuPropGetItemHref<\n  TileMenuDefaultItem\n> = (item) => item.href;\nexport const defaultGetItemOnClick: TileMenuPropGetItemOnClick<\n  TileMenuDefaultItem\n> = (item) => item.onClick;\nexport const defaultGetItemDescription: TileMenuPropGetItemDescription<\n  TileMenuDefaultItem\n> = (item) => item.description;\n\nexport function withDefaultGetters<ITEM>(props: TileMenuListProps<ITEM>) {\n  return {\n    ...props,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemImage: props.getItemImage || defaultGetItemImage,\n    getItemHref: props.getItemHref || defaultGetItemHref,\n    getItemOnClick: props.getItemOnClick || defaultGetItemOnClick,\n  };\n}\n"],"mappings":"qqBAUA,MAAO,MAAMA,oBAEZ,CAAIC,CAAD,EAAUA,CAAI,CAACC,KAFZ,CAGP,MAAO,MAAMC,oBAEZ,CAAIF,CAAD,EAAUA,CAAI,CAACG,KAFZ,CAGP,MAAO,MAAMC,mBAEZ,CAAIJ,CAAD,EAAUA,CAAI,CAACK,IAFZ,CAGP,MAAO,MAAMC,sBAEZ,CAAIN,CAAD,EAAUA,CAAI,CAACO,OAFZ,CAGP,MAAO,MAAMC,0BAEZ,CAAIR,CAAD,EAAUA,CAAI,CAACS,WAFZ,CAIP,MAAO,SAASC,mBAAT,CAAkCC,CAAlC,CAAkE,CACvE,sCACKA,CADL,MAEEC,kBAAkB,CAAED,CAAK,CAACC,kBAAN,EAA4BJ,yBAFlD,CAGEK,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBX,mBAHtC,CAIEY,YAAY,CAAEH,CAAK,CAACG,YAAN,EAAsBf,mBAJtC,CAKEgB,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBX,kBALpC,CAMEY,cAAc,CAAEL,CAAK,CAACK,cAAN,EAAwBV,qBAN1C,EAQD"}

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

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

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

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

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

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

package/{TileMenu → __internal__/src/components/TileMenu}/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PropsWithHTMLAttributesAndRef, PropsWithHTMLAttributes } from "../__private__/utils/types/PropsWithHTMLAttributes";
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from "../../utils/types/PropsWithHTMLAttributes";
 export declare const tileMenuPropView: readonly ["lines", "twoLines", "cards"];
 export declare type TileMenuPropView = typeof tileMenuPropView[number];
 export declare const tileMenuPropViewDefault: "lines";

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["tileMenuPropView","tileMenuPropViewDefault"],"sources":["../../../../../src/components/TileMenu/types.ts"],"sourcesContent":["import {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const tileMenuPropView = ['lines', 'twoLines', 'cards'] as const;\nexport type TileMenuPropView = typeof tileMenuPropView[number];\nexport const tileMenuPropViewDefault = tileMenuPropView[0];\n\nexport type TileMenuDefaultItem = {\n  label: string;\n  image?: string;\n  description?: string;\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\nexport type TileMenuPropGetItemImage<ITEM> = (\n  item: ITEM,\n) => string | React.FC | undefined;\nexport type TileMenuPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type TileMenuPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\nexport type TileMenuPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;\nexport type TileMenuPropGetItemOnClick<ITEM> = (\n  item: ITEM,\n) => React.MouseEventHandler<HTMLAnchorElement> | undefined;\nexport type TileMenuPropOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\nexport type TileMenuOnItemClick<ITEM> = (props: {\n  e: React.MouseEvent<HTMLAnchorElement>;\n  item: ITEM;\n}) => void;\n\ntype CommonProps<ITEM> = {\n  view?: TileMenuPropView;\n  items: ITEM[];\n  isMobile?: boolean;\n  onItemClick?: TileMenuOnItemClick<ITEM>;\n  getItemImage?: TileMenuPropGetItemImage<ITEM>;\n  getItemLabel?: TileMenuPropGetItemLabel<ITEM>;\n  getItemDescription?: TileMenuPropGetItemDescription<ITEM>;\n  getItemHref?: TileMenuPropGetItemHref<ITEM>;\n  getItemOnClick?: TileMenuPropGetItemOnClick<ITEM>;\n};\n\nexport type TileMenuProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributesAndRef<\n    CommonProps<ITEM> & { listClassName?: string; title?: string },\n    HTMLButtonElement\n  > &\n    (ITEM extends { label: TileMenuDefaultItem['label'] }\n      ? {}\n      : { getItemLabel: TileMenuPropGetItemLabel<ITEM> });\n\nexport type TileMenuListProps<ITEM = TileMenuDefaultItem> =\n  PropsWithHTMLAttributes<CommonProps<ITEM>, HTMLDivElement>;\n\nexport type TileMenuListComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuListProps<ITEM>,\n) => React.ReactElement | null;\n\nexport type TileMenuComponent = <ITEM = TileMenuDefaultItem>(\n  props: TileMenuProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAKA,MAAO,MAAMA,iBAAgB,CAAG,CAAC,OAAD,CAAU,UAAV,CAAsB,OAAtB,CAAzB,CAEP,MAAO,MAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD"}

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenu.css

@@ -1 +1 @@
-.che--VerticalMenu{position:relative}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enter{transform:translate(-100%)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exit{transform:translate(0)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exitActive{transform:translate(100%)}.che--VerticalMenu-Level{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.che--VerticalMenu-Level_current{pointer-events:all}.che--VerticalMenu-Level_animate_enter,.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit,.che--VerticalMenu-Level_animate_exitActive{transition:transform .25s,opacity .25s}.che--VerticalMenu-Level_animate_enter{opacity:0;transform:translate(100%)}.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit{opacity:1;transform:translate(0)}.che--VerticalMenu-Level_animate_exitActive{opacity:0;transform:translate(-100%)}
+.che--VerticalMenu{position:relative}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enter{transform:translate(-100%)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exit{transform:translate(0)}.che--VerticalMenu_animationBack .che--VerticalMenu-Level_animate_exitActive{transform:translate(100%)}.che--VerticalMenu-Level{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.che--VerticalMenu-Level_current{pointer-events:all}.che--VerticalMenu-Level_animate_enter,.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit,.che--VerticalMenu-Level_animate_exitActive{transition:transform .25s,opacity .25s}.che--VerticalMenu-Level_animate_enter{opacity:0;transform:translate(100%)}.che--VerticalMenu-Level_animate_enterActive,.che--VerticalMenu-Level_animate_exit{opacity:1;transform:translate(0)}.che--VerticalMenu-Level_animate_exitActive{opacity:0;transform:translate(-100%)}

package/{VerticalMenu → __internal__/src/components/VerticalMenu}/VerticalMenu.d.ts

@@ -1,5 +1,5 @@
-import { VerticalMenuComponent } from "./types";
 import './VerticalMenu.css';
+import { VerticalMenuComponent } from './types';
 export declare const cnVerticalMenu: import("@bem-react/classname").ClassNameFormatter;
 export declare const VerticalMenu: VerticalMenuComponent;
-export * from "./types";
+export * from './types';

package/__internal__/src/components/VerticalMenu/VerticalMenu.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";const _excluded=["items","className","getItemActive","getItemHref","getItemLabel","getItemOnClick","getItemTarget","getItemSubMenu","header","onItemClick","getItemGroup","footer"];import"./VerticalMenu.css";import{cnForCssTransition}from"@consta/uikit/__internal__/src/utils/cnForCssTransition";import{useDebounce}from"@consta/uikit/useDebounce";import{useMutableRef}from"@consta/uikit/useMutableRef";import{useRefs}from"@consta/uikit/useRefs";import React,{forwardRef,useCallback,useEffect,useState}from"react";import{CSSTransition,TransitionGroup}from"react-transition-group";import{getItemClick}from"../../helpers/getItemClick";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{VerticalMenuLevel}from"./VerticalMenuLevel/VerticalMenuLevel";export const cnVerticalMenu=cn("VerticalMenu");const transitionCn=cnForCssTransition(cnVerticalMenu,"Level"),VerticalMenuRender=(a,b)=>{const c=withDefaultGetters(a),{items:d,className:e,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:i,getItemTarget:j,getItemSubMenu:k,header:l,onItemClick:m,getItemGroup:n,footer:o}=c,p=_objectWithoutProperties(c,_excluded),[q,r]=useState([{items:d,id:"0"}]),[s,t]=useState(!1),u=useRefs(q.length),v=useDebounce(()=>t(!1),250),w=useCallback(a=>r(b=>{const c=Array.from(b);return c.push(a),c}),[]),x=useCallback(()=>{t(!0),r(a=>{const b=Array.from(a);return b.pop(),b}),v()},[]),y=useMutableRef(k),z=useMutableRef(h);return useEffect(()=>{const a=q[q.length-1].id.split("-").slice(1);let b="0";const c=[{items:d,id:b}];a.forEach(a=>{const d=c[c.length-1].items[+a];if(!d)return;const e=y.current(d),f=z.current(d);b=`${b}-${a}`,e&&c.push({items:e,label:f,id:b})}),r(c)},[d]),React.createElement("div",Object.assign({},p,{className:cnVerticalMenu({animationBack:s},[e]),ref:b}),React.createElement(TransitionGroup,{enter:!0,exit:!0,className:cnVerticalMenu("Levels")},q.map((a,b)=>{const c=b+1;if(c>=q.length)return React.createElement(CSSTransition,{classNames:transitionCn,key:c,timeout:250,nodeRef:u[b]},React.createElement(VerticalMenuLevel,{ref:u[b],id:a.id,items:a.items,label:a.label,addLevel:w,removeLevel:x,className:cnVerticalMenu("Level",{current:c===q.length}),key:c,header:0===b&&l,footer:0===b&&o,getItemActive:f,getItemHref:g,getItemLabel:h,getItemOnClick:a=>getItemClick(a,i,m),getItemTarget:j,getItemSubMenu:k,getItemGroup:n}))})))};export const VerticalMenu=forwardRef(VerticalMenuRender);export*from"./types";
+//# sourceMappingURL=VerticalMenu.js.map