@redneckz/wildless-cms-uni-blocks 0.5.1 → 0.5.3

package/src/components/PictureText/PictureText.tsx

@@ -28,7 +28,7 @@ export const PictureText = JSX<PictureTextProps>(
   }) => {
     return (
       <BlockWrapper
-        className={`relative font-sans p-14 ${VersionStyleMap[version]} ${className}`}
+        className={`relative font-sans py-12 px-28 ${VersionStyleMap[version]} ${className}`}
         context={context}
         {...rest}
       >

package/src/components/ProductGallery/ProductGallery.fixture.tsx

@@ -50,7 +50,7 @@ const buttonsSecondary: ButtonWithIconProps[] = [
     href: 'https://rshb.ru',
     text: 'Подробнее',
     target: '_blank',
-    version: 'secondary',
+    version: 'white',
   },
 ];
 

package/src/components/ProductTile/ProductTile.tsx

@@ -36,7 +36,7 @@ export const ProductTile = JSX<ProductTileProps>(
       >
         <Headline
           context={context}
-          className={`!p-0 z-10 ${title || description ? 'mb-3.5' : ''}`}
+          className={`!p-0 !bg-transparent z-10 ${title || description ? 'mb-3.5' : ''}`}
           as="h2"
           title={title}
           description={description}
@@ -99,6 +99,8 @@ function renderAdditionalDescription(additionalDescription: string, version = 'p
   };
 
   return (
-    <div className={`text-m-light mt-2.5 ${descStyleMap[version]}`}>{additionalDescription}</div>
+    <div className={`text-m-light mt-2.5 z-10 ${descStyleMap[version]}`}>
+      {additionalDescription}
+    </div>
   );
 }

package/src/components/SafeDepositRental/RenderRadioButtons.tsx

@@ -3,7 +3,7 @@ import { useState } from '@redneckz/uni-jsx/lib/hooks/core';
 import { Radio } from '../../ui-kit/Radio/Radio';
 
 export const RenderRadioButtons = JSX(() => {
-  const [selectedOption, setSelectedOption] = useState('option1');
+  const [selectedOption, setSelectedOption] = useState('option2');
 
   const onChange = (_: React.ChangeEvent<HTMLInputElement>) => setSelectedOption(_.target.value);
 

package/src/components/StepsBlock/StepsBlock.fixture.tsx

@@ -90,6 +90,8 @@ export default {
           text: 'Отправить заявку',
           href: 'https://www.rshb.ru/',
           target: '_blank',
+          icon: { icon: 'ComfortableCompIcon' },
+          iconRight: { icon: 'ComfortableCompIcon' },
         }}
       />
     </div>

package/src/components/Tabs/TabsContent.ts

@@ -1,7 +1,9 @@
 import type { LinkProps } from '../../model/LinkProps';
 
+/**
+ * @title Группа
+ */
 export interface GroupTab {
-  /** @default group */
   type: 'group';
   /** @title Тег */
   ref?: string;
@@ -9,13 +11,16 @@ export interface GroupTab {
   title?: string;
 }
 
+/**
+ * @title Ссылка
+ */
 export type LinkTab = LinkProps & {
-  /** @default link */
   type: 'link';
 };
 
 /**
- *  @title Таб
+ * @title Таб
+ * @default {"type": "group"}
  */
 export type Tab = GroupTab | LinkTab;
 

package/src/components/Tabs/renderGroupTab.tsx

@@ -9,7 +9,8 @@ import {
 } from './tabItemClasses';
 import type { GroupTab } from './TabsContent';
 
-const BADGE_CLASSES = 'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2';
+const BADGE_CLASSES =
+  'min-w-[22px] w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
 const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
 const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover:text-primary-main';
 

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -353,7 +353,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
           target="_blank"
         >
           <div
-            class="flex items-center justify-center gap-2 py-4 px-9 "
+            class="group flex items-center justify-center gap-2 py-4 px-9  "
           >
             <div>
               <div
@@ -695,7 +695,7 @@ exports[`Blocks OtherProducts should render block "OtherProducts" without conten
 
 exports[`Blocks PictureText should render block "PictureText" without content 1`] = `
 <section
-  class="relative font-sans p-14 bg-white text-primary-text "
+  class="relative font-sans py-12 px-28 bg-white text-primary-text "
 >
   <section
     class="font-sans flex flex-col p-[50px] gap-3 bg-white !p-0"
@@ -801,7 +801,7 @@ exports[`Blocks ProductTile should render block "ProductTile" without content 1`
   class="overflow-hidden font-sans p-9 box-border relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px]"
 >
   <section
-    class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 z-10 "
+    class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 !bg-transparent z-10 "
   />
   <div
     class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline max-w-[calc(100%-186px)]"
@@ -894,7 +894,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Город
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -917,7 +917,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Отделение
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -991,7 +991,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Размер
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -1014,7 +1014,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               Параметры ячейки, мм (ВхШхД)
             </span>
             <select
-              class="appearance-none h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
+              class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
               placeholder=""
               style="background: url(/icons/ArrowDownIcon.svg) no-repeat 50%;"
             >
@@ -1044,7 +1044,6 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
-                checked=""
                 class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1062,6 +1061,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
               class="flex items-center relative cursor-pointer"
             >
               <input
+                checked=""
                 class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
                 name="contractType"
                 type="radio"
@@ -1080,7 +1080,7 @@ exports[`Blocks SafeDepositRental should render block "SafeDepositRental" withou
           role="button"
         >
           <div
-            class="flex items-center justify-center gap-2 py-4 px-9 "
+            class="group flex items-center justify-center gap-2 py-4 px-9  "
           >
             <div>
               <div

package/src/model/ButtonVersion.ts

@@ -1,6 +1,6 @@
 /**
  * @title Цвет кнопки
  * @default primary
- * @enumNames ["Основная", "Второстепенная", "Ссылка"]
+ * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка"]
  */
-export type ButtonVersion = 'primary' | 'secondary' | 'link';
+export type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link';

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

@@ -10,12 +10,14 @@ const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
     'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+  white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
   link: 'text-primary-main',
 };
 
 const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
   primary: 'bg-secondary-dark text-secondary-text',
   secondary: 'bg-secondary-light text-secondary-text',
+  white: 'bg-white text-primary-text',
   link: '',
 };
 

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

@@ -6,7 +6,9 @@ import { getDisabledButtonClasses } from './getDisabledButtonClasses';
 
 export const Button = JSX<ButtonWithIconProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, children, disabled, rounded, ...rest } = props;
-
+  // its non valid HTML attribute. Must be excluded from "rest"
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { asSVG, iconRight, icon, ...usedProps } = rest;
   const buttonInner = children ?? (
     <ButtonInner
       text={text}
@@ -18,11 +20,11 @@ export const Button = JSX<ButtonWithIconProps>((props) => {
   );
 
   return disabled ? (
-    <DisabledButton rounded={rounded} {...rest}>
+    <DisabledButton rounded={rounded} {...usedProps}>
       {buttonInner}
     </DisabledButton>
   ) : (
-    <RegularButton rounded={rounded} {...rest}>
+    <RegularButton rounded={rounded} {...usedProps}>
       {buttonInner}
     </RegularButton>
   );

package/src/ui-kit/Button/ButtonInner.tsx

@@ -24,7 +24,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
 });
 
 const getButtonStyle = (props: ButtonInnerProps) => {
-  const { version, aboveText, rounded } = props;
+  const { className = '', version, aboveText, rounded } = props;
 
   if (version === 'link') {
     return '';
@@ -33,9 +33,10 @@ const getButtonStyle = (props: ButtonInnerProps) => {
   const withTextStyle = `gap-2 ${aboveText ? 'py-2.5 px-7' : 'py-4 px-9'}`;
 
   return [
-    'flex items-center justify-center',
+    'group flex items-center justify-center',
     isWithText(props) ? withTextStyle : 'h-12 w-12',
     rounded ? 'rounded-full' : '',
+    className,
   ].join(' ');
 };
 

package/src/ui-kit/Button/ButtonSection.tsx

@@ -20,19 +20,24 @@ export const ButtonSection = JSX<ButtonSectionProps>(({ context, className = '',
   ) : null;
 });
 
-function renderButton({ icon, iconRight, ...button }: ButtonWithIconProps, i: number) {
+function renderButton(
+  { icon, iconRight, version = 'primary', ...button }: ButtonWithIconProps,
+  i: number,
+) {
   if (!button?.text) {
     return null;
   }
+  const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
 
   return icon ? (
     <Button
       key={String(i)}
-      appendLeft={<Img image={icon} width="24" height="24" asSVG />}
-      appendRight={<Img image={iconRight} width="24" height="24" asSVG />}
+      appendLeft={<Img imageClassName={imgStyle} image={icon} width="24" height="24" asSVG />}
+      appendRight={<Img imageClassName={imgStyle} image={iconRight} width="24" height="24" asSVG />}
+      version={version}
       {...button}
     />
   ) : (
-    <Button key={String(i)} {...button} />
+    <Button key={String(i)} version={version} {...button} />
   );
 }

package/src/ui-kit/Button/buttonClassNameConstants.ts

@@ -4,12 +4,14 @@ export const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
     'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+  white: 'text-primary-main bg-white hover:text-white hover:bg-primary-hover active:bg-white',
   link: '',
 };
 
 export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
   primary: 'bg-secondary-dark text-secondary-text',
   secondary: 'bg-secondary-light text-secondary-text',
+  white: 'bg-white text-primary-text',
   link: '',
 };
 

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

@@ -1,37 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { clamp } from '../../utils/clamp';
-
-// ISO 4217 codes
-/**
- * @title Валюта
- * @enumNames ["Рубль", "Доллар", "Евро"]
- * @default "RUB"
- */
-type Currency = 'RUB' | 'USD' | 'EUR';
-
-const CurrencyMap: Record<Currency, string> = {
-  RUB: '₽',
-  USD: '$',
-  EUR: '€',
-};
-
-type CurrencyInputProps = {
-  className?: string;
-  label?: string;
-  currency?: Currency;
-  onChange?: (value: string) => void;
-  name?: string;
-  value?: string;
-  placeholder?: string;
-  minValue?: number;
-  maxValue?: number;
-};
+import type { CurrencyInputProps } from './CurrencyInputProps';
 
 export const CurrencyInput = JSX<CurrencyInputProps>(
   ({
     className = '',
     label,
-    currency = 'RUB',
     onChange,
     value = '',
     minValue = 0,
@@ -55,14 +29,16 @@ export const CurrencyInput = JSX<CurrencyInputProps>(
         <div className="h-[56px] relative flex items-center">
           <input
             type="number"
-            className="text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text"
+            className={
+              'text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text'
+            }
             onChange={handleChange}
             value={value}
             min={minValue}
             max={maxValue}
             {...inputProps}
           />
-          <span className="text-xl-light absolute right-4">{CurrencyMap[currency]}</span>
+          <span className="text-xl-light absolute right-4">₽</span>
         </div>
       </div>
     );

package/src/ui-kit/CurrencyInput/CurrencyInputProps.ts

@@ -0,0 +1,10 @@
+export type CurrencyInputProps = {
+  className?: string;
+  label?: string;
+  onChange?: (value: string) => void;
+  name?: string;
+  value?: string;
+  placeholder?: string;
+  minValue?: number;
+  maxValue?: number;
+};

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

@@ -16,7 +16,7 @@ export const Select = JSX<SelectProps>(
   ({ className = '', id, name, children, value, onChange }) => {
     return (
       <select
-        className={`appearance-none ${className}`}
+        className={`appearance-none pl-0.5 ${className}`}
         style={selectStyle}
         id={id}
         name={name || id}

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

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

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

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../Img/Img");
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-exports.Tabs = (0, uni_jsx_1.JSX)(({ tabs, currentTabIndex, onTabClick }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, (0, jsx_runtime_1.jsxs)("div", { children: [tab?.title ? (0, jsx_runtime_1.jsx)("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? ((0, jsx_runtime_1.jsx)("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => ((0, jsx_runtime_1.jsx)("div", { className: "h-full mt-1", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAAiC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE7D,QAAA,IAAI,GAAG,IAAA,aAAG,EAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,gCAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,iCAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,4CACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,iCAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,gCAAK,SAAS,EAAC,aAAa,YAC1B,uBAAC,SAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/dist/ui-kit/Tabs/TabsProps.d.ts

@@ -1,17 +0,0 @@
-import type { Picture } from '../../model/Picture';
-/**
- * @title Вкладка
- */
-export interface Tab {
-    /** @title Имя вкладки */
-    title?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-export declare type TabClickHandler = (tabIndex: number) => void;
-export interface TabsProps {
-    tabs?: Tab[];
-    currentTabIndex: number;
-    onTabClick: TabClickHandler;
-}

package/dist/ui-kit/Tabs/TabsProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/TabsProps.ts"],"names":[],"mappings":""}

package/lib/ui-kit/Tabs/Tabs.d.ts

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

package/lib/ui-kit/Tabs/Tabs.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../Img/Img.js';
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-export const Tabs = JSX(({ tabs, currentTabIndex, onTabClick }) => {
-    return (_jsx("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map

package/lib/ui-kit/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/lib/ui-kit/Tabs/TabsProps.d.ts

@@ -1,17 +0,0 @@
-import type { Picture } from '../../model/Picture';
-/**
- * @title Вкладка
- */
-export interface Tab {
-    /** @title Имя вкладки */
-    title?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-export declare type TabClickHandler = (tabIndex: number) => void;
-export interface TabsProps {
-    tabs?: Tab[];
-    currentTabIndex: number;
-    onTabClick: TabClickHandler;
-}

package/lib/ui-kit/Tabs/TabsProps.js

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

package/lib/ui-kit/Tabs/TabsProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/TabsProps.ts"],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

package/mobile/dist/ui-kit/Tabs/Tabs.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Img_1 = require("../Img/Img");
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-exports.Tabs = (0, uni_jsx_1.JSX)(({ tabs, currentTabIndex, onTabClick }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, (0, jsx_runtime_1.jsxs)("div", { children: [tab?.title ? (0, jsx_runtime_1.jsx)("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? ((0, jsx_runtime_1.jsx)("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => ((0, jsx_runtime_1.jsx)("div", { className: "h-full mt-1", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map

package/mobile/dist/ui-kit/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,oCAAiC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE7D,QAAA,IAAI,GAAG,IAAA,aAAG,EAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,gCAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,iCAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,4CACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,iCAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,gCAAK,SAAS,EAAC,aAAa,YAC1B,uBAAC,SAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/mobile/dist/ui-kit/Tabs/TabsProps.d.ts

@@ -1,17 +0,0 @@
-import type { Picture } from '../../model/Picture';
-/**
- * @title Вкладка
- */
-export interface Tab {
-    /** @title Имя вкладки */
-    title?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-export declare type TabClickHandler = (tabIndex: number) => void;
-export interface TabsProps {
-    tabs?: Tab[];
-    currentTabIndex: number;
-    onTabClick: TabClickHandler;
-}

package/mobile/dist/ui-kit/Tabs/TabsProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/TabsProps.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/Tabs/Tabs.d.ts

@@ -1,2 +0,0 @@
-import type { TabsProps } from './TabsProps';
-export declare const Tabs: import("@redneckz/uni-jsx").UNIComponent<TabsProps, any, any>;

package/mobile/lib/ui-kit/Tabs/Tabs.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../Img/Img.js';
-const TAB_STYLE = 'px-2 h-14 pb-2 pt-3 border border-b-0 border-main-stroke';
-const ACTIVE_TAB_STYLE = 'px-2 h-16 pt-4 pb-2 text-white bg-primary-main';
-export const Tabs = JSX(({ tabs, currentTabIndex, onTabClick }) => {
-    return (_jsx("div", { className: "flex items-end border-b border-main-stroke", role: "tablist", children: tabs?.map(renderTab(currentTabIndex, onTabClick)) }));
-});
-const tabDescriptionStyle = (isActive = false) => `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
-const renderTab = (currentTabIndex, onTabClick) => (tab, index) => {
-    const isActive = currentTabIndex === index;
-    return (_jsxs("div", { className: `flex h-full flex-1 cursor-pointer mr-2 last:mr-0 box-content ${isActive ? ACTIVE_TAB_STYLE : TAB_STYLE}`, role: "tab", onClick: () => onTabClick(index), "aria-selected": isActive, children: [tab?.icon ? renderIcon(tab, isActive) : null, _jsxs("div", { children: [tab?.title ? _jsx("h3", { className: "m-0 text-l font-medium", children: tab?.title }) : null, tab?.description ? (_jsx("span", { className: tabDescriptionStyle(isActive), children: tab?.description })) : null] })] }, String(index)));
-};
-const renderIcon = (tab, isActive) => (_jsx("div", { className: "h-full mt-1", children: _jsx(Img, { className: `w-5 h-5 mr-3 ${isActive ? 'invert' : ''}`, image: tab?.icon || 'CardIcon', asSVG: !isActive }) }));
-//# sourceMappingURL=Tabs.js.map

package/mobile/lib/ui-kit/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,SAAS,GAAG,0DAA0D,CAAC;AAC7E,MAAM,gBAAgB,GAAG,gDAAgD,CAAC;AAE1E,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,EAAC,IAAI,EAAC,SAAS,YACvE,IAAI,EAAE,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE,CAC/C,iBAAiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;AAE3D,MAAM,SAAS,GACb,CAAC,eAAuB,EAAE,UAA2B,EAAE,EAAE,CAAC,CAAC,GAAQ,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,QAAQ,GAAG,eAAe,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,eAEE,SAAS,EAAE,gEACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAChC,EAAE,EACF,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,mBACjB,QAAQ,aAEtB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC7C,0BACG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,wBAAwB,YAAE,GAAG,EAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC5E,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,mBAAmB,CAAC,QAAQ,CAAC,YAAG,GAAG,EAAE,WAAW,GAAQ,CAC1E,CAAC,CAAC,CAAC,IAAI,IACJ,KAdD,MAAM,CAAC,KAAK,CAAC,CAed,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,QAAiB,EAAE,EAAE,CAAC,CAClD,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,GAAG,IACF,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,GAAG,EAAE,IAAI,IAAI,UAAU,EAC9B,KAAK,EAAE,CAAC,QAAQ,GAChB,GACE,CACP,CAAC"}

package/mobile/lib/ui-kit/Tabs/TabsProps.d.ts

@@ -1,17 +0,0 @@
-import type { Picture } from '../../model/Picture';
-/**
- * @title Вкладка
- */
-export interface Tab {
-    /** @title Имя вкладки */
-    title?: string;
-    /** @title Описание */
-    description?: string;
-    icon?: Picture;
-}
-export declare type TabClickHandler = (tabIndex: number) => void;
-export interface TabsProps {
-    tabs?: Tab[];
-    currentTabIndex: number;
-    onTabClick: TabClickHandler;
-}

package/mobile/lib/ui-kit/Tabs/TabsProps.js

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

package/mobile/lib/ui-kit/Tabs/TabsProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Tabs/TabsProps.ts"],"names":[],"mappings":""}