@redneckz/wildless-cms-uni-blocks 0.2.113 → 0.2.116

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { HeadingProps } from './HeadingProps';
+
+const HeadingClass: Record<HeadingProps['type'], string> = {
+  h1: 'text-m-title',
+  h2: 'text-m-title',
+  h3: 'text-m-title-md',
+  h4: 'text-m-title-xs',
+  h5: 'text-m-title-xs',
+  h6: 'text-m-title-xs',
+};
+
+export const Heading = JSX<HeadingProps>((props) => {
+  const { className, type, text } = props;
+  const Tag = type;
+
+  return (
+    <Tag className={`font-sans font-medium ${HeadingClass[type]} ${className || ''}`}>{text}</Tag>
+  );
+});

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { HeadingProps } from './HeadingProps';
+
+const HeadingClass: Record<HeadingProps['type'], string> = {
+  h1: 'text-title-lg tracking-[-0.3px]',
+  h2: 'text-title',
+  h3: 'text-title-sm',
+  h4: 'text-title-xs',
+  h5: 'text-title-2xs tracking-[0.2px]',
+  h6: 'text-title-2xs tracking-[0.2px]',
+};
+
+export const Heading = JSX<HeadingProps>((props) => {
+  const { className, type, text } = props;
+  const Tag = type;
+
+  return (
+    <Tag className={`font-sans font-medium ${HeadingClass[type]} ${className || ''}`}>{text}</Tag>
+  );
+});

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

@@ -0,0 +1,14 @@
+/**
+ *
+ * @title Тип заголовка
+ * @enumNames [
+ *   "h1", "h2", "h3", "h4", "h5", "h6"
+ * ]
+ */
+export type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export interface HeadingProps {
+  className?: string;
+  type: HeadingType;
+  text?: string;
+}

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

@@ -1,21 +1,18 @@
 import '../../setup-fixture';
 import { Icon } from './Icon';
 
-import { IconMap } from './IconProps';
-import type { IconName } from './IconProps';
+import { IconMap } from '../../icons/IconName';
 
 export default {
   all: (
     <div className="w-[1280px]">
       <div className="grid grid-cols-6 gap-8">
-        {(Object.keys(IconMap) as Array<IconName>)
-          .filter((v) => isNaN(Number(v)))
-          .map((icon, i) => (
-            <div key={String(i)} className="flex flex-col items-center gap-3">
-              <div>{icon}</div>
-              <Icon name={icon} width="64" />
-            </div>
-          ))}
+        {Object.values(IconMap).map((icon) => (
+          <div key={icon} className="flex flex-col items-center gap-3">
+            <div>{icon}</div>
+            <Icon name={icon} width="64" />
+          </div>
+        ))}
       </div>
     </div>
   ),

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

@@ -1,154 +1,6 @@
-/**
- * Icons sorted by name
- */
-export enum IconMap {
-  'ActualBalanceIcon',
-  'AppleIcon',
-  'AtmIcon',
-  'BankIcon',
-  'BurgerIcon',
-  'BurgerIconWhite',
-  'Calendar2Icon',
-  'CalendarCircleIcon',
-  'CalendarIcon',
-  'CalendarTickIcon',
-  'CalendarWhiteIcon',
-  'CardIcon',
-  'CardPosIcon',
-  'CardTickIcon',
-  'CardWithGemIcon',
-  'ChartSquareIcon',
-  'ClockIcon',
-  'CloseIcon',
-  'ComfortableCompIcon',
-  'CreditCardsIcon',
-  'DocIcon',
-  'DocumentTextIcon',
-  'DollarIcon',
-  'EarthIcon',
-  'EmptyWalletChangeIcon',
-  'EmptyWalletIcon',
-  'EmptyWalletWhiteIcon',
-  'EuroIcon',
-  'GeolocationIcon',
-  'GlassIcon',
-  'GlobalIcon',
-  'GridIcon',
-  'GridIconWhite',
-  'InterestGrowthIcon',
-  'InterestIcon',
-  'JCBIcon',
-  'LoupeIcon',
-  'MasterCardIcon',
-  'MinusIcon',
-  'MirIcon',
-  'MoneyIcon',
-  'MoneyInsuranceIcon',
-  'MonitorMobileIcon',
-  'NewDocIcon',
-  'OfficeIcon',
-  'OkIcon',
-  'PassSendIcon',
-  'PercentageRoundIcon',
-  'PercentageSquareIcon',
-  'PercentageSquareWhiteIcon',
-  'PersonalCardIcon',
-  'PlayMarketIcon',
-  'PlusIcon',
-  'Profile2UserIcon',
-  'ProfileIcon',
-  'RoundRubleIcon',
-  'SafeIcon',
-  'ShieldTickIcon',
-  'SignDocsIcon',
-  'SmallClockIcon',
-  'TelegramIcon',
-  'UnionPayIcon',
-  'UserTickIcon',
-  'VisaIcon',
-  'VKIcon',
-  'WalletAddIcon',
-  'WalletAdd2Icon',
-  'WalletIcon',
-  'WalletWithMoneyIcon',
-}
+import type { IconName } from '../../icons/IconName';
 
-/**
- * @title Иконка
- * @enumNames [
- *    "Деньги",
- *    "Лого «Apple»",
- *    "Банкомат",
- *    "Банк",
- *    "Бургер",
- *    "Бургер (белый)",
- *    "Календарь 2",
- *    "Скруглённый календарь",
- *    "Календарь",
- *    "Календарь с галочкой",
- *    "Календарь белый",
- *    "Кред. карта",
- *    "Кред. карта под наклоном",
- *    "Кред. карта с галочкой",
- *    "Карта с драгоценностями",
- *    "Деньги внутри кошелька",
- *    "Часы",
- *    "Крестик",
- *    "Кресло",
- *    "Скидка",
- *    "Кредитные карты",
- *    "Огромная скидка",
- *    "Документ",
- *    "Документ с текстом",
- *    "Доллар",
- *    "Пустой кошелёк с возвратом",
- *    "Пустой кошелёк",
- *    "Пустой кошелёк (белый)",
- *    "Евро",
- *    "Геолокация",
- *    "Зеркало",
- *    "Глобус",
- *    "Сетка",
- *    "Сетка (белая)",
- *    "Диаграмма роста",
- *    "Скидка",
- *    "JCB",
- *    "Лупа",
- *    "MasterCard",
- *    "Минус",
- *    "МИР",
- *    "Деньги",
- *    "Денежное страхование",
- *    "Монитор и мобильный",
- *    "Новый документ",
- *    "Офис",
- *    "Лого «Одноклассники»",
- *    "Бизнес",
- *    "Проценты (круг.)",
- *    "Проценты",
- *    "Проценты белые",
- *    "Персональная карта",
- *    "Лого «PlayMarket»",
- *    "Плюс",
- *    "Профиль, 2 персоны",
- *    "Профиль",
- *    "Рубль (круг.)",
- *    "Сейф",
- *    "Безопасность",
- *    "Подписанные документы",
- *    "Маленькие часы",
- *    "Лого «Telegram»",
- *    "UnionPay",
- *    "Пользователь",
- *    "Visa",
- *    "Лого «VK»",
- *    "Пополнение карты",
- *    "Кошелёк с плюсом",
- *    "Кошелёк",
- *    "Кошелёк с деньгами",
- *  ]
- */
-export type IconName = keyof typeof IconMap;
+export type { IconName };
 
 export interface IconProps {
   className?: string;

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

@@ -33,6 +33,7 @@ export const Logo = JSX<Partial<LogoProps>>(
         className={`inline-flex items-center font-sans no-underline ${className}`}
         href={href || 'https://rshb.ru/'}
         target={targetBlank ? '_blank' : '_self'}
+        aria-label="Россельхозбанк"
       >
         <SVG
           className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`}

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

@@ -33,6 +33,7 @@ export const Logo = JSX<Partial<LogoProps>>(
         className={`inline-flex items-center font-sans no-underline ${className || ''}`}
         href={href || 'https://rshb.ru/'}
         target={targetBlank ? '_blank' : '_self'}
+        aria-label="Россельхозбанк"
       >
         <SVG
           className={`${SVG_COLOR[bgColor]} w-10`}

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

@@ -0,0 +1,16 @@
+import { SwipeListControl } from './SwipeListControl';
+import { mobileContext } from '../../setup-fixture';
+
+const children = new Array(4).fill(0).map((_, i) => (
+  <div key={String(i)} className="border border-main-stroke rounded-md text-center h-12">
+    {`Element #${i}`}
+  </div>
+));
+
+export default {
+  default: (
+    <div className="container px-4 py-5 grid-cols-12 bg-white">
+      <SwipeListControl context={mobileContext}>{children}</SwipeListControl>
+    </div>
+  ),
+};

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

@@ -0,0 +1,62 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { SwipeListControlProps } from './SwipeListControlProps';
+import { getScrollPoints } from './utils/getScrollPoints';
+import { getIndexParts } from './utils/getIndexParts';
+import { SwipeListControlList } from './SwipeListControlList';
+import { SwipeListControlDots } from './SwipeListControlDots';
+import { DEFAULT_GAP, DEFAULT_PADDING } from './constants';
+
+export const SwipeListControl = JSX<SwipeListControlProps>(
+  ({
+    className,
+    context,
+    children,
+    gap = DEFAULT_GAP,
+    padding = DEFAULT_PADDING,
+    showDots = true,
+  }) => {
+    const [activeIndex, setActiveIndex] = context.useState<number>(0);
+    const [indexFraction, setIndexFraction] = context.useState<number>(0);
+
+    const handleScroll = (e: UIEvent) => {
+      const { scrollLeft, clientWidth, childElementCount, scrollWidth, children } =
+        e.currentTarget as HTMLElement;
+
+      // horizontal PADDING / 2 to compensate padding-margin combo of child container
+      // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
+      const itemWidth = (children[0] as HTMLElement).offsetWidth - padding / 2;
+      const scrollPoints = getScrollPoints({
+        gap,
+        padding,
+        clientWidth,
+        scrollWidth,
+        childElementCount,
+        itemWidth,
+      });
+
+      const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
+      setActiveIndex(index);
+      setIndexFraction(fraction);
+    };
+
+    return (
+      <div className={className}>
+        <SwipeListControlList
+          gap={gap}
+          padding={padding}
+          activeIndex={activeIndex}
+          onScroll={handleScroll}
+        >
+          {children}
+        </SwipeListControlList>
+        <SwipeListControlDots
+          activeIndex={activeIndex}
+          indexFraction={indexFraction}
+          showDots={showDots}
+        >
+          {children}
+        </SwipeListControlDots>
+      </div>
+    );
+  },
+);

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

@@ -0,0 +1,51 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
+const BASE_DOT_WIDTH = 6;
+const ACTIVE_DOT_WIDTH_CHANGE = 16;
+const BASE_DOT_OPACITY = 0.3;
+const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
+
+export interface SwipeListControlDotsProps {
+  activeIndex: number;
+  indexFraction: number;
+  showDots?: boolean;
+}
+
+export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
+  ({ children, activeIndex, indexFraction, showDots }) => {
+    return showDots && children?.length ? (
+      <div className="flex gap-2 mx-auto mt-[22px] w-fit">
+        {children?.map((_, idx) => (
+          <div
+            key={String(idx)}
+            className={`${DOT_STYLES}`}
+            style={getDotStyles(idx, activeIndex, indexFraction)}
+            aria-hidden
+          />
+        ))}
+      </div>
+    ) : null;
+  },
+);
+
+const getDotStyles = (
+  currentIdx: number,
+  activeIndex: number,
+  indexFraction: number,
+): Record<string, string> | null => {
+  if (currentIdx < activeIndex || currentIdx > activeIndex + 1) return null;
+
+  const leftIndexMod = 1 - indexFraction;
+  const rightIndexMod = indexFraction;
+
+  return currentIdx === activeIndex
+    ? {
+        opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
+        width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
+      }
+    : {
+        opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
+        width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
+      };
+};

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

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+/**
+ * @title Элемент списка
+ */
+export interface SwipeListControlItemProps {
+  className?: string;
+  style?: Record<string, string>;
+  'aria-current'?: boolean;
+}
+
+export const SwipeListControlItem = JSX<SwipeListControlItemProps>(
+  ({ className = '', children, ...rest }) => {
+    return (
+      <div className={`snap-center snap-always min-w-full ${className}`} role="listitem" {...rest}>
+        {children}
+      </div>
+    );
+  },
+);

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

@@ -0,0 +1,48 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { SwipeListControlItem } from './SwipeListControlItem';
+import { getContainerStyle } from './utils/getContainerStyle';
+import { DEFAULT_GAP, DEFAULT_PADDING } from './constants';
+import { SwipeContainer } from './SwipeListControlProps';
+
+/**
+ * @title Список
+ */
+export interface SwipeListControlListProps extends SwipeContainer {
+  className?: string;
+  activeIndex: number;
+  onScroll?: (e: UIEvent) => void;
+}
+
+export const SwipeListControlList = JSX<SwipeListControlListProps>(
+  ({
+    className = '',
+    children,
+    activeIndex,
+    onScroll,
+    gap = DEFAULT_GAP,
+    padding = DEFAULT_PADDING,
+  }) => {
+    return (
+      <div
+        className={`overflow-auto flex horizontal-list no-scrollbar ${className}`}
+        style={{ ...getContainerStyle(padding), gap: `${gap}px` }}
+        role="list"
+        onScroll={onScroll}
+      >
+        {children?.length ? (
+          children?.map((child, idx) => (
+            <SwipeListControlItem
+              key={String(idx)}
+              style={getContainerStyle(padding / 4)}
+              aria-current={Boolean(activeIndex === idx)}
+            >
+              {child}
+            </SwipeListControlItem>
+          ))
+        ) : (
+          <SwipeListControlItem>{children}</SwipeListControlItem>
+        )}
+      </div>
+    );
+  },
+);

package/src/ui-kit/SwipeListControl/SwipeListControlProps.ts

@@ -0,0 +1,19 @@
+import type { UniBlockProps } from '../../types';
+
+/**
+ * @title Контейнер
+ */
+export interface SwipeContainer {
+  /** @title Расстояние между элементами */
+  gap?: number;
+  /** @title Отступы */
+  padding?: number;
+}
+
+/**
+ * @title Swipe-контроллер
+ */
+export interface SwipeListControlProps extends SwipeContainer, UniBlockProps {
+  /** @title Точки-индикаторы */
+  showDots?: boolean;
+}

package/src/ui-kit/SwipeListControl/constants.ts

@@ -0,0 +1,10 @@
+// column-gap between children of SwipeListControl container
+export const DEFAULT_GAP = 14;
+/*
+  Horizontal padding used on a container above SwipeListControl.
+  Same value used on a SwipeListControlChildren container to compensate it
+  and get rid of a clipping effect caused by overflow: hidden.
+ */
+export const DEFAULT_PADDING = 16;
+
+// Classes used to compensate outer container padding, so that child elements won't be clipped

package/src/ui-kit/SwipeListControl/utils/getContainerStyle.ts

@@ -0,0 +1,9 @@
+// styles used to compensate outer container padding to get rid of clipping effect
+export const getContainerStyle = (padding: number): Record<string, string> => {
+  return {
+    marginLeft: `${-padding}px`,
+    marginRight: `${-padding}px`,
+    paddingLeft: `${padding}px`,
+    paddingRight: `${padding}px`,
+  };
+};

package/src/ui-kit/SwipeListControl/utils/getIndexParts.spec.ts

@@ -0,0 +1,19 @@
+import { getIndexParts } from './getIndexParts';
+
+// pre-baked array containing [start, end] boundary scrollLeft values for scrollableElements
+const scrollPoints: [number, number][] = [
+  [0, 100],
+  [100, 200],
+];
+
+describe('getIndexParts', () => {
+  it("should return index and it's decimal part if scrollLeft lies within given intervals, right boundary non-inclusive", () => {
+    expect(getIndexParts(0, scrollPoints)).toEqual({ index: 0, fraction: 0 });
+    expect(getIndexParts(199, scrollPoints)).toEqual({ index: 1, fraction: 0.99 });
+  });
+
+  it('should return index equal -1 and fraction equal 0 if scrollLeft is outside given intervals', () => {
+    expect(getIndexParts(-1, scrollPoints)).toEqual({ index: -1, fraction: 0 });
+    expect(getIndexParts(200, scrollPoints)).toEqual({ index: -1, fraction: 0 });
+  });
+});

package/src/ui-kit/SwipeListControl/utils/getIndexParts.ts

@@ -0,0 +1,20 @@
+/*
+  Returns object containing whole index part, and it's decimal part for a given
+  scrollLeft value of a container and an array of tuple containing values of a
+  start and end boundaries of a scrollable child, right boundary non-inclusive.
+  Returns object with index equal -1 and fraction equal 0 if scrollLeft is outside given scrollPoints
+ */
+export const getIndexParts = (
+  scrollLeft: number,
+  scrollPoints: [number, number][],
+): {
+  index: number;
+  fraction: number;
+} => {
+  const index = scrollPoints.findIndex(([start, end]) => start <= scrollLeft && scrollLeft < end);
+  if (index < 0) return { index, fraction: 0 };
+
+  const [start, end] = scrollPoints[index];
+  const fraction = (scrollLeft - start) / (end - start);
+  return { index, fraction };
+};

package/src/ui-kit/SwipeListControl/utils/getScrollPoints.spec.ts

@@ -0,0 +1,24 @@
+import { getScrollPoints } from './getScrollPoints';
+
+const props = {
+  gap: 14,
+  padding: 16,
+  clientWidth: 500,
+  scrollWidth: 1914,
+  childElementCount: 4,
+  itemWidth: 460, // clientWidth - 1 * padding - gap = visible 10px of adjacent element
+};
+
+// pre-baked array containing accurate [start, end] boundary scrollLeft values for scrollableElements
+const scrollPoints: [number, number][] = [
+  [0, 470],
+  [470, 944],
+  [944, 1414],
+  [1414, 1914],
+];
+
+describe('getScrollPoints', () => {
+  it('should return array containing scroll breakpoints delimiting each child', () => {
+    expect(getScrollPoints(props)).toEqual(scrollPoints);
+  });
+});

package/src/ui-kit/SwipeListControl/utils/getScrollPoints.ts

@@ -0,0 +1,41 @@
+/*
+ Calculates array of breakpoints for each scrollable element in container.
+ Returns array of tuples consisting of [start, end] boundary scrollLeft values.
+*/
+export const getScrollPoints = ({
+  gap,
+  padding,
+  clientWidth,
+  scrollWidth,
+  childElementCount,
+  itemWidth,
+}: {
+  gap: number;
+  padding: number;
+  clientWidth: number;
+  scrollWidth: number;
+  childElementCount: number;
+  itemWidth: number;
+}) => {
+  const scrollItemWidth = itemWidth + gap;
+  const scrollableDistance = scrollWidth - clientWidth;
+  const edgeScrollDistance = clientWidth - gap - padding;
+
+  const lastScrollableIdx = childElementCount - 2;
+  const scrollPoints: [number, number][] = new Array(childElementCount)
+    .fill(0)
+    .map((_, idx) =>
+      idx === 0 || idx === lastScrollableIdx
+        ? [
+            idx > 0 ? scrollableDistance - edgeScrollDistance : 0,
+            idx > 0 ? scrollableDistance : edgeScrollDistance,
+          ]
+        : [
+            (idx - 1) * scrollItemWidth + edgeScrollDistance,
+            idx * scrollItemWidth + edgeScrollDistance,
+          ],
+    );
+  scrollPoints[childElementCount - 1] = [scrollableDistance, scrollWidth];
+
+  return scrollPoints;
+};

package/dist/components/BaseTile/getTitleSizeByClassName.d.ts

@@ -1 +0,0 @@
-export declare function getTitleSizeByClassName(className?: string): "L" | "M" | "S";

package/dist/components/BaseTile/getTitleSizeByClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTitleSizeByClassName.js","sourceRoot":"","sources":["../../../src/components/BaseTile/getTitleSizeByClassName.ts"],"names":[],"mappings":";;AAAA,uDAAoD;AACpD,SAAgB,uBAAuB,CAAC,SAAS,GAAG,EAAE;IACpD,MAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,CAAC,CAAC;IACtC,IAAI,OAAO,IAAI,CAAC,EAAE;QAChB,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,OAAO,IAAI,CAAC,EAAE;QACvB,OAAO,GAAG,CAAC;KACZ;SAAM;QACL,OAAO,GAAG,CAAC;KACZ;AACH,CAAC;AATD,0DASC"}

package/dist/ui-kit/Title/Title.d.ts

@@ -1,3 +0,0 @@
-import { TitleSize, TitleProps } from './TitleProps';
-export declare const SizeTableClass: Record<TitleSize, string>;
-export declare const Title: (props: import("@redneckz/uni-jsx").PropsWithChildren<TitleProps, any>, context?: any) => any;

package/dist/ui-kit/Title/Title.js

@@ -1,18 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = exports.SizeTableClass = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.SizeTableClass = {
-    XL: 'text-title-lg',
-    L: 'text-title',
-    M: 'text-title-sm',
-    S: 'text-title-xs',
-    '2XS': 'text-title-2xs',
-    '3XS': 'text-title-2xs',
-};
-exports.Title = (0, uni_jsx_1.JSX)(({ size = 'L', className, children, ...rest }) => {
-    const Tag = size === 'XL' ? 'h1' : 'h2';
-    return ((0, jsx_runtime_1.jsx)(Tag, { className: getClasses(exports.SizeTableClass[size], className), ...rest, children: children }));
-});
-const getClasses = (...classes) => classes.filter(Boolean).join(' ');
-//# sourceMappingURL=Title.js.map

package/dist/ui-kit/Title/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../src/ui-kit/Title/Title.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAG3B,QAAA,cAAc,GAA8B;IACvD,EAAE,EAAE,eAAe;IACnB,CAAC,EAAE,YAAY;IACf,CAAC,EAAE,eAAe;IAClB,CAAC,EAAE,eAAe;IAClB,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,aAAG,EAAa,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,OAAO,CACL,uBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,sBAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YAClE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,GAAG,OAA+B,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/dist/ui-kit/Title/Title.mobile.d.ts

@@ -1,3 +0,0 @@
-import { TitleSize, TitleProps } from './TitleProps';
-export declare const SizeTableClass: Record<TitleSize, string>;
-export declare const Title: (props: import("@redneckz/uni-jsx").PropsWithChildren<TitleProps, any>, context?: any) => any;