@redneckz/wildless-cms-uni-blocks 0.14.17 → 0.14.19

package/mobile/src/ui-kit/DatePicker/useDatePickerManager.ts

@@ -0,0 +1,72 @@
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { type Option } from '../Select/Option';
+import { getYears } from './getYears';
+import { months } from './months';
+
+const MONTHS_COUNT = 11;
+const MONTHS_OPTIONS = months.map((key) => ({ key }));
+const YEARS_OPTIONS = getYears()
+  .reverse()
+  .map((key) => ({ key: String(key) }));
+
+interface UseDatePickerManagerParams {
+  onShowCalendar: (bool: boolean) => void;
+  showCalendar: boolean;
+  selectedMonth: number;
+  onMonthSelect: (num: number) => void;
+  selectedYear: number;
+  onYearSelect: (num: number) => void;
+}
+
+export const useDatePickerManager = ({
+  onShowCalendar,
+  showCalendar,
+  selectedMonth,
+  onMonthSelect,
+  onYearSelect,
+  selectedYear,
+}: UseDatePickerManagerParams) => {
+  const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
+  const ref = useOutsideClick<HTMLDivElement>(close);
+
+  const handleChangeVisibleCalendar = useCallback(
+    () => onShowCalendar(!showCalendar),
+    [showCalendar],
+  );
+
+  const handleNextMonth = useCallback(() => {
+    if (selectedMonth + 1 <= MONTHS_COUNT) {
+      onMonthSelect(selectedMonth + 1);
+    } else {
+      onMonthSelect(0);
+      onYearSelect(selectedYear + 1);
+    }
+  }, [selectedMonth]);
+
+  const handlePrevMonth = useCallback(() => {
+    if (selectedMonth - 1 >= 0) {
+      onMonthSelect(selectedMonth - 1);
+    } else {
+      onMonthSelect(11);
+      onYearSelect(selectedYear - 1);
+    }
+  }, [selectedMonth]);
+
+  const handleSelectMonth = useCallback(
+    ({ key }: Option) => onMonthSelect(months.indexOf(key)),
+    [],
+  );
+  const handleSelectYear = useCallback(({ key }: Option) => onYearSelect(Number(key)), []);
+
+  return {
+    handleChangeVisibleCalendar,
+    handleNextMonth,
+    handlePrevMonth,
+    handleSelectMonth,
+    handleSelectYear,
+    monthsOptions: MONTHS_OPTIONS,
+    yearsOptions: YEARS_OPTIONS,
+    ref,
+  };
+};

package/mobile/src/ui-kit/DialogManager/CloseButton.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
-import type { PreventableEvent } from '../PreventableEvent';
+import { type PreventableEvent } from '../PreventableEvent';
 
 interface CloseButtonProps {
   className?: string;

package/mobile/src/ui-kit/DialogManager/Dialog.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import type { VNode } from '../../model/VNode';
+import { type VNode } from '../../model/VNode';
 import { style } from '../../utils/style';
 import { CloseButton } from './CloseButton';
 import { useDialogManager } from './useDialogManager';

package/mobile/src/ui-kit/DialogManager/DialogAction.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../../model/VNode';
+import { type VNode } from '../../model/VNode';
 
 export type DialogAction = DialogOpenAction | DialogCloseAction;
 

package/mobile/src/ui-kit/DialogManager/DialogManager.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { style } from '../../utils/style';
-import type { DialogOpenAction } from './DialogAction';
+import { type DialogOpenAction } from './DialogAction';
 import { useDialogManager } from './useDialogManager';
 import { useDialogsList } from './useDialogsList';
 

package/mobile/src/ui-kit/DialogManager/isDialogOpen.ts

@@ -1,4 +1,4 @@
-import type { DialogOpenAction } from './DialogAction';
+import { type DialogOpenAction } from './DialogAction';
 
 export const isDialogOpen = (id: string, dialogs: DialogOpenAction[]) =>
   dialogs.find((item) => item.id === id, id);

package/mobile/src/ui-kit/DialogManager/useDialogManager.ts

@@ -1,5 +1,5 @@
 import { defaultEventBus } from '../../EventBus/defaultEventBus';
-import type { VNode } from '../../model/VNode';
+import { type VNode } from '../../model/VNode';
 
 export interface DialogOptions {
   id?: string;

package/mobile/src/ui-kit/DialogManager/useDialogsList.ts

@@ -2,7 +2,7 @@ import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useList } from '@redneckz/uni-jsx/lib/hooks/useList';
 import { defaultEventBus } from '../../EventBus/defaultEventBus';
 import { assertUnreachable } from '../../utils/assertUnreachable';
-import type { DialogOpenAction } from './DialogAction';
+import { type DialogOpenAction } from './DialogAction';
 
 interface DialogsListOptions {
   onCloseAll?: (dialogs: DialogOpenAction[]) => void;

package/mobile/src/ui-kit/Foldable/DefaultFoldButton.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ColorPalette } from '../../model/ContentPageDef';
+import { type ColorPalette } from '../../model/ContentPageDef';
 import { style } from '../../utils/style';
-import type { IconName } from '../Icon/IconProps';
+import { type IconName } from '../Icon/IconProps';
 import { Img } from '../Img/Img';
-import type { FoldablePartProps } from './FoldablePartProps';
 import { TextWithIcon } from '../TextWithIcon/TextWithIcon';
+import { type FoldablePartProps } from './FoldablePartProps';
 
 interface DefaultFoldButtonProps {
   className?: string;

package/mobile/src/ui-kit/Foldable/Foldable.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { VNode } from '../../model/VNode';
-import type { FoldablePartProps } from './FoldablePartProps';
+import { type VNode } from '../../model/VNode';
+import { type FoldablePartProps } from './FoldablePartProps';
 
 export interface FoldableProps {
   className?: string;

package/mobile/src/ui-kit/HeaderItem/HeaderItem.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import { style } from '../../utils/style';
-import type { TopItemProps } from '../TopItem/TopItem';
+import { type TopItemProps } from '../TopItem/TopItem';
 
 export type HeaderItemProps = TopItemProps;
 

package/mobile/src/ui-kit/Heading/Heading.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import type { HeadingProps, HeadingType } from './HeadingProps';
+import { type HeadingProps, type HeadingType } from './HeadingProps';
 import { headingTag } from './headingTag';
 
 const styles: Record<HeadingType, string> = {

package/mobile/src/ui-kit/Heading/HeadingProps.ts

@@ -1,4 +1,4 @@
-import type { TitleProps } from '../../model/HeadlineType';
+import { type TitleProps } from '../../model/HeadlineType';
 
 /**
  *

package/mobile/src/ui-kit/Heading/headingTag.ts

@@ -1,4 +1,4 @@
-import { HeadingTagType } from './HeadingProps';
+import { type HeadingTagType } from './HeadingProps';
 
 const mobileHeadingTagMap: Record<HeadingTagType, HeadingTagType> = {
   h1: 'h1',

package/mobile/src/ui-kit/Icon/Icon.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useRouter } from '../../hooks/useRouter';
-import type { IconVersion } from '../../model/IconVersion';
+import { type IconVersion } from '../../model/IconVersion';
+import { projectSettings } from '../../ProjectSettings';
 import { adjustHref } from '../../utils/adjustHref';
 import { isOnlyDigits } from '../../utils/isOnlyDigits';
 import { style } from '../../utils/style';
 import { joinPath } from '../../utils/url';
-import type { IconProps } from './IconProps';
+import { type IconProps } from './IconProps';
 
 const svgUseStyleMap: Record<IconVersion, string> = {
   normal: '',

package/mobile/src/ui-kit/Icon/IconProps.ts

@@ -1,5 +1,5 @@
-import type { IconName } from '../../icons/IconName';
-import type { IconVersion } from '../../model/IconVersion';
+import { type IconName } from '../../icons/IconName';
+import { type IconVersion } from '../../model/IconVersion';
 
 export type { IconName };
 

package/mobile/src/ui-kit/Icon/RoundedIcon.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
+import { type Picture } from '../../model/Picture';
 import { style } from '../../utils/style';
 import { Icon } from './Icon';
-import type { IconBgVersion } from './IconProps';
+import { type IconBgVersion } from './IconProps';
 
 export interface RoundedIconProps extends Picture {
   iconBgVersion?: IconBgVersion;

package/mobile/src/ui-kit/Img/Img.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../Icon/Icon';
 import { ImgAsPicture } from './ImgAsPicture';
-import type { ImageProps } from './ImgProps';
+import { type ImageProps } from './ImgProps';
 
 export const Img = JSX<ImageProps>(
   ({ className = '', image, imageClassName = '', pathPrefix, ...iconProps }) => {

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Router, useRouter } from '../../hooks/useRouter';
-import type { ImgSource, Picture } from '../../model/Picture';
+import { useRouter, type Router } from '../../hooks/useRouter';
+import { type ImgSource, type Picture } from '../../model/Picture';
 import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
 import { isURL, joinPath } from '../../utils/url';
-import type { ImageProps } from './ImgProps';
+import { type ImageProps } from './ImgProps';
 
 const sourcesComparator = (a: Picture, b: Picture) =>
   a?.media && b?.media ? a.media - b.media : 0;

package/mobile/src/ui-kit/Img/ImgProps.ts

@@ -1,5 +1,5 @@
-import type { Picture } from '../../model/Picture';
-import type { IconCompatibilityFields } from '../Icon/IconProps';
+import { type Picture } from '../../model/Picture';
+import { type IconCompatibilityFields } from '../Icon/IconProps';
 
 export interface ImageContent {
   image?: Picture;

package/mobile/src/ui-kit/InnerTable/InnerTable.tsx

@@ -3,7 +3,7 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { InnerTableBody } from './InnerTableBody';
 import { TableInnerButton } from './InnerTableButton';
 import { InnerTableHeader } from './InnerTableHeader';
-import type { TableFetchData, TariffsTableInnerContent } from './InnerTableProps';
+import { type TableFetchData, type TariffsTableInnerContent } from './InnerTableProps';
 import { useTariffsInnerTableData } from './useTariffsInnerTableData';
 
 export interface InnerTableProps extends TariffsTableInnerContent {

package/mobile/src/ui-kit/InnerTable/InnerTableBody.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Text } from '../../ui-kit/Text/Text';
 import { InnerTableBodyItem } from './InnerTableBodyItem';
-import type { DataItem } from './InnerTableProps';
+import { type DataItem } from './InnerTableProps';
 
 export interface InnerTableBodyProps {
   activeTabIndex: number;

package/mobile/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer';
-import type { RowsData } from './InnerTableProps';
+import { type RowsData } from './InnerTableProps';
 import { renderInnerTableRow } from './renderInnerTableRow';
 
 export interface InnerTableBodyItemProps {

package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
-import type { TariffsTableInnerContent } from './InnerTableProps';
-import { Img } from '../Img/Img';
+import { type TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
 import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+import { type TariffsTableInnerContent } from './InnerTableProps';
 
 export interface InnerTableButtonProps
   extends Partial<TariffsTableCellIndexProps>,

package/mobile/src/ui-kit/InnerTable/getHorizontalShift.tsx

@@ -1,5 +1,5 @@
-import type { RowsData } from './InnerTableProps';
 import { sum } from '../../utils/sum';
+import { type RowsData } from './InnerTableProps';
 
 const COLUMN_WIDTH = 140;
 

package/mobile/src/ui-kit/InnerTable/renderInnerTableRow.tsx

@@ -1,6 +1,6 @@
 import { style } from '../../utils/style';
 import { getHorizontalShift } from './getHorizontalShift';
-import type { RowsData } from './InnerTableProps';
+import { type RowsData } from './InnerTableProps';
 
 export const renderInnerTableRow =
   (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: number) => {

package/mobile/src/ui-kit/Input/Input.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
-import type { InputProps } from './InputProps';
+import { type InputProps } from './InputProps';
 
 export const Input = JSX<InputProps>(
   ({

package/mobile/src/ui-kit/Input/InputProps.ts

@@ -1,6 +1,6 @@
-import type { LabelProps } from '../../model/HeadlineType';
-import type { InputTypes } from '../../model/InputTypes';
-import type { ControlProps } from '../ControlProps';
+import { type LabelProps } from '../../model/HeadlineType';
+import { type InputTypes } from '../../model/InputTypes';
+import { type ControlProps } from '../ControlProps';
 
 export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
   className?: string;

package/mobile/src/ui-kit/InputRange/InputRange.tsx

@@ -5,7 +5,7 @@ import { clamp } from '../../utils/clamp';
 import { style } from '../../utils/style';
 import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { Text } from '../Text/Text';
-import type { InputRangeProps } from './InputRangeProps';
+import { type InputRangeProps } from './InputRangeProps';
 import { parseDecimal } from './parseDecimal';
 import { renderRangeWithTicks } from './renderRangeWithTicks';
 
@@ -51,9 +51,9 @@ export const InputRange = JSX<InputRangeProps>((props) => {
         ) : null}
         <input
           className={style(
-            'm-0 mt-xs font-sans text-h3 w-full h-14',
+            'mt-xs font-sans text-h3 w-full h-14',
             'border border-solid border-gray rounded-md outline-none',
-            'p-0 pl-m box-border',
+            'pl-m box-border',
             'text-primary-text hover:border-primary-hover focus:border-primary-text',
             DISABLED_INPUT_CLASSES,
           )}

package/mobile/src/ui-kit/InputRange/InputRangeProps.ts

@@ -1,5 +1,5 @@
-import type { InputProps } from '../Input/InputProps';
-import type { ListContent } from '../List/ListContent';
+import { type InputProps } from '../Input/InputProps';
+import { type ListContent } from '../List/ListContent';
 
 export interface InputRangeProps extends ListContent, InputProps<number> {
   items?: string[];

package/mobile/src/ui-kit/InputRange/renderRangeWithTicks.tsx

@@ -22,8 +22,9 @@ export function renderRangeWithTicks({
 }: RangeWithTicksProps) {
   const rangeValue = list.length ? list.indexOf(value) : value;
   const rangeValueShift = rangeValue > min ? rangeValue - min : 0;
+  const percentage = (rangeValueShift * 100) / (max - min);
   const inputStyle = {
-    backgroundSize: `${((rangeValueShift * 100) / (max - min)).toFixed(2)}% 100%`,
+    backgroundSize: `${percentage.toFixed(2)}% 100%`,
   };
 
   return (

package/mobile/src/ui-kit/LinkWrapper/LinkWrapper.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { Target } from '../../model/LinkProps';
+import { type Target } from '../../model/LinkProps';
 import { style } from '../../utils/style';
 
 interface LinkWrapperProps {

package/mobile/src/ui-kit/List/List.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import type { ListItemSize } from './ListContent';
+import { type ListItemSize } from './ListContent';
 import { ListItem } from './ListItem';
-import type { ListProps } from './ListProps';
+import { type ListProps } from './ListProps';
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
   XS: 'text-m font-light',

package/mobile/src/ui-kit/List/ListItem.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import type { ListItemSize } from './ListContent';
+import { type ListItemSize } from './ListContent';
 
 /**
  * @title Параметры элемента списка

package/mobile/src/ui-kit/List/ListProps.ts

@@ -1,5 +1,5 @@
-import type { BulletsProps } from '../../model/Bullets';
-import type { ListContent } from './ListContent';
+import { type BulletsProps } from '../../model/Bullets';
+import { type ListContent } from './ListContent';
 
 /**
  * @title Содержимое списка

package/mobile/src/ui-kit/ListControlProps.ts

@@ -1,4 +1,4 @@
-import type { ControlProps } from './ControlProps';
+import { type ControlProps } from './ControlProps';
 
 export interface ListControlProps<T> extends ControlProps<T> {
   items: T[];

package/mobile/src/ui-kit/LocationDialog/LocationDialog.tsx

@@ -1,19 +1,18 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLocation } from '../../hooks/useLocation';
-import type { Region } from '../../hooks/useRegions';
-import { useRegions } from '../../hooks/useRegions';
-import type { UniBlockProps } from '../../model/JSXBlock';
+import { useRegions, type Region } from '../../hooks/useRegions';
+import { type UniBlockProps } from '../../model/JSXBlock';
 import { useSitemap } from '../../services/sitemap/useSitemap';
 import { groupBy } from '../../utils/groupBy';
 import { jaroWinklerDistance } from '../../utils/jaroWinklerDistance';
 import { Dialog } from '../DialogManager/Dialog';
 import { useDialogManager } from '../DialogManager/useDialogManager';
 import { Text } from '../Text/Text';
-import { SearchBar } from './SearchBar';
 import { renderForeignOffices } from './renderForeignOffices';
 import { renderRegion } from './renderRegion';
 import { renderRegionGroup } from './renderRegionGroup';
+import { SearchBar } from './SearchBar';
 
 const SEARCH_TERM_MIN_LENGTH = 3;
 

package/mobile/src/ui-kit/LocationDialog/renderForeignOffices.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
-import type { ForeignOffice } from '../../services/sitemap/SitemapData';
+import { ForeignOffice } from '../../services/sitemap/SitemapData';
 import { Img } from '../Img/Img';
 import { Text } from '../Text/Text';
 

package/mobile/src/ui-kit/LocationDialog/renderRegion.tsx

@@ -1,4 +1,4 @@
-import type { Region } from '../../hooks/useRegions';
+import { type Region } from '../../hooks/useRegions';
 
 export const renderRegion = (onChangeLocation?: (region: Region) => void) => (region: Region) =>
   (

package/mobile/src/ui-kit/LocationDialog/renderRegionGroup.tsx

@@ -1,4 +1,4 @@
-import type { Region } from '../../hooks/useRegions';
+import { type Region } from '../../hooks/useRegions';
 import { Text } from '../Text/Text';
 import { renderRegion } from './renderRegion';
 

package/mobile/src/ui-kit/LocationDialog/useLocationDialog.tsx

@@ -1,4 +1,4 @@
-import { DialogOptions, useDialogManager } from '../DialogManager/useDialogManager';
+import { useDialogManager, type DialogOptions } from '../DialogManager/useDialogManager';
 import { LocationDialog } from './LocationDialog';
 
 export const useLocationDialog = () => {

package/mobile/src/ui-kit/Logo/Logo.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BgColorVersion } from '../../model/BgColorVersion';
-import type { LogoType } from '../../model/LogoType';
+import { type BgColorVersion } from '../../model/BgColorVersion';
+import { type LogoType } from '../../model/LogoType';
 import { style } from '../../utils/style';
 import { Text } from '../Text/Text';
-import type { TextColor } from '../Text/TextProps';
+import { type TextColor } from '../Text/TextProps';
 import { ICON_SIZE } from './iconSize';
 import { logoTitleSizeStyle } from './logoTitleSizeStyle';
 import { renderImage } from './renderImage';

package/mobile/src/ui-kit/Logo/renderImage.tsx

@@ -1,5 +1,5 @@
-import type { BgColorVersion } from '../../model/BgColorVersion';
-import type { Picture } from '../../model/Picture';
+import { type BgColorVersion } from '../../model/BgColorVersion';
+import { type Picture } from '../../model/Picture';
 import { Img } from '../Img/Img';
 
 const ICON_VERSION_MAP: Record<BgColorVersion, string> = {

package/mobile/src/ui-kit/NotFound/NotFound.tsx

@@ -0,0 +1,18 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Headline } from '../../components/Headline/Headline';
+import { AlignStyles } from '../../model/AlignStyles';
+import { type NotFoundContent } from '../BaseFiltration/BaseFiltrationContent';
+import { Img } from '../Img/Img';
+
+export const NotFound = JSX<NotFoundContent>(({ title, description }) => (
+  <div className="bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center">
+    <Img image={{ icon: 'MagnifierIcon' }} width="120" height="120" />
+    <Headline
+      title={title}
+      description={description}
+      headlineVersion="S"
+      isEmbedded={true}
+      align={AlignStyles}
+    />
+  </div>
+));

package/mobile/src/ui-kit/NumberInput/NumberInput.tsx

@@ -4,7 +4,7 @@ import { useNormalizedInput } from '../../hooks/useNormalizedInput';
 import { clamp } from '../../utils/clamp';
 import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
 import { Input } from '../Input/Input';
-import type { InputProps } from '../Input/InputProps';
+import { type InputProps } from '../Input/InputProps';
 
 export interface NumberInputProps extends InputProps<string> {
   min?: number;

package/mobile/src/ui-kit/Pagination/PageSizeSelector.tsx

@@ -18,9 +18,11 @@ export const PageSizeSelector = ({ itemCount, onItemCountChange }: PageSizeSelec
     <div className="flex items-center gap-s">
       <span>Показать по</span>
       <Select
+        className="min-w-20"
         onChange={handleItemCountChange}
         value={{ key: String(itemCount) }}
         options={DEFAULT_OPTIONS}
+        iconVersion="black"
       />
     </div>
   );

package/mobile/src/ui-kit/Pagination/renderPages.tsx

@@ -1,5 +1,5 @@
 import { paginationBlockStyle } from './paginationBlockStyle';
-import type { PaginationContainerProps } from './PaginationContainer';
+import { type PaginationContainerProps } from './PaginationContainer';
 import { shouldRenderPage } from './shouldRenderPage';
 
 export const renderPages = (pagesParams: PaginationContainerProps, index: number) => {

package/mobile/src/ui-kit/Paragraph/Paragraph.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ParagraphProps } from './ParagraphProps';
 import { style } from '../../utils/style';
+import { type ParagraphProps } from './ParagraphProps';
 
 export const Paragraph = JSX<ParagraphProps>(({ children, ...styleProps }) => (
   <p className={style('font-sans', Object.values(styleProps))}>{children}</p>

package/mobile/src/ui-kit/Paragraph/ParagraphProps.ts

@@ -1,4 +1,4 @@
-import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/TextProps';
+import { type FontWeight, type TextAlign, type TextColor, type TextSize } from '../Text/TextProps';
 
 export interface ParagraphProps {
   size?: TextSize;

package/mobile/src/ui-kit/PhoneInput/PhoneInput.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { Input } from '../Input/Input';
-import type { InputProps } from '../Input/InputProps';
+import { type InputProps } from '../Input/InputProps';
 import { normalizePhone } from './normalizePhone';
 
 export const PhoneInput = JSX<InputProps>(({ children, onChange, ...inputProps }) => {

package/mobile/src/ui-kit/PopupManager/PopupAction.ts

@@ -1,4 +1,4 @@
-import type { VNode } from '../../model/VNode';
+import { type VNode } from '../../model/VNode';
 
 export type PopupAction = PopupOpenAction | PopupCloseAction;
 

package/mobile/src/ui-kit/PopupManager/PopupManager.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { defaultEventBus } from '../../EventBus/defaultEventBus';
 import { assertUnreachable } from '../../utils/assertUnreachable';
-import { PopupOpenAction } from './PopupAction';
+import { type PopupOpenAction } from './PopupAction';
 
 export const PopupManager = JSX(() => {
   const [popup, setPopup] = useState<PopupOpenAction | null>(null);