md-components-mdigial-azamat 0.0.306 → 0.0.307

package/README.md

@@ -1,131 +1,131 @@
-npm version patch
-npm run build
-npm publish
-
-# MBank UI Component Library
-
-Библиотека компонентов для MBank - современная UI библиотека на React + TypeScript + Vite.
-
-## 📦 Установка
-
-```bash
-npm install md-components-mdigial-azamat
-```
-
-## 🚀 Использование
-
-```javascript
-import {
-  Banner,
-  Footer,
-  Header,
-  MainBanner,
-} from 'md-components-mdigial-azamat'
-```
-
-## 📚 Документация
-
-Полная документация по всем компонентам и их пропсам доступна в файле [COMPONENTS.md](./COMPONENTS.md).
-
-### Категории компонентов
-
-Библиотека содержит **45+ компонентов**, разделенных на 12 категорий:
-
-- **Хедеры** - верхняя навигационная часть страницы
-- **Баннеры** - информационные и рекламные блоки (9 компонентов)
-- **Футеры** - нижняя часть страницы
-- **Карточки** - интерактивные карточки с информацией (10 компонентов)
-- **FAQ** - компоненты для часто задаваемых вопросов
-- **Списки** - компоненты для отображения списков элементов (6 компонентов)
-- **Видео** - компоненты для воспроизведения видео (3 компонента)
-- **Таблицы** - компоненты для табличных данных (2 компонента)
-- **Навигация** - компоненты для навигации
-- **Шаги** - компоненты для многошаговых процессов
-- **Загрузка файлов** - компоненты для скачивания файлов (5 компонентов)
-- **Отступы** - компоненты для создания отступов
-
-## 🛠 Разработка
-
-### Технологии
-
-- **React 18** - UI библиотека
-- **TypeScript** - типизация
-- **Vite** - сборщик и dev-сервер
-- **Tailwind CSS** - стилизация
-- **ESLint + Prettier** - линтинг и форматирование
-
-### Доступные команды
-
-```bash
-# Запуск dev-сервера
-npm run dev
-
-# Сборка библиотеки
-npm run build
-
-# Линтинг кода
-npm run lint
-
-# Форматирование кода
-npm run prettier
-
-# Предпросмотр сборки
-npm run preview
-```
-
-### Структура проекта
-
-```
-src/
-├── components/          # Компоненты библиотеки
-│   ├── Banner/         # Компонент баннера
-│   ├── MainBanner/     # Главный баннер
-│   ├── Header/         # Хедер
-│   ├── Footer/         # Футер
-│   └── ...             # Другие компоненты
-├── shared/             # Общие утилиты и типы
-│   ├── ui/            # UI компоненты
-│   ├── types/         # TypeScript типы
-│   └── utils/         # Утилиты
-└── ...
-```
-
-## 📝 Публикация пакета
-
-```bash
-# Обновление версии (patch/minor/major)
-npm version patch
-
-# Сборка проекта
-npm run build
-
-# Публикация в npm registry
-npm publish
-```
-
-**Важно:** Убедитесь, что вы авторизованы в npm и имеете права на публикацию пакета:
-
-```bash
-npm login
-```
-
-## 🔧 Конфигурация ESLint
-
-Для продакшн приложений рекомендуется расширить конфигурацию ESLint:
-
-```js
-parserOptions: {
-  ecmaVersion: 'latest',
-  sourceType: 'module',
-  project: ['./tsconfig.json', './tsconfig.node.json'],
-  tsconfigRootDir: __dirname,
-}
-```
-
-## 📄 Лицензия
-
-Проект разработан для MBank.
-
-## 👤 Автор
-
-**Azamat Raimbekov**
+npm version patch
+npm run build
+npm publish
+
+# MBank UI Component Library
+
+Библиотека компонентов для MBank - современная UI библиотека на React + TypeScript + Vite.
+
+## 📦 Установка
+
+```bash
+npm install md-components-mdigial-azamat
+```
+
+## 🚀 Использование
+
+```javascript
+import {
+  Banner,
+  Footer,
+  Header,
+  MainBanner,
+} from 'md-components-mdigial-azamat'
+```
+
+## 📚 Документация
+
+Полная документация по всем компонентам и их пропсам доступна в файле [COMPONENTS.md](./COMPONENTS.md).
+
+### Категории компонентов
+
+Библиотека содержит **45+ компонентов**, разделенных на 12 категорий:
+
+- **Хедеры** - верхняя навигационная часть страницы
+- **Баннеры** - информационные и рекламные блоки (9 компонентов)
+- **Футеры** - нижняя часть страницы
+- **Карточки** - интерактивные карточки с информацией (10 компонентов)
+- **FAQ** - компоненты для часто задаваемых вопросов
+- **Списки** - компоненты для отображения списков элементов (6 компонентов)
+- **Видео** - компоненты для воспроизведения видео (3 компонента)
+- **Таблицы** - компоненты для табличных данных (2 компонента)
+- **Навигация** - компоненты для навигации
+- **Шаги** - компоненты для многошаговых процессов
+- **Загрузка файлов** - компоненты для скачивания файлов (5 компонентов)
+- **Отступы** - компоненты для создания отступов
+
+## 🛠 Разработка
+
+### Технологии
+
+- **React 18** - UI библиотека
+- **TypeScript** - типизация
+- **Vite** - сборщик и dev-сервер
+- **Tailwind CSS** - стилизация
+- **ESLint + Prettier** - линтинг и форматирование
+
+### Доступные команды
+
+```bash
+# Запуск dev-сервера
+npm run dev
+
+# Сборка библиотеки
+npm run build
+
+# Линтинг кода
+npm run lint
+
+# Форматирование кода
+npm run prettier
+
+# Предпросмотр сборки
+npm run preview
+```
+
+### Структура проекта
+
+```
+src/
+├── components/          # Компоненты библиотеки
+│   ├── Banner/         # Компонент баннера
+│   ├── MainBanner/     # Главный баннер
+│   ├── Header/         # Хедер
+│   ├── Footer/         # Футер
+│   └── ...             # Другие компоненты
+├── shared/             # Общие утилиты и типы
+│   ├── ui/            # UI компоненты
+│   ├── types/         # TypeScript типы
+│   └── utils/         # Утилиты
+└── ...
+```
+
+## 📝 Публикация пакета
+
+```bash
+# Обновление версии (patch/minor/major)
+npm version patch
+
+# Сборка проекта
+npm run build
+
+# Публикация в npm registry
+npm publish
+```
+
+**Важно:** Убедитесь, что вы авторизованы в npm и имеете права на публикацию пакета:
+
+```bash
+npm login
+```
+
+## 🔧 Конфигурация ESLint
+
+Для продакшн приложений рекомендуется расширить конфигурацию ESLint:
+
+```js
+parserOptions: {
+  ecmaVersion: 'latest',
+  sourceType: 'module',
+  project: ['./tsconfig.json', './tsconfig.node.json'],
+  tsconfigRootDir: __dirname,
+}
+```
+
+## 📄 Лицензия
+
+Проект разработан для MBank.
+
+## 👤 Автор
+
+**Azamat Raimbekov**

package/dist/ConfigProvider/index.js

@@ -1,4 +1,4 @@
-import '../assets/index.365d9551.css';const r = ["children"];
+import '../assets/index.c1a46dde.css';const r = ["children"];
 function t({ children: o }) {
   return o;
 }

package/dist/ContentCardList/ContentCardList.js

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { ContentCard as p } from "../Cards/ContentCard/ContentCard.js";
 import { FieldTypes as o } from "../Types/FiledTypes.js";
 import { c as x } from "../const-6b683c28.js";
-import { C as a } from "../ComponentContainer-dca711c6.js";
-import { S as r } from "../SafeHtml-c00e29eb.js";
+import { C as r } from "../ComponentContainer-dca711c6.js";
+import { S as a } from "../SafeHtml-c00e29eb.js";
 const f = {
   type: "cards",
   label: "Карточки",
@@ -18,17 +18,17 @@ const f = {
       label: "Цвет фона"
     }
   }
-}, b = ["title", "description", f], g = ({ title: l, cards: i, description: n }) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ m("div", { className: "w-full flex flex-col items-center justify-center", children: [
+}, b = ["title", "description", f], g = ({ title: l, cards: i, description: n }) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ m("div", { className: "w-full flex flex-col items-center justify-center", children: [
   l && /* @__PURE__ */ e(
     "p",
     {
-      className: `font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]
+      className: `font-bold max-tablet:text-[26px] text-[44px] max-tablet:leading-[32px] leading-[42px]\r
         mb-[24px] font-variant-numeric font-feature-settings`,
       children: l
     }
   ),
   n && /* @__PURE__ */ e(
-    r,
+    a,
     {
       html: n,
       as: "div",

package/dist/DepositCard/DepositCard.js

@@ -1,23 +1,23 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { B as g } from "../index-db918f20.js";
-import { a as b, b as p } from "../const-6b683c28.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { B as h } from "../index-db918f20.js";
+import { a as g, b as p } from "../const-6b683c28.js";
 import { c as u } from "../cn-6a4bf187.js";
 const N = ({ item: s }) => {
   const {
     name: a,
-    description: r,
-    image: c,
-    cta_text: x,
-    cta_link: d,
+    description: x,
+    image: r,
+    cta_text: c,
+    cta_link: m,
     detail_text: o = "Подробнее",
     detail_link: v
   } = s, n = (s.params ?? []).filter(
-    (e) => {
+    (t) => {
       var i, f;
-      return ((i = e == null ? void 0 : e.label) == null ? void 0 : i.trim()) || ((f = e == null ? void 0 : e.value) == null ? void 0 : f.trim());
+      return ((i = t == null ? void 0 : t.label) == null ? void 0 : i.trim()) || ((f = t == null ? void 0 : t.value) == null ? void 0 : f.trim());
     }
-  ), m = !!x, h = !!o;
-  return a ? /* @__PURE__ */ t("div", { className: "h-full [container-type:inline-size]", children: /* @__PURE__ */ l(
+  ), d = !!c, b = !!o;
+  return a ? /* @__PURE__ */ e("div", { className: "h-full [container-type:inline-size]", children: /* @__PURE__ */ l(
     "div",
     {
       className: u(
@@ -26,18 +26,18 @@ const N = ({ item: s }) => {
         "max-tablet:grid-cols-1 max-tablet:grid-rows-[1fr_auto] max-tablet:min-h-[200px]"
       ),
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "a",
           {
-            href: d || "#",
+            href: m || "#",
             "aria-label": a,
             className: "absolute inset-0 z-[1] hidden max-tablet:block"
           }
         ),
-        c && /* @__PURE__ */ t("div", { className: "order-none h-full min-h-[350px] overflow-hidden max-tablet:order-2 max-tablet:h-[170px] max-tablet:min-h-0", children: /* @__PURE__ */ t(
+        r && /* @__PURE__ */ e("div", { className: "order-none h-full min-h-[350px] overflow-hidden max-tablet:order-2 max-tablet:h-[170px] max-tablet:min-h-0", children: /* @__PURE__ */ e(
           "img",
           {
-            src: c,
+            src: r,
             alt: a,
             className: "h-full w-full min-h-0 object-contain object-bottom"
           }
@@ -45,48 +45,48 @@ const N = ({ item: s }) => {
         /* @__PURE__ */ l("div", { className: "flex h-full w-full flex-col p-10 max-tablet:p-4", children: [
           /* @__PURE__ */ l("div", { className: "flex flex-col gap-12 max-tablet:gap-6", children: [
             /* @__PURE__ */ l("div", { children: [
-              /* @__PURE__ */ t("h3", { className: "mb-2 text-left text-[28px] font-bold leading-[32px] max-tablet:text-center max-tablet:text-[20px] max-tablet:leading-[28px]", children: a }),
-              r && /* @__PURE__ */ t("p", { className: "text-[18px] leading-[26px] text-graySoft text-left max-tablet:text-center max-tablet:text-[15px] max-tablet:leading-[24px]", children: r })
+              /* @__PURE__ */ e("h3", { className: "mb-2 text-left text-[28px] font-bold leading-[32px] max-tablet:text-center max-tablet:text-[20px] max-tablet:leading-[28px]", children: a }),
+              x && /* @__PURE__ */ e("p", { className: "text-[18px] leading-[26px] text-graySoft text-left max-tablet:text-center max-tablet:text-[15px] max-tablet:leading-[24px]", children: x })
             ] }),
-            n.length > 0 && /* @__PURE__ */ t(
+            n.length > 0 && /* @__PURE__ */ e(
               "div",
               {
                 className: u(
                   "grid grid-cols-2 gap-x-6 gap-y-4 max-tablet:hidden cq-lg:flex cq-lg:grid-cols-none cq-lg:items-start cq-lg:gap-6",
                   n.length <= 2 ? "cq-lg:justify-start" : "cq-lg:justify-between"
                 ),
-                children: n.map((e, i) => /* @__PURE__ */ l(
+                children: n.map((t, i) => /* @__PURE__ */ l(
                   "div",
                   {
                     className: "flex min-w-0 flex-col gap-1 cq-lg:max-w-[225px]",
                     children: [
-                      e.label && /* @__PURE__ */ t("span", { className: "text-[15px] leading-[22px] text-graySoft", children: e.label }),
-                      e.value && /* @__PURE__ */ t("span", { className: "text-[20px] font-semibold leading-[26px] text-blackBG", children: e.value })
+                      t.label && /* @__PURE__ */ e("span", { className: "text-[15px] leading-[22px] text-graySoft", children: t.label }),
+                      t.value && /* @__PURE__ */ e("span", { className: "text-[20px] font-semibold leading-[26px] text-blackBG", children: t.value })
                     ]
                   },
-                  e.id ?? i
+                  t.id ?? i
                 ))
               }
             )
           ] }),
-          (m || h) && /* @__PURE__ */ l("div", { className: "mt-auto flex w-fit flex-row gap-3 pt-8 max-tablet:hidden", children: [
-            m && /* @__PURE__ */ t(
-              g,
+          (d || b) && /* @__PURE__ */ l("div", { className: "relative z-[2] mt-auto flex w-fit flex-row gap-3 pt-8 max-tablet:absolute max-tablet:inset-x-0 max-tablet:bottom-6 max-tablet:mt-0 max-tablet:w-full max-tablet:justify-center max-tablet:px-4 max-tablet:pt-0", children: [
+            d && /* @__PURE__ */ e(
+              h,
               {
-                link: d || "#",
-                variant: b.Primary,
+                link: m || "#",
+                variant: g.Primary,
                 size: p.XL,
                 className: "w-auto justify-center",
-                children: x
+                children: c
               }
             ),
-            h && /* @__PURE__ */ t(
-              g,
+            b && /* @__PURE__ */ e(
+              h,
               {
                 link: v || "#",
-                variant: b.SecondaryBlue,
+                variant: g.SecondaryBlue,
                 size: p.XL,
-                className: "w-auto justify-center",
+                className: "w-auto justify-center max-tablet:hidden",
                 children: o
               }
             )

package/dist/Footer/Footer.js

@@ -4,7 +4,7 @@ import { I as T, F as W, O as F, V as B, c as K } from "../clearPhone-c625de32.j
 import { L as O, a as R } from "../index-af2d2935.js";
 import { W as C, O as b } from "../index-5f9dac93.js";
 import { T as G, P as j } from "../index-b8e5fda5.js";
-import { m as U } from "../mdigital-875fd54f.js";
+import { m as U } from "../mdigital-1e465783.js";
 import { h as H } from "../footer-35ee9d42.js";
 import { L as D } from "../languages-list-87ab3324.js";
 import { R as n } from "../routes-76228734.js";

package/dist/FooterDark/FooterDark.js

@@ -6,7 +6,7 @@ import { L as R } from "../languages-list-87ab3324.js";
 import { R as a } from "../routes-76228734.js";
 import { FooterDarkDesktop as y } from "./components/FooterDarkDesktop.js";
 import { FooterDarkMobile as W } from "./components/FooterDarkMobile.js";
-import { T as D, Y as K } from "../shared-b48a7883.js";
+import { T as D, Y as K } from "../shared-e0c68844.js";
 import { FOOTER_DARK_COPYRIGHT as O } from "./constants.js";
 const $ = "app_language", G = "https://api.whatsapp.com/send?phone=", g = "https://t.me/", H = () => localStorage.getItem($) || R.RU, X = () => {
   var l;

package/dist/FooterDark/components/FooterDarkDesktop.js

@@ -2,7 +2,7 @@ import { jsxs as a, Fragment as x, jsx as e } from "react/jsx-runtime";
 import { P as h, T as b } from "../../index-b8e5fda5.js";
 import { NavigationFooter as D } from "../../Footer/components/NavigationFooter/NavigationFooter.js";
 import { FOOTER_DARK_DIVIDER_CLASS as k, FOOTER_DARK_ACCENT_GREEN as v } from "../constants.js";
-import { F, a as g, b as C, c as o, d as N } from "../../shared-b48a7883.js";
+import { F, a as g, b as C, c as o, d as N } from "../../shared-e0c68844.js";
 const A = ({
   copyright: s,
   footer: r,

package/dist/FooterDark/components/FooterDarkMobile.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { P as f, T as b } from "../../index-b8e5fda5.js";
 import { FOOTER_DARK_DIVIDER_CLASS as h, FOOTER_DARK_ACCENT_GREEN as C } from "../constants.js";
-import { F as N, b as D, c as r, d as k, a as u } from "../../shared-b48a7883.js";
+import { F as N, b as D, c as r, d as k, a as u } from "../../shared-e0c68844.js";
 const _ = ({
   copyright: m,
   footer: e,

package/dist/FooterDark/components/shared.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-af2d2935.js";
-import "../../mdigitalForDark-19decf6b.js";
-import { f as c, b as m, a as n, c as D, F, e as k, d as C, T as d, Y as l } from "../../shared-b48a7883.js";
+import "../../mdigitalForDark-000d15b1.js";
+import { f as c, b as m, a as n, c as D, F, e as k, d as C, T as d, Y as l } from "../../shared-e0c68844.js";
 import "../../index-df8034eb.js";
 import "../../cn-6a4bf187.js";
 import "../constants.js";