@soroka282/migrant.ui-kit 0.0.62 → 0.0.64

package/README.md

@@ -1,147 +1,147 @@
-# 📖 Migrant UI Kit
-
-Библиотека переиспользуемых компонентов для проектов Migrant. Построена на [Vue 3](https://vuejs.org/) с поддержкой TypeScript и scoped-стилей.
-
-## 📦 Установка и использование библиотеки
-
-```bash
-  npm install @soroka282/migrant.ui-kit
-```
-или
-```bash
-  yarn add @soroka282/migrant.ui-kit
-```
-
-### 🛠️ Использование компонентов
-
-```
-<script setup lang="ts">
-    import {
-      UIButton,
-      UIColor,
-      UIColorName,
-      UISize,
-    } from '@soroka282/migrant.ui-kit';
-</script>
-
-<template>
-  <UIButton
-    is-box-shadow
-    :size="UISize.S"
-    :color="UIColor[UIColorName.White]"
-    :bg-color="UIColor[UIColorName.PurpleMain]"
-  >
-    Кнопка
-  </UIButton>
-</template>
-```
-
-### ⚙️ TypeScript автодополнение
-
-Убедитесь, что `tsconfig.json` содержит:
-
-```json
-{
-  "compilerOptions": {
-    "moduleResolution": "bundler",
-    "paths": {
-      "@soroka282/migrant.ui-kit": ["node_modules/@soroka282/migrant.ui-kit"]
-    }
-  }
-}
-```
-
-## 💻 Разработка
-
-#### Установка зависимостей
-```bash
-    npm i
-```
-Проверить, что установился .husky и commit-msg (.husky/commit-msg) имеет:
-```
-node scripts/verify-commit.js
-```
-
-#### Запуск локального проекта:
-```bash
-  npm run dev
-```
-
-#### Запуск локального сторибука
-```bash
-    npm run storybook
-```
-
-## 🧪 Коммиты
-
-Формат коммитов:
-```
-<номер задачи>/<тип>(<scope>): <описание>
-```
-
-Если задача в трекере отсутствует:
-```
-<тип>(<scope>): <описание>
-```
-
-#### Типы коммитов:
-
-- `feat` — добавление нового функционала
-- `fix` — исправление ошибок
-- `docs` — изменение документации
-- `build` — сборка и настройка инфраструктуры (vite, tsconfig и т.п.)
-
-#### Примеры:
-
-```
-EVOLVE-1/feat(useIframeHandler): добавлен новый composable метод
-EVOLVE-2/fix(UIInput): обработка событий при потере фокуса
-EVOLVE-3/build(vite.config): релиз библиотеки
-
-feat(useIframeHandler): добавлен новый composable метод
-build(vite.config): релиз библиотеки
-```
-
-## 🛠️ Сборка библиотеки
-
-Билд библиотеки:
-```bash
-    npm run build
-```
-
-Генерация .d.ts:
-```bash
-    npm run ts
-```
-
-### Публикация пакета в npm
-
-- Поднять version в package.json 
-- Опубликовать:
-```bash
-    npm run publish:npm
-```
-
-## 📖 Storybook
-
-Сборка:
-```bash
-    npm run build:storybook
-```
-
-## 🥉 Используемые зависимости
-
-- [Vue 3](https://vuejs.org/) — основной фреймворк
-- [Pinia](https://pinia.vuejs.org/) — управление состоянием
-- [Maska](https://beholdr.github.io/maska/) — маски ввода
-- [Swiper](https://swiperjs.com/) — свайпер/карусель
-- [Vue-toastification](https://vue-toastification.maronato.dev/) — уведомления (тосты)
-
-## 🎨 Глобальные стили (optional)
-
-В `main.ts`:
-
-```ts
-import '@soroka282/migrant.ui-kit/dist/style.css';
-```
-
+# 📖 Migrant UI Kit
+
+Библиотека переиспользуемых компонентов для проектов Migrant. Построена на [Vue 3](https://vuejs.org/) с поддержкой TypeScript и scoped-стилей.
+
+## 📦 Установка и использование библиотеки
+
+```bash
+  npm install @soroka282/migrant.ui-kit
+```
+или
+```bash
+  yarn add @soroka282/migrant.ui-kit
+```
+
+### 🛠️ Использование компонентов
+
+```
+<script setup lang="ts">
+    import {
+      UIButton,
+      UIColor,
+      UIColorName,
+      UISize,
+    } from '@soroka282/migrant.ui-kit';
+</script>
+
+<template>
+  <UIButton
+    is-box-shadow
+    :size="UISize.S"
+    :color="UIColor[UIColorName.White]"
+    :bg-color="UIColor[UIColorName.PurpleMain]"
+  >
+    Кнопка
+  </UIButton>
+</template>
+```
+
+### ⚙️ TypeScript автодополнение
+
+Убедитесь, что `tsconfig.json` содержит:
+
+```json
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "paths": {
+      "@soroka282/migrant.ui-kit": ["node_modules/@soroka282/migrant.ui-kit"]
+    }
+  }
+}
+```
+
+## 💻 Разработка
+
+#### Установка зависимостей
+```bash
+    npm i
+```
+Проверить, что установился .husky и commit-msg (.husky/commit-msg) имеет:
+```
+node scripts/verify-commit.js
+```
+
+#### Запуск локального проекта:
+```bash
+  npm run dev
+```
+
+#### Запуск локального сторибука
+```bash
+    npm run storybook
+```
+
+## 🧪 Коммиты
+
+Формат коммитов:
+```
+<номер задачи>/<тип>(<scope>): <описание>
+```
+
+Если задача в трекере отсутствует:
+```
+<тип>(<scope>): <описание>
+```
+
+#### Типы коммитов:
+
+- `feat` — добавление нового функционала
+- `fix` — исправление ошибок
+- `docs` — изменение документации
+- `build` — сборка и настройка инфраструктуры (vite, tsconfig и т.п.)
+
+#### Примеры:
+
+```
+EVOLVE-1/feat(useIframeHandler): добавлен новый composable метод
+EVOLVE-2/fix(UIInput): обработка событий при потере фокуса
+EVOLVE-3/build(vite.config): релиз библиотеки
+
+feat(useIframeHandler): добавлен новый composable метод
+build(vite.config): релиз библиотеки
+```
+
+## 🛠️ Сборка библиотеки
+
+Билд библиотеки:
+```bash
+    npm run build
+```
+
+Генерация .d.ts:
+```bash
+    npm run ts
+```
+
+### Публикация пакета в npm
+
+- Поднять version в package.json 
+- Опубликовать:
+```bash
+    npm run publish:npm
+```
+
+## 📖 Storybook
+
+Сборка:
+```bash
+    npm run build:storybook
+```
+
+## 🥉 Используемые зависимости
+
+- [Vue 3](https://vuejs.org/) — основной фреймворк
+- [Pinia](https://pinia.vuejs.org/) — управление состоянием
+- [Maska](https://beholdr.github.io/maska/) — маски ввода
+- [Swiper](https://swiperjs.com/) — свайпер/карусель
+- [Vue-toastification](https://vue-toastification.maronato.dev/) — уведомления (тосты)
+
+## 🎨 Глобальные стили (optional)
+
+В `main.ts`:
+
+```ts
+import '@soroka282/migrant.ui-kit/dist/style.css';
+```
+

package/dist/{List-Dz_7rPpH.js → List-Deolweqo.js}

@@ -1,10 +1,11 @@
 import { defineComponent as w, ref as i, computed as y, createElementBlock as a, openBlock as r, createCommentVNode as d, createElementVNode as p, createVNode as _, Fragment as V, renderList as L, normalizeStyle as S, normalizeClass as k, createTextVNode as I, toDisplayString as g } from "vue";
-import { u as B, U as N, _ as x } from "./index-BRs_fKKO.js";
+import { u as B, U as N, _ as x } from "./index-CjoZV3kY.js";
 const U = { class: "select-list" }, b = {
   key: 0,
   class: "search-wrapper"
 }, z = ["onClick"], A = {
   key: 0,
+  class: "option-item-icon",
   width: "20",
   height: "20",
   viewBox: "0 0 24 24",
@@ -22,22 +23,22 @@ const U = { class: "select-list" }, b = {
   },
   emits: ["select", "close"],
   setup(m, { emit: f }) {
-    const n = f, s = m, [v] = B(), u = i(""), o = i([...s.selectedValues]), h = y(() => {
-      if (!u.value) return s.options;
-      const e = u.value.toLowerCase();
+    const u = f, s = m, [v] = B(), n = i(""), o = i([...s.selectedValues]), h = y(() => {
+      if (!n.value) return s.options;
+      const e = n.value.toLowerCase();
       return s.options.filter((l) => l.label.toLowerCase().includes(e));
     }), c = (e) => o.value.some((l) => l.value === e.value), C = (e) => {
       if (s.multiple) {
         const l = o.value.findIndex((t) => t.value === e.value);
-        l === -1 ? o.value.push(e) : o.value.splice(l, 1), n("select", [...o.value]);
+        l === -1 ? o.value.push(e) : o.value.splice(l, 1), u("select", [...o.value]);
       } else
-        n("select", e), n("close");
+        u("select", e), u("close");
     };
     return (e, l) => (r(), a("div", U, [
       e.showSearchInput ? (r(), a("div", b, [
         _(N, {
-          modelValue: u.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (t) => u.value = t),
+          modelValue: n.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => n.value = t),
           placeholder: e.placeholderSearchInput
         }, null, 8, ["modelValue", "placeholder"])
       ])) : d("", !0),
@@ -63,7 +64,7 @@ const U = { class: "select-list" }, b = {
       ], 512)
     ]));
   }
-}), D = /* @__PURE__ */ x(E, [["__scopeId", "data-v-e3caa257"]]);
+}), D = /* @__PURE__ */ x(E, [["__scopeId", "data-v-01ad3923"]]);
 export {
   D as default
 };