@ozdao/martyrs 0.2.483 → 0.2.484

package/dist/martyrs.es.js

@@ -1,4 +1,4 @@
-import { a as o, b as t, c as d, d as r, e as l, f as i, g as p, h as u, i as n, j as m, k as M, F as S, l as c, n as F, o as g, L as h, p as b, M as k, q as x, r as B, s as C, t as T, u as U, S as f, v as w, w as D, x as E, y as I, z as L, A as P, B as q, C as y, U as A, D as j, E as v, m as z } from "./main-CXQqAVVb.js";
+import { a as o, b as t, c as d, d as r, e as l, f as i, g as p, h as u, i as n, j as m, k as M, F as S, l as c, n as F, o as g, L as h, p as b, M as k, q as x, r as B, s as C, t as T, u as U, S as f, v as w, w as D, x as E, y as I, z as L, A as P, B as q, C as y, U as A, D as j, E as v, m as z } from "./main-BT1yoKH2.js";
 import "vue";
 export {
   o as Address,

package/dist/style.css

@@ -173,11 +173,18 @@ a.button {
 .carousel__dot--active {
   background-color: rgba(0, 0, 0, 0.6);
 }
+.auth_slider .carousel {
+  height: 100%;
+}
+.auth_slider .carousel__container {
+  height: 100%;
+}
 .parent-div {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
+  object-fit: contain;
 }
 .background-div {
   flex-grow: 1;
@@ -739,6 +746,49 @@ button[data-v-416842ae]:disabled {
   overflow: hidden;
   transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
+.range-slider input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 6px;
+  background: var(--color-light);
+  border-radius: 3px;
+  outline: none;
+}
+.range-slider input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+}
+.range-slider input[type="range"]::-moz-range-thumb {
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+  border: none;
+}
+
+.btn-filter {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+.btn-filter:hover {
+  opacity: 0.8;
+}
+.filters-container {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
 .feed-move, /* apply transition to moving elements */
 .feed-enter-active,
 .feed-leave-active {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.483",
+  "version": "0.2.484",
   "description": "Fullstack framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",

package/src/components/Feed/Feed.vue

@@ -9,6 +9,13 @@
       :autofocus="search.autofocus"
     />
 
+    <FiltersBar
+      v-if="filter"
+      v-model="filter.selected"
+      :filters="filterConfig"
+      :class="filter.class || 'mobile-only'"
+    />
+
     <Dropdown 
       v-if="date"
       :label="{
@@ -180,6 +187,8 @@ import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/Bl
 import BlockSorting  from '@martyrs/src/modules/globals/views/components/blocks/BlockSorting.vue'
 import BlockFilter  from '@martyrs/src/modules/globals/views/components/blocks/BlockFilter.vue'
 
+import FiltersBar from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'
+
 import ButtonSort  from '@martyrs/src/modules/globals/views/components/elements/ButtonSort.vue'
 import ButtonDate  from '@martyrs/src/modules/globals/views/components/elements/ButtonDate.vue'
 
@@ -192,6 +201,20 @@ const filter = defineModel('filter')
 const date = defineModel('date')
 const items = defineModel('items')
 
+const filterConfig = computed(() => {
+  if (!filter.value?.options) return []
+  
+  // Преобразуем старый формат в новый
+  return filter.value.options.map(opt => ({
+    key: opt.value,
+    title: opt.title,
+    type: 'options', // или другой тип в зависимости от данных
+    options: opt.options || [],
+    defaultValue: null
+  }))
+})
+
+
 // Пропсы
 const props = defineProps({
   showLoadMore: {

package/src/components/Slider/Slider.vue

@@ -1,21 +1,19 @@
 <template>
-  <div class="pos-relative">
-    <!-- Native Carousel -->
-    <div class="carousel" ref="carouselRef">
-      <div class="carousel__container" @scroll="handleScroll">
-        <slot></slot>
-      </div>
-      
-      <!-- Navigation Dots (optional) -->
-      <div class="carousel__dots" v-if="showDots && slideCount > 1">
-        <button 
-          v-for="index in slideCount" 
-          :key="index - 1"
-          class="carousel__dot"
-          :class="{ 'carousel__dot--active': selectedIndex === index - 1 }"
-          @click="scrollTo(index - 1)"
-        ></button>
-      </div>
+  <!-- Native Carousel -->
+  <div class="carousel" ref="carouselRef">
+    <div class="carousel__container" @scroll="handleScroll">
+      <slot></slot>
+    </div>
+    
+    <!-- Navigation Dots (optional) -->
+    <div class="carousel__dots" v-if="showDots && slideCount > 1">
+      <button 
+        v-for="index in slideCount" 
+        :key="index - 1"
+        class="carousel__dot"
+        :class="{ 'carousel__dot--active': selectedIndex === index - 1 }"
+        @click="scrollTo(index - 1)"
+      ></button>
     </div>
   </div>
 </template>

package/src/modules/auth/views/components/layouts/Auth.vue

@@ -19,7 +19,7 @@
       </transition>
     </router-view>
 
-    <section class="w-100 desktop-only o-hidden radius-big bg-grad-main">
+    <section class="w-100 desktop-only o-hidden radius-big bg-black t-white">
       <SliderFeatures/>  
     </section>
   </div>

package/src/modules/auth/views/components/sections/SliderFeatures.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
+
 import Slider from '@martyrs/src/components/Slider/Slider.vue'
 
 const text = {
@@ -53,23 +54,34 @@ const features = computed(() => tm('features'))
 </script>
 
 <template>
-  <Slider :showDots="true" :slideCount="features.length">
-    <div class="carousel__slide pd-nano" v-for="(feature, index) in features" :key="index">
-      <div class="parent-div" :style="`background-image: url(/assets/images/features/${index}.png); background-size:cover; background-position: center center;`">
-        <div class="background-div"></div>
-        <h4 class="mn-b-small">{{ feature.title }}</h4>
-        <p class='mn-b-big mn-r-small mn-l-small'>{{ feature.description }}</p>
+  <Slider :showDots="true" :slideCount="features.length" class="auth_slider h-100">
+    <div class="carousel__slide" v-for="(feature, index) in features" :key="index">
+      <div class="parent-div flex flex-h-center" >
+        <div class="background-div" :style="`background-image: url(/features/${index}.png); background-size:contain; background-position: center center; background-repeat: no-repeat;`"></div>
+        <div class="pd-big">
+          <h5 class="t-center w-100 mn-b-regular">{{ feature.title }}</h5>
+          <p class='t-center t-transp w-100'>{{ feature.description }}</p>
+        </div>
       </div>
     </div>
   </Slider>
 </template>
 
 <style lang="scss">
+.auth_slider .carousel {
+  height: 100%;
+}
+
+.auth_slider .carousel__container {
+  height: 100%;
+}
+
 .parent-div {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
+  object-fit: contain;
 }
 
 .background-div {

package/src/modules/globals/views/components/sections/Filters.vue

@@ -0,0 +1,198 @@
+<!-- FiltersBar.vue -->
+<template>
+  <div class="flex gap-thin">
+    <!-- All Filters Button -->
+    <button
+      @click="showAllFilters = true"
+      class="btn-filter radius-medium pd-thin bg-light"
+      :class="{ 'bg-primary t-white': hasActiveFilters }"
+    >
+      <IconFilter class="w-1r h-auto" />
+      <span v-if="activeFiltersCount" class="ml-thin">{{ activeFiltersCount }}</span>
+    </button>
+
+    <!-- Individual Filter Buttons -->
+    <button
+      v-for="(filter, idx) in filters"
+      :key="idx"
+      @click="() => openFilter(idx)"
+      class="btn-filter radius-medium pd-thin bg-light"
+      :class="{ 'bg-primary t-white': getFilterActiveState(filter) }"
+    >
+      {{ getFilterLabel(filter) }}
+    </button>
+
+    <!-- All Filters Popup -->
+    <Popup
+      v-model:show="showAllFilters"
+      align="bottom center"
+      class="w-100 max-h-80vh"
+    >
+      <div class="pd-medium bg-white radius-top-medium">
+        <div class="flex justify-between align-center mb-medium">
+          <h3 class="t-h3">Filters</h3>
+          <IconCross @click="showAllFilters = false" class="w-1r h-auto cursor-pointer" />
+        </div>
+        
+        <div class="filters-container">
+          <div v-for="(filter, idx) in filters" :key="idx" class="mb-medium">
+            <h4 class="t-h4 mb-thin">{{ filter.title }}</h4>
+            <component
+              :is="getFilterComponent(filter.type)"
+              v-model="appliedFilters[filter.key]"
+              :options="filter.options"
+              :config="filter.config"
+            />
+          </div>
+        </div>
+
+        <div class="flex gap-thin mt-medium">
+          <button @click="applyFilters" class="btn btn-primary flex-1">Apply</button>
+          <button @click="resetFilters" class="btn btn-secondary">Reset</button>
+        </div>
+      </div>
+    </Popup>
+
+    <!-- Individual Filter Popups -->
+    <Popup
+      :isPopupOpen="individualPopups[idx]" 
+      v-for="(filter, idx) in filters"
+      :key="`popup-${idx}`"
+      align="bottom center"
+      class="min-w-200"
+    >
+      <div class="pd-medium bg-white radius-medium">
+        <h4 class="t-h4 mb-thin">{{ filter.title }}</h4>
+        <component
+          :is="getFilterComponent(filter.type)"
+          v-model="appliedFilters[filter.key]"
+          :options="filter.options"
+          :config="filter.config"
+          @update:modelValue="() => updateFilter(filter.key)"
+        />
+      </div>
+    </Popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, reactive } from 'vue'
+import Field from '@martyrs/src/components/Field/Field.vue';
+import Popup from '@martyrs/src/components/Popup/Popup.vue';
+import Select from '@martyrs/src/components/Select/Select.vue';
+import IconFilter from '@martyrs/src/modules/icons/navigation/IconFilter.vue'
+import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'
+
+// Import filter components
+import FilterOptions from './filters/FilterOptions.vue'
+import FilterRange from './filters/FilterRange.vue'
+import FilterPrice from './filters/FilterPrice.vue'
+
+const props = defineProps({
+  filters: {
+    type: Array,
+    required: true
+  }
+})
+
+const model = defineModel({
+  type: Object,
+  default: () => ({})
+})
+
+// State
+const showAllFilters = ref(false)
+const individualPopups = reactive({})
+const appliedFilters = reactive({})
+
+// Initialize filters
+props.filters.forEach(filter => {
+  individualPopups[props.filters.indexOf(filter)] = false
+  if (!appliedFilters[filter.key]) {
+    appliedFilters[filter.key] = filter.defaultValue || null
+  }
+})
+
+// Computed
+const hasActiveFilters = computed(() => {
+  return Object.values(appliedFilters).some(v => v !== null && v !== undefined)
+})
+
+const activeFiltersCount = computed(() => {
+  return Object.values(appliedFilters).filter(v => v !== null && v !== undefined).length
+})
+
+// Methods
+const getFilterComponent = (type) => {
+  if (typeof type === 'object') return type
+  
+  const components = {
+    options: FilterOptions,
+    range: FilterRange,
+    price: FilterPrice
+  }
+  
+  return components[type] || FilterOptions
+}
+
+const getFilterLabel = (filter) => {
+  const value = appliedFilters[filter.key]
+  if (!value) return filter.title
+  
+  if (Array.isArray(value) && value.length) {
+    return `${filter.title} (${value.length})`
+  }
+  
+  if (typeof value === 'object' && (value.min || value.max)) {
+    return `${filter.title}: ${value.min || 0}-${value.max || '∞'}`
+  }
+  
+  return `${filter.title}: ${value}`
+}
+
+const getFilterActiveState = (filter) => {
+  const value = appliedFilters[filter.key]
+  return value !== null && value !== undefined
+}
+
+const openFilter = (idx) => {
+  individualPopups[idx] = true
+}
+
+const updateFilter = (key) => {
+  model.value = { ...appliedFilters }
+}
+
+const applyFilters = () => {
+  model.value = { ...appliedFilters }
+  showAllFilters.value = false
+}
+
+const resetFilters = () => {
+  Object.keys(appliedFilters).forEach(key => {
+    appliedFilters[key] = null
+  })
+  model.value = {}
+}
+</script>
+
+<style>
+.btn-filter {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+
+.btn-filter:hover {
+  opacity: 0.8;
+}
+
+.filters-container {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+</style>

package/src/modules/globals/views/components/sections/filters/FilterOptions.vue

@@ -0,0 +1,65 @@
+<!-- filters/FilterOptions.vue -->
+<template>
+  <div class="filter-options">
+    <div
+      v-for="option in options"
+      :key="option.value"
+      class="flex align-center gap-thin pd-thin cursor-pointer hover-bg-light radius-small"
+      @click="toggleOption(option.value)"
+    >
+      <Field
+        type="checkbox"
+        v-model:field="checkboxStates[option.value]"
+        class="mr-thin"
+      />
+      <span>{{ option.label }}</span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import Field from '@martyrs/src/components/Field/Field.vue';
+
+
+const props = defineProps({
+  options: {
+    type: Array,
+    required: true,
+    default: () => []
+  }
+})
+
+const model = defineModel({
+  type: Array,
+  default: () => []
+})
+
+// Создаем объект для хранения состояний чекбоксов
+const checkboxStates = ref({})
+
+// Инициализация состояний
+props.options.forEach(option => {
+  checkboxStates.value[option.value] = model.value.includes(option.value)
+})
+
+// Следим за изменениями модели
+watch(model, (newVal) => {
+  props.options.forEach(option => {
+    checkboxStates.value[option.value] = newVal.includes(option.value)
+  })
+}, { deep: true })
+
+// Обновляем модель при изменении чекбоксов
+watch(checkboxStates, (states) => {
+  const selected = []
+  Object.entries(states).forEach(([value, checked]) => {
+    if (checked) selected.push(value)
+  })
+  model.value = selected
+}, { deep: true })
+
+const toggleOption = (value) => {
+  checkboxStates.value[value] = !checkboxStates.value[value]
+}
+</script>

package/src/modules/globals/views/components/sections/filters/FilterPrice.vue

@@ -0,0 +1,81 @@
+<!-- filters/FilterPrice.vue -->
+<template>
+  <div class="filter-price">
+    <div class="flex gap-thin align-center">
+      <Field
+        type="number"
+        v-model:field="localValue.min"
+        placeholder="Min"
+        class="flex-1 bg-light pd-medium radius-small"
+        @blur="updateValue"
+      />
+      <span class="t-small">—</span>
+      <Field
+        type="number"
+        v-model:field="localValue.max"
+        placeholder="Max"
+        class="flex-1 bg-light pd-medium radius-small"
+        @blur="updateValue"
+      />
+    </div>
+    
+    <div v-if="config?.presets" class="mt-thin">
+      <button
+        v-for="preset in config.presets"
+        :key="preset.label"
+        @click="applyPreset(preset)"
+        class="btn btn-small mr-thin mb-thin"
+        :class="isPresetActive(preset) ? 'btn-primary' : 'btn-secondary'"
+      >
+        {{ preset.label }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import Field from '@martyrs/src/components/Field/Field.vue';
+
+const props = defineProps({
+  config: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+const model = defineModel({
+  type: Object,
+  default: () => ({ min: null, max: null })
+})
+
+const localValue = ref({ 
+  min: model.value?.min || null, 
+  max: model.value?.max || null 
+})
+
+watch(model, (val) => {
+  if (val) {
+    localValue.value = { 
+      min: val.min || null, 
+      max: val.max || null 
+    }
+  }
+}, { deep: true })
+
+const updateValue = () => {
+  model.value = { ...localValue.value }
+}
+
+const applyPreset = (preset) => {
+  localValue.value = { 
+    min: preset.min || null, 
+    max: preset.max || null 
+  }
+  updateValue()
+}
+
+const isPresetActive = (preset) => {
+  return localValue.value.min === preset.min && localValue.value.max === preset.max
+}
+</script>

package/src/modules/globals/views/components/sections/filters/FilterRange.vue

@@ -0,0 +1,74 @@
+<!-- filters/FilterRange.vue -->
+<template>
+  <div class="filter-range">
+    <div class="range-slider">
+      <input
+        type="range"
+        v-model.number="localValue"
+        :min="config?.min || 0"
+        :max="config?.max || 100"
+        :step="config?.step || 1"
+        @input="updateValue"
+        class="w-100"
+      />
+      <div class="flex justify-between mt-thin">
+        <span class="t-small">{{ config?.min || 0 }}{{ config?.unit || '' }}</span>
+        <span class="t-bold">{{ localValue }}{{ config?.unit || '' }}</span>
+        <span class="t-small">{{ config?.max || 100 }}{{ config?.unit || '' }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+  config: Object
+})
+
+const model = defineModel({
+  type: Number,
+  default: 0
+})
+
+const localValue = ref(model.value)
+
+watch(model, (val) => {
+  localValue.value = val
+})
+
+const updateValue = () => {
+  model.value = localValue.value
+}
+</script>
+
+<style>
+.range-slider input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 6px;
+  background: var(--color-light);
+  border-radius: 3px;
+  outline: none;
+}
+
+.range-slider input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.range-slider input[type="range"]::-moz-range-thumb {
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+  border: none;
+}
+</style>

package/dist/martyrs/src/components/Button/Button.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\n\timport { ref } from 'vue'\n\n\timport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\n\tconst props = defineProps({\n\t\tsubmit: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button click.') }\n\t\t},\n\t\ttext: {\n\t\t\ttype: Object,\n\t\t\tdefault: (textComponent) => {\n\t\t\t\treturn textComponent = {\n\t\t\t\t\t...textComponent.text,\n\t\t\t\t\tsuccess: '✔',\n\t\t\t\t\terror: '✖'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcounter: {\n\t    type: Object\n\t  },\n\t\tcallback: {\n\t\t\ttype: Function,\n\t\t\tdefault: async () => { console.log('Button callback.') }\n\t\t},\n\t\tcallbackDelay: {\n\t\t\ttype: Number,\n\t\t\tdefault: 750\n\t\t},\n\t\tshowSucces: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tshowLoader: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tvalidation: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t})\t\n\n\tconst emits = defineEmits(['error'])\n\n\tconst button = ref(null);\n\tconst error = ref(null);\n\tconst loading = ref(false);\n\tconst finished = ref(false);\n\n\tasync function Submit() {\n\t\t\tconsole.log('click')\n\t\t\t\n\t    button.value.style['pointer-events'] = 'none';\n\t    error.value = null;\n\t    loading.value = true;\n\n\t    // Функция для сброса состояния кнопки.\n\t    const resetButton = () => {\n        if (button.value) {\n          // button.value.classList.replace('bg-second', 'bg-main');\n          button.value.style.pointerEvents = 'auto';\n          loading.value = false;\n          finished.value = false;\n          error.value = null;\n        }\n\t    };\n\n\t    try {\n        await props.submit();\n\n        button.value.classList.replace('bg-main', 'bg-second');\n\n        loading.value = false;\n\n        // Используем функцию сброса состояния кнопки здесь.\n        if (props.showSucces) { \n\t\t\t\t\tfinished.value = true;\n          setTimeout(resetButton, 500);\n        } else {\n          resetButton();\n        }\n\n        // Если есть callback, мы также установим таймер для его вызова.\n        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);\n\n\t    } catch (err) {\n    \t\temits('error',err)\n        // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке.\n        button.value.classList.replace('bg-main', 'bg-fourth-nano');\n        error.value = props.error;\n        \n        // После задержки снова сбрасываем состояние кнопки.\n        setTimeout(() => {\n          resetButton();\n          // Так как класс кнопки был изменен, вернем его в исходное состояние.\n          button.value.classList.replace('bg-fourth-nano', 'bg-main');\n        }, 1330);\n\t    }\n\t}\n\n</script>\n\n<template>\n\t<button @click.stop=\"Submit\" :disabled=\"validation\" ref=\"button\" class=\"button\">\n\t\t<transition name=\"FromTop\" >\n\t\t\t<!-- Slot -->\n\t\t\t<template v-if=\"!loading && !error && !finished || !showLoader\"><slot></slot></template>\n\t\t\t<!-- Loading Circle Animation -->\n\t\t\t<template v-else-if=\"loading && !error && showLoader\"><Loader  class=\"pos-relative pos-t-0 pos-l-0 loading\"/></template>\n\t\t\t<!-- <Loader v-else-if=\"loading && !error && showLoader\"/> -->\n\t\t\t<!-- Success -->\n\t\t\t<span v-else-if=\"finished && showSucces\" class=\"t-semi t-center w-100  loading t-black\">{{text.success}}</span>\n\t\t\t<!-- Error if not finished -->\n\t\t\t<span v-else-if=\"error\" class=\"t-center w-100 error\">{{ error }}</span>\n\t\t</transition>\n\t\t<!-- Counter -->\n\t\t<div v-if=\"counter\" class=\"button-counter flex-center\"><span>{{counter}}</span></div> \n\n\t</button> \n</template>\n\n\n<style lang=\"scss\">\n\t.FromTop-enter-active,\n\t.FromTop-leave-active {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t\ttransition: all 0.5s ease; \n\t\t\n\t}\n\t.FromTop-enter-from,\n\t.FromTop-leave-to {\n\t\tposition: absolute;\n\t\ttransform: translateY(-1rem);\n\t\topacity: 0;\n\t\ttransition: all 0.5s ease;\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.75  !important;\n\t \tpointer-events: none  !important;\n\t \tcursor: default  !important;\n\t \tcolor: rgba(var(--dark), 0.33)  !important;\n\t\tbackground: rgba(var(--light), 1) !important; \n\t}\n\n\ta.button {\n\t\t\ttext-box: trim-both cap alphabetic;\n\t}\n\n\t.button {\n\t\tdisplay: flex;\n\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 3rem;\n\t\ttext-box: trim-both cap alphabetic;\n\n\t\ttransform: scale(1);\n\t\topacity: 1;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\t\n\t\tcolor: black;\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 5%;\n\n\t\ttransition: all 0.33s ease;\n\t \n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0.9;\n\t\t}\n\n\t\t&:active {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t&-small {\n\t\t\tpadding: 0.75rem;\n\t\t\tborder-radius: 0.5rem;\n\t\t\theight: fit-content;\n\t\t}\n\n\t\t.button-counter {\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t    bottom: -8px;\n\t    background: yellow;\n\t    height: 16px;\n\t    border-radius: 16px;\n\t    width: 16px;\n\t    font-weight: 500;\n\t    text-align: center;\n\t    line-height: 16px;\n\t    font-size: 10px;\n\t\t}\n\t}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKC,UAAM,QAAQ;AAwCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEjB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACvB,YAAI,OAAO,OAAO;AAEhB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QACxB;AAAA,MACM;AAED,UAAI;AACD,cAAM,MAAM,OAAQ;AAEpB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AAErD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACzB,mBAAS,QAAQ;AACZ,qBAAW,aAAa,GAAG;AAAA,QACrC,OAAe;AACL,sBAAa;AAAA,QACvB;AAGQ,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAU,GAAE,MAAM,aAAa;AAAA,MAE5E,SAAQ,KAAK;AACb,cAAM,SAAQ,GAAG;AAEf,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,cAAM,QAAQ,MAAM;AAGpB,mBAAW,MAAM;AACf,sBAAa;AAEb,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC3D,GAAE,IAAI;AAAA,MACf;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Chips/Chips.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chips.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Dropdown/Dropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.vue.js","sources":["../../../../../src/components/Dropdown/Dropdown.vue"],"sourcesContent":["<template>\n  <div class=\"dropdown pos-relative\" v-click-outside=\"clickedOutside\" @click.stop=\"isOpen = !isOpen\">\n    <div v-if=\"isComponentLabel\" class=\"w-100 h-100 flex-center flex\">\n      <component :is=\"label.component\" v-bind=\"label.props\" :class=\"label.class\"></component>\n    </div>\n    <div v-else>\n      {{ label }}\n    </div>\n    <transition name=\"TransitionTranslateY\" mode=\"out-in\">\n      <div \n        v-show=\"isOpen\" \n        :style=\"{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }\" \n        class=\"dropdown-content radius-big\" \n      >\n        <slot></slot>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport clickOutside from '../FieldPhone/click-outside.js';\n\nlet vClickOutside = clickOutside\n\nconst props = defineProps({\n  label: {\n    type: [String, Object],\n    default: 'Open'\n  },\n  align: {\n    type: String,\n    default: 'left'\n  }\n})\n\nconst isOpen = ref(false);\nconst isComponentLabel = computed(() => typeof props.label === 'object');\n\nfunction clickedOutside () {\n  isOpen.value = false\n}\n</script>\n\n<style >\n.dropdown-content {\n  display: block;\n  position: absolute;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n}\n\n/*.dropdown:hover .dropdown-content {\n  display: block;\n}*/\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,QAAI,gBAAgB;AAEpB,UAAM,QAAQ;AAWd,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,mBAAmB,SAAS,MAAM,OAAO,MAAM,UAAU,QAAQ;AAEvE,aAAS,iBAAkB;AACzB,aAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}