@redneckz/wildless-cms-uni-blocks 0.14.16 → 0.14.18

package/src/ui-kit/DatePicker/renderCalendarCells.tsx

@@ -0,0 +1,76 @@
+import type { VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
+
+const DAY_COUNT = 6;
+const WEEK_COUNT = 7;
+
+interface RenderCalendarCellsParams {
+  firstDayOfWeek: number;
+  today: Date | undefined;
+  totalDays: number;
+  currentYear: number;
+  currentMonth: number;
+  min?: Date | undefined;
+  max?: Date | undefined;
+  onDateClick: (date: Date) => void;
+}
+
+export const renderCalendarCells = ({
+  today,
+  firstDayOfWeek,
+  totalDays,
+  currentMonth,
+  currentYear,
+  min,
+  max,
+  onDateClick,
+}: RenderCalendarCellsParams) => {
+  const calendarCells: VNode = [];
+  let dayCounter = 1;
+
+  for (let i = 0; i < DAY_COUNT; i++) {
+    const rowCells: VNode = [];
+
+    for (let j = 0; j < WEEK_COUNT; j++) {
+      if (i === 0 && j < firstDayOfWeek) {
+        rowCells.push(<td key={`empty-${j}`}></td>);
+      } else if (dayCounter > totalDays) {
+        rowCells.push(<td key={`empty-${j}`}></td>);
+      } else {
+        const currentDate = new Date(currentYear, currentMonth, dayCounter);
+        const isToday = checkIsToday(currentDate, today);
+        const isDisabled = checkIsDisabled(currentDate, min, max);
+
+        rowCells.push(
+          <td key={`day-${dayCounter}`}>
+            <div
+              className={getDayStyles(isToday, isDisabled)}
+              onClick={() => !isDisabled && onDateClick(currentDate)}
+            >
+              {dayCounter}
+            </div>
+          </td>,
+        );
+
+        dayCounter++;
+      }
+    }
+
+    calendarCells.push(<tr key={`row-${i}`}>{rowCells}</tr>);
+  }
+
+  return calendarCells;
+};
+
+const checkIsToday = (currentDate: Date, today: Date | undefined) =>
+  today && currentDate.toDateString() === today.toDateString();
+
+const checkIsDisabled = (currentDate: Date, min: Date | undefined, max: Date | undefined) =>
+  (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
+
+const getDayStyles = (isToday: boolean | undefined, isDisabled: boolean | undefined) =>
+  style(
+    'p-s text-center rounded-md border',
+    isToday ? '' : 'border-transparent hover:bg-gray',
+    isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer',
+  );

package/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 { 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/src/ui-kit/Foldable/DefaultFoldButton.tsx

@@ -3,8 +3,8 @@ import type { ColorPalette } from '../../model/ContentPageDef';
 import { style } from '../../utils/style';
 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/src/ui-kit/Icon/Icon.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { projectSettings } from '../../ProjectSettings';
 import { useRouter } from '../../hooks/useRouter';
 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';

package/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 { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+import type { TariffsTableInnerContent } from './InnerTableProps';
 
 export interface InnerTableButtonProps
   extends Partial<TariffsTableCellIndexProps>,

package/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/src/ui-kit/InputRange/InputRange.tsx

@@ -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/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/src/ui-kit/List/ListContent.ts

@@ -1,5 +1,6 @@
 /**
  * @title Размер пунктов списка
+ * @default M
  * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
  */
 export type ListItemSize = 'XS' | 'S' | 'M' | 'L';

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

@@ -10,10 +10,10 @@ 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/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/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/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/src/ui-kit/Radio/Radio.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { RadioProps } from './RadioProps';
+import { Text } from '../Text/Text';
+import type { RadioProps } from './RadioProps';
 
 export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, className }) => (
   <div className={className}>
@@ -14,7 +15,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         checked={checked}
         onChange={(_) => onChange(_.target.value)}
       />
-      {text ? <span className="text-primary-text cursor-pointer">{text}</span> : null}
+      {text ? <Text color="text-primary-text">{text}</Text> : null}
     </label>
   </div>
 ));

package/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListOrientation } from '../../model/ListOrientation';
-import { Checkbox } from '../Checkbox/Checkbox';
 import { style } from '../../utils/style';
+import { Checkbox } from '../Checkbox/Checkbox';
 
 export interface RadioButtonItem {
   id: string;

package/src/ui-kit/RichText/RichText.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import type { RichTextProps } from './RichTextProps';
 import { getHtmlText } from './getHtmlText';
+import type { RichTextProps } from './RichTextProps';
 
 export const RichText = JSX<RichTextProps>((props) => {
   const { __html = '', richVersion = '' } = props;

package/src/ui-kit/RichText/RichTextProps.ts

@@ -2,6 +2,7 @@ type HTML = string;
 
 /**
  * @title Стиль форматированного текста
+ * @default ""
  * @enumNames ["по умолчанию", "Строки разного цвета", "Горизонтальные разделители"]
  */
 export type RichVersion = '' | 'striped' | 'horizontal-separator';

package/src/ui-kit/SearchBar/SearchBar.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { style } from '../../utils/style';
 import { CloseButton } from '../DialogManager/CloseButton';
 import { SearchInput } from '../SearchDialog/SearchInput';
 import { useSearchDialog } from '../SearchDialog/useSearchDialog';
-import { style } from '../../utils/style';
 
 interface SearchBarProps {
   className?: string;

package/src/ui-kit/SearchDialog/SearchInput.tsx

@@ -9,10 +9,11 @@ export interface SearchInputProps {
   autoFocus?: boolean;
   onChange?: (value: string) => void;
   onFocus?: () => void;
+  placeholder?: string;
 }
 
 export const SearchInput = JSX<SearchInputProps>(
-  ({ className, value, autoFocus, onChange, onFocus }) => {
+  ({ className, value, autoFocus, onChange, onFocus, placeholder = 'Поиск по сайту' }) => {
     const handleChange = useCallback(
       (ev: { target?: { value?: string } }) => {
         onChange && onChange(ev.target?.value || '');
@@ -27,13 +28,13 @@ export const SearchInput = JSX<SearchInputProps>(
         </div>
         <input
           className={style(
-            'h-12 w-full px-10 text-l text-black outline-none box-border',
-            'border border-solid rounded-md border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
+            'h-12 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
+            'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
           )}
           value={value}
           type="text"
           name="search-bar-input"
-          placeholder="Поиск по сайту"
+          placeholder={placeholder}
           autoFocus={autoFocus}
           onChange={handleChange}
           onFocus={onFocus}

package/src/ui-kit/Select/Select.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { LabelProps } from '../../model/HeadlineType';
+import type { LabelProps } from '../../model/HeadlineType';
+import type { IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
 import { Input } from '../Input/Input';
@@ -19,6 +20,7 @@ export type SelectProps = LabelProps & {
   placeholder?: string;
   isSearch?: boolean;
   onChange?: (value: Option) => void;
+  iconVersion?: IconVersion;
 };
 
 export const Select = JSX<SelectProps>(
@@ -31,6 +33,7 @@ export const Select = JSX<SelectProps>(
     isBorder = true,
     placeholder = '',
     isSearch = false,
+    iconVersion,
     onChange,
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
@@ -64,7 +67,7 @@ export const Select = JSX<SelectProps>(
             <p className="p-m pr-3xl flex items-center overflow-hidden text-ellipsis whitespace-nowrap">
               {formatOption(value) || placeholder}
             </p>
-            {renderIcon(isOpen)}
+            {renderIcon(isOpen, iconVersion)}
           </div>
           {isSearch && isOpen ? (
             <div className={style('absolute top-0 w-full z-20')}>
@@ -86,9 +89,10 @@ const renderLabel = (label?: string) =>
     </div>
   ) : null;
 
-const renderIcon = (isOpen: boolean) => (
+const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
   <Icon
     className={style('absolute right-3', isOpen ? '' : 'rotate-180')}
+    iconVersion={iconVersion}
     name="ArrowUpIcon"
     width="16"
     height="16"

package/src/ui-kit/Select/SelectPopup.tsx

@@ -26,7 +26,12 @@ export const SelectPopup = JSX<SelectPopupProps>(({ popupRef, options, value, qu
           className="flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative"
           role="option"
           aria-selected={option.key === value?.key}
-          onClick={() => onChange && onChange(option)}
+          onClick={(e) => {
+            e.stopPropagation();
+            if (onChange) {
+              onChange(option);
+            }
+          }}
         >
           <span className="min-h-6">{formatOption(option)}</span>
           <Icon

package/src/ui-kit/Select/filterOptions.ts

@@ -5,5 +5,7 @@ export const filterOptions = (options: Option[], query: string | undefined): Opt
     return options;
   }
 
-  return options.filter((_) => _.text?.toLocaleLowerCase().includes(query?.trim().toLocaleLowerCase()))
+  return options.filter((_) =>
+    _.text?.toLocaleLowerCase().includes(query?.trim().toLocaleLowerCase()),
+  );
 };

package/src/ui-kit/SwipeListControl/SwipeListControl.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { BlockVersion } from '../../model/BlockVersion';
 import { style } from '../../utils/style';
+import { isShowDots } from './isShowDots';
 import { SwipeListContainer } from './SwipeListContainer';
 import type { SwipeListControlContent } from './SwipeListControlContent';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { useSwipeListScroll } from './useSwipeListScroll';
-import { isShowDots } from './isShowDots';
 
 const DEFAULT_GAP = 14;
 

package/src/ui-kit/Text/Text.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 import { style } from '../../utils/style';
+import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 
 interface TextProps {
   size?: TextSize | TitleSize;

package/src/ui-kit/Text/TextProps.ts

@@ -40,6 +40,7 @@ export type TextColor = BlockVersionMolecule<
 
 /**
  * @title Выравнивание
+ * @default ""
  * @enumNames [
  *    "По умолчанию",
  *    "По левому краю",

package/src/ui-kit/TextWithIcon/TextWithIcon.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { style } from '../../utils/style';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { VNode } from '../../model/VNode';
+import { style } from '../../utils/style';
 
 interface TextWithIconProps extends UniBlockProps {
   tag?: keyof HTMLElementTagNameMap;

package/src/ui-kit/YandexMap/YandexMap.tsx

@@ -5,11 +5,11 @@ import { useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import ymaps from 'yandex-maps';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
-import { ZoomButton } from './ZoomButton';
 import { renderClusterer } from './renderClusterer';
 import { renderOpenMap } from './renderOpenMap';
 import { renderUserGeolocation } from './renderUserGeolocation';
 import { useYandexMaps } from './useYandexMaps';
+import { ZoomButton } from './ZoomButton';
 
 interface YandexMapProps {
   points?: number[][];

package/src/utils/formatDate.ts

@@ -1 +1,11 @@
-export const formatDate = (date: string) => date.split('-').reverse().join('.');
+export const formatDate = (date: string | Date, toTimeStamp = false) => {
+  if (typeof date === 'string') {
+    return date.split('-').reverse().join('.');
+  } else {
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = toTimeStamp ? String(date.getFullYear()) : String(date.getFullYear()).slice(-2);
+
+    return toTimeStamp ? `${year}-${month}-${day}` : `${day}.${month}.${year}`;
+  }
+};

package/bundle/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
-export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {
-}
-export declare const CarouselRecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;

package/cosmos-static/icons/AirPlaneIcon.svg

@@ -1 +0,0 @@
-<svg id="icon" viewBox="0 0 180 160" xmlns="http://www.w3.org/2000/svg" fill="none"><g clip-path="url(#a)"><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 123.222 3.718-2.712H38.077l-.395.288-37.52 27.366-3.717 2.712h146.53l.395-.288 37.519-27.366Z"/><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 114.598 3.718-2.712H38.077l-.395.288L.162 139.54l-3.717 2.712h146.53l.395-.288 37.519-27.366Z"/><path fill="#42AB44" stroke="#fff" stroke-width="3" d="m180.889 106.487 3.718-2.712H38.077l-.395.288L.162 131.43l-3.717 2.711h146.53l.395-.288 37.519-27.366Z"/><mask id="b" width="180" height="28" x="1" y="105" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#42AB44" d="M180.005 105.275H38.565L1.048 132.641h141.439l37.519-27.366Z"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M189.438 108.538H4.414l-4.086 2.517h185.024l4.086-2.517Z"/><path fill="url(#d)" d="M176.657 116.412H-8.367l-4.086 2.516H172.57l4.086-2.516Z"/><path fill="url(#e)" d="M103.318 124.31H-21.187l-4.087 2.516H99.231l4.087-2.516Z"/><path fill="url(#f)" stroke="#1D1D1B" stroke-miterlimit="10" d="M169.403 126.801h-45.64c-5.705 0-12.103 1.047-14.166 2.317-2.064 1.271.935 2.318 6.64 2.318h45.641c5.705 0 12.103-1.047 14.166-2.318 2.064-1.27-.824-2.317-6.641-2.317Z"/><path stroke="#1D1D1B" stroke-miterlimit="10" d="M-2.094 112.55H181.03m-196.358 8.147h183.122"/></g><g filter="url(#g)"><path fill="url(#h)" d="M162.499 117.992c.092-.027.183-.082.274-.109a.244.244 0 0 1 .122-.054.637.637 0 0 0 .182-.109c.061-.054.122-.081.183-.108.821-.571.365-1.087.182-1.494 0-.027-.03-.082-.03-.109-.122-.543-.091-1.683-8.762-1.249-4.228.217-21.143 1.113-40.552 2.118l-1.339-1.874-1.551-9.722-4.655.217-2.16 3.531-1.795.38-4.654 6.545-3.286 1.955c-14.42.761-28.384 1.494-38.058 2.01-1.37.081-2.677.136-3.955.217-.822-.163-1.582-.434-2.038-.896-1.37-1.439-.122-3.992-1.4-4.237-1.247-.271-5.537 0-5.537 0l-6.114 3.096c-.03-.054-.061-.135-.153-.163-.73-.434-3.833-.19-3.833-.19l-3.042 3.992-.395.19c-6.237.707-8.397 1.223-8.397 1.223l-2.251.814s-1.156.353 5.963.815l-8.245 3.069 3.925-.218 10.495-2.498c4.29.19 8.64.299 13.02.299 5.447 0 10.983-.136 16.733-.38 1.43-.055 3.134-.136 4.959-.218 1.734-.081 3.62-.163 5.567-.271 0 0 2.83.407 11.013.163-.06.081-.122.217-.213.38-.365.624-3.073 2.281-5.567 3.204-2.495.924-11.044 3.911-11.044 3.911h.791l-2.742.353 6.176-.353 35.568-8.745c.821-.054 1.643-.108 2.464-.19a58.627 58.627 0 0 0 7.697-1.086c6.997-.38 14.846-.842 20.596-1.141 3.65-.19 7.057-.434 10.13-.733l1.004-.081c7.332-.706 12.625-1.575 14.329-2.118.152-.028.274-.082.395-.136Z"/></g><path fill="url(#i)" d="m105.712 61.69-7.564-4.78-32.825-24.55-4.745.575 8.706 8.914-.892.97 15.377 16.534 2.57 5.428 19.373-3.091Z"/><mask id="j" width="149" height="28" x="17" y="56" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#88BBFB" d="M17.302 77.504s2.997-4.528 30.541-8.195c27.544-3.666 89.947-11.897 98.688-13.01 8.742-1.115 12.345 1.796 14.201 3.126 1.855 1.33 5.566 3.343 5.245 5.428-.286 2.084-7.457 5.75-20.48 7.44-13.023 1.689-36.571 5.211-36.571 5.211s-27.152 3.559-39.069 4.817c-11.916 1.258-24.333 1.33-38.64-.144-14.307-1.474-13.95-2.588-13.95-2.588v-2.085h.035Z"/></mask><g mask="url(#j)"><path fill="url(#k)" d="M17.302 77.504s2.997-4.528 30.541-8.195c27.544-3.666 89.947-11.897 98.688-13.01 8.742-1.115 12.345 1.796 14.201 3.126 1.855 1.33 5.566 3.343 5.245 5.428-.286 2.084-7.457 5.75-20.48 7.44-13.023 1.689-36.571 5.211-36.571 5.211s-27.152 3.559-39.069 4.817c-11.916 1.258-24.333 1.33-38.64-.144-14.307-1.474-13.95-2.588-13.95-2.588v-2.085h.035Z"/><g filter="url(#l)"><path fill="url(#m)" d="M31.25 82.177c14.272 1.473 26.724 1.401 38.64.143 11.917-1.257 39.069-4.816 39.069-4.816s23.548-3.45 36.571-5.175c13.023-1.726 20.194-5.356 20.48-7.44.285-2.085-3.39-4.098-5.245-5.428-2.319 5.93-50.379 8.267-94.55 14.485-44.17 6.218-48.88 3.594-48.88 3.594v2.085c-.035-.036-.392 1.078 13.915 2.552Z"/></g></g><path fill="#88BBFB" d="m23.078 73.91-9.062-10.028s2.925-.575 5.137.503c2.213 1.078 8.135 7.332 8.135 7.332l-4.21 2.193Z"/><path fill="#2168DA" d="M26.93 79.589h10.347l-6.423 9.273-3.924.54v-9.813Z"/><path fill="url(#n)" d="M23.508 75.132s6.815-.575 12.38 2.84c5.566 3.414 31.398 1.437 23.834-2.876s-10.81-4.744-10.81-4.744l-17.626 2.695-7.778 2.085Z"/><path fill="url(#o)" d="m23.51 75.132-6.494-18.26s4.174-.682 6.493 0c2.284.648 8.92 7.046 15.128 10.712 6.208 3.666 10.24 2.731 10.24 2.731s-5.21 2.409-13.558 3.523c-8.313 1.15-11.81 1.294-11.81 1.294Z"/><path fill="url(#p)" fill-rule="evenodd" d="M94.127 81.503c-8.855.628-13.494-.405-13.494-.405 1.106-2.084 10.525-3.882 23.441-5.427 12.916-1.546 21.265-1.078 21.265-1.078s-1.106 2.372-5.959 3.342c-.771.155-1.534.305-2.318.455l-12.418 27.222-6.137.862.607-6.074h-.928s.5-7.548.5-9.884c0-2.337-2.07-6.506-3.64-8.088l-.919-.925Z" clip-rule="evenodd"/></g><defs><linearGradient id="c" x1="-.133" x2=".025" y1="111.338" y2="105.849" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="d" x1="-12.914" x2="-12.757" y1="119.212" y2="113.722" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="e" x1="-25.734" x2="-25.49" y1="127.11" y2="121.499" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="f" x1="104.986" x2="107.191" y1="131.958" y2="119.836" gradientUnits="userSpaceOnUse"><stop stop-color="#EFBD6C"/><stop offset="1" stop-color="#FFF48E"/></linearGradient><linearGradient id="h" x1="49.375" x2="126.589" y1="94.46" y2="144.452" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="#0357CA"/></linearGradient><linearGradient id="i" x1="83.145" x2="83.145" y1="32.36" y2="64.781" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset="1" stop-color="#88BBFB" stop-opacity="0"/></linearGradient><linearGradient id="k" x1="91.631" x2="91.631" y1="56.049" y2="72.228" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset="1" stop-color="#88BBFB" stop-opacity="0"/></linearGradient><linearGradient id="m" x1="91.678" x2="91.686" y1="49.642" y2="83.273" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-color="#0357CA"/></linearGradient><linearGradient id="n" x1="42.303" x2="43.765" y1="70.352" y2="79.706" gradientUnits="userSpaceOnUse"><stop stop-color="#0C57D4"/><stop offset="1" stop-color="#0C57D4" stop-opacity="0"/></linearGradient><linearGradient id="o" x1="27.523" x2="16.247" y1="54.229" y2="73.339" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset=".671" stop-color="#063C87"/><stop offset="1" stop-color="#88BBFB"/></linearGradient><linearGradient id="p" x1="95.375" x2="116.948" y1="70.498" y2="80.699" gradientUnits="userSpaceOnUse"><stop stop-color="#88BBFB"/><stop offset=".671" stop-color="#063C87"/><stop offset="1" stop-color="#88BBFB"/></linearGradient><filter id="g" width="150.531" height="31.293" x="15.203" y="103.282" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_8300_220615" stdDeviation="1"/></filter><filter id="l" width="156.695" height="31.813" x="13.328" y="55.461" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_8300_220615" stdDeviation="2"/></filter><clipPath id="a"><path fill="#fff" d="M0 1h180v160H0z"/></clipPath></defs></svg>

package/cosmos-static/icons/BriefcaseIcon2.svg

@@ -1 +0,0 @@
-<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m21.37 14 .34-3.57C21.97 7.99 21.27 6 17 6H7c-4.27 0-4.97 1.99-4.7 4.43l.75 8C3.26 20.39 3.98 22 8 22h8c4.02 0 4.74-1.61 4.95-3.57M8 6v-.8C8 3.43 8 2 11.2 2h1.6C16 2 16 3.43 16 5.2V6" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 13v1.02c0 1.09-.01 1.98-2 1.98-1.98 0-2-.88-2-1.97V13c0-1 0-1 1-1h2c1 0 1 0 1 1ZM21.65 11A16.484 16.484 0 0 1 14 14.02M2.62 11.27c2.25 1.54 4.79 2.47 7.38 2.76" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/cosmos-static/icons/Car2Icon.svg

@@ -1 +0,0 @@
-<svg id="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.51 2.83H8.49C6 2.83 5.45 4.07 5.13 5.59L4 11h16l-1.13-5.41c-.32-1.52-.87-2.76-3.36-2.76ZM2.57 13.73C2.71 12.23 3 11 5.62 11h12.76c2.62 0 2.91 1.23 3.05 2.73l.56 6.09c.11 1.17-.83 2.18-2.03 2.18h-1.88c-1.08 0-1.23-.46-1.42-1.03l-.2-.6c-.28-.82-.46-1.37-1.9-1.37H9.44c-1.44 0-1.65.62-1.9 1.37l-.2.6C7.15 21.54 7 22 5.92 22H4.04c-1.2 0-2.14-1.01-2.03-2.18l.19-2.06M4 8H3M21 8h-1M12 3v2M10.5 5h3" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 15h3M15 15h3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>