@ozdao/martyrs 0.2.486 → 0.2.487

package/dist/rents.server.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-YNOkL1mu.cjs");
+const index = require("./index-DiSKVCaA.cjs");
 const globals_abac = require("./globals.abac-Cm9e8Jdk.cjs");
 const globals_logger = require("./globals.logger-CZMgIMlM.cjs");
 const globals_verifier = require("./globals.verifier-D68mHEBl.cjs");

package/dist/rents.server.js

@@ -1,4 +1,4 @@
-import { m as middlewareIndexFactory } from "./index-CsJwdsBW.js";
+import { m as middlewareIndexFactory } from "./index-CVuQC4k1.js";
 import { g as globalsabac } from "./globals.abac-DBV_kaOq.js";
 import { L as Logger, C as Cache } from "./globals.logger-Bf6rRU7j.js";
 import { a as Validator, V as Verifier } from "./globals.verifier-CWFz5Gh2.js";

package/dist/style.css

@@ -62,40 +62,44 @@
 }
 .background-div {
   flex-grow: 1;
-}.tab-selector {
-  position: absolute;
-  width: 50%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  z-index: 0;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-input[data-v-a0727209],
-textarea[data-v-a0727209],
-span[data-v-a0727209] {
+input,
+textarea,
+span {
   line-height: 1;
   color: inherit;
 }
-textarea[data-v-a0727209] {
+textarea {
   resize: none;
-  overflow: hidden;
-  height: 1rem;
+  overflow: hidden; 
   line-height: 1rem;
+  height: 1rem;
 }
-input[type="date"][data-v-a0727209]::-webkit-calendar-picker-indicator,
-input[type="time"][data-v-a0727209]::-webkit-calendar-picker-indicator {
+input[type="date"]::-webkit-calendar-picker-indicator,
+input[type="time"]::-webkit-calendar-picker-indicator {
   filter: invert(1);
   opacity: 1;
   color: inherit;
 }
-.cursor-pointer[data-v-a0727209] {
-  cursor: pointer;
+.field-wrapper {
+  transition: border-width .2s, box-shadow .2s ease;
 }
-.pos-relative[data-v-a0727209] {
-  position: relative;
+.field-wrapper:hover {
+  box-shadow: inset 0 0 0 1px rgba(var(--dark), 0.2), 0 0 6px 2px rgba(var(--dark), 0.1);
+}
+.field-wrapper:focus-within {
+  box-shadow: inset 0 0 0 1px rgba(var(--second), 1), 0 0 6px 2px rgba(var(--second), 0.1);
 }
 
+.tab-selector {
+  position: absolute;
+  width: 50%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 0;
+  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
 .circular-loader {
   position: relative;
   z-index: 50;
@@ -338,10 +342,10 @@ a.button {
 .color-overlay.active {
   background: rgba(0, 0, 0, 0.25);
   pointer-events: all;
-}li[data-v-89d423c5] {
+}li[data-v-d73e3595] {
   list-style-type: none;
 }
-ul li[data-v-89d423c5] {
+ul li[data-v-d73e3595] {
   line-height: 2;
 }.vue3-reactive-tel-input {
   display: flex;
@@ -2228,17 +2232,17 @@ to {
 }
 }
 /* Стили остаются неизменными */
-.media-container[data-v-1f94a0e9] {
+.media-container[data-v-b5d5974f] {
 }
-.media-item[data-v-1f94a0e9] {
+.media-item[data-v-b5d5974f] {
   all: inherit;
   opacity: 1;
   transition: opacity 0.3s ease;
 }
-.media-item.loading[data-v-1f94a0e9] {
+.media-item.loading[data-v-b5d5974f] {
   opacity: 0;
 }
-.media-placeholder[data-v-1f94a0e9] {
+.media-placeholder[data-v-b5d5974f] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2249,7 +2253,7 @@ to {
   justify-content: center;
   background-color: #f5f5f5;
 }
-.media-error[data-v-1f94a0e9] {
+.media-error[data-v-b5d5974f] {
   color: #ff4444;
   padding: 1rem;
   text-align: center;
@@ -2655,21 +2659,65 @@ to {
     transform: rotate(360deg);
 }
 }
-.h-60[data-v-e6d7e69a] {
+.icon-search-popup[data-v-1763f3da] {
+  min-height: 500px;
+}
+.icon-grid[data-v-1763f3da] {
+  min-height: 400px;
+}
+.icon-item[data-v-1763f3da] {
+  transition: all 0.2s ease;
+}
+.icon-item[data-v-1763f3da]:hover {
+  background-color: rgb(var(--light-hover));
+  transform: scale(1.05);
+}
+.icon-preview[data-v-1763f3da] {
+  background: rgb(var(--light));
+  border-radius: 8px;
+}
+.icon-svg[data-v-1763f3da] {
+  filter: none;
+}
+.w-max-800[data-v-1763f3da] {
+  max-width: 800px;
+  width: 90vw;
+}
+[data-v-1763f3da] .feed-enter-active,[data-v-1763f3da] .feed-leave-active {
+  transition: all 0.3s ease;
+}
+[data-v-1763f3da] .feed-enter-from,[data-v-1763f3da] .feed-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+
+.h-60[data-v-f4b85646] {
   height: 60%;
 }
-.notification[data-v-e6d7e69a] {
+.notification[data-v-f4b85646] {
   z-index: 100;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease;
-  animation: fadeIn-e6d7e69a 0.3s;
+  animation: fadeIn-f4b85646 0.3s;
 }
-@keyframes fadeIn-e6d7e69a {
+@keyframes fadeIn-f4b85646 {
 from { opacity: 0; transform: translateY(20px);
 }
 to { opacity: 1; transform: translateY(0);
 }
 }
+.icon-card .replace-btn[data-v-f4b85646] {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.icon-card:hover .replace-btn[data-v-f4b85646] {
+  opacity: 1;
+}
+.flex-between[data-v-f4b85646] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
 .blink[data-v-3da4557c] {
   animation: blink-animation-3da4557c 1s ease infinite;
 }
@@ -3002,122 +3050,118 @@ input[data-v-cca87f09] {
   opacity: 0.5;
 }
 
-.play-pause-btn[data-v-d7b1cef7] {
+.play-pause-btn[data-v-f19b93ab] {
   width: 32px;
   height: 32px;
   transition: transform 0.2s ease;
 }
-.play-pause-btn[data-v-d7b1cef7]:hover {
+.play-pause-btn[data-v-f19b93ab]:hover {
   transform: scale(1.1);
 }
 
-.search-form[data-v-3fb14bb9] {
+.search-form[data-v-5d37fb17] {
   transition: background-color 0.2s ease;
 }
-.search-form[data-v-3fb14bb9]:focus-within {
+.search-form[data-v-5d37fb17]:focus-within {
   background-color: rgba(var(--dark), 0.8);
 }
-input[data-v-3fb14bb9]::placeholder {
+input[data-v-5d37fb17]::placeholder {
   color: rgba(var(--grey), 0.8);
 }
-input[data-v-3fb14bb9]:focus {
+input[data-v-5d37fb17]:focus {
   outline: none;
 }
 
-.track-item[data-v-23a9470b] {
-  transition: background-color 0.2s ease;
+.track-card[data-v-4db48be7] {
+  transition: background-color 0.3s ease;
+}
+.track-card[data-v-4db48be7]:hover {
+  background-color: rgba(var(--dark), 0.4);
+}
+.track-play[data-v-4db48be7] {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.track-card:hover .track-play[data-v-4db48be7] {
+  opacity: 1;
+}
+.play-button[data-v-4db48be7] {
+  transform: scale(0.8);
+  transition: transform 0.3s ease;
+}
+.track-card:hover .play-button[data-v-4db48be7] {
+  transform: scale(1);
 }
 
-.album-card[data-v-b94f361e] {
+.album-card[data-v-6163e3e6] {
   transition: transform 0.3s ease;
 }
-.album-card[data-v-b94f361e]:hover {
+.album-card[data-v-6163e3e6]:hover {
   transform: translateY(-5px);
 }
-.album-overlay[data-v-b94f361e] {
+.album-overlay[data-v-6163e3e6] {
   background: rgba(0, 0, 0, 0.5);
   opacity: 0;
   transition: opacity 0.3s ease;
 }
-.album-card:hover .album-overlay[data-v-b94f361e] {
+.album-card:hover .album-overlay[data-v-6163e3e6] {
   opacity: 1;
 }
-.play-button[data-v-b94f361e] {
+.play-button[data-v-6163e3e6] {
   width: 48px;
   height: 48px;
   transform: scale(0.8);
   transition: transform 0.3s ease;
 }
-.album-card:hover .play-button[data-v-b94f361e] {
+.album-card:hover .play-button[data-v-6163e3e6] {
   transform: scale(1);
 }
 
-.album-cover[data-v-f076792b] {
+.album-cover[data-v-ecbc3f9a] {
   box-shadow: 0 4px 60px rgba(0, 0, 0, 0.5);
 }
 
-.playlist-card[data-v-fb577898] {
+.playlist-card[data-v-238f47e7] {
   transition: transform 0.3s ease;
 }
-.playlist-card[data-v-fb577898]:hover {
+.playlist-card[data-v-238f47e7]:hover {
   transform: translateY(-5px);
 }
-.playlist-overlay[data-v-fb577898] {
+.playlist-overlay[data-v-238f47e7] {
   background: rgba(0, 0, 0, 0.5);
   opacity: 0;
   transition: opacity 0.3s ease;
 }
-.playlist-card:hover .playlist-overlay[data-v-fb577898] {
+.playlist-card:hover .playlist-overlay[data-v-238f47e7] {
   opacity: 1;
 }
-.play-button[data-v-fb577898] {
+.play-button[data-v-238f47e7] {
   width: 48px;
   height: 48px;
   transform: scale(0.8);
   transition: transform 0.3s ease;
 }
-.playlist-card:hover .play-button[data-v-fb577898] {
+.playlist-card:hover .play-button[data-v-238f47e7] {
   transform: scale(1);
 }
 
-.artist-card[data-v-4e655a89] {
+.artist-card[data-v-c2372a41] {
   border: 1px solid rgba(var(--grey), 0.2);
   transition: transform 0.2s ease;
 }
-.hover-scale-1[data-v-4e655a89]:hover {
+.hover-scale-1[data-v-c2372a41]:hover {
   transform: scale(1.02);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
-.bg-gradient-dark[data-v-b0e3607d] {
+.bg-gradient-dark[data-v-14a77aad] {
   background: linear-gradient(to bottom, rgba(var(--dark), 0.8), rgba(var(--black), 0.9));
 }
 
-.bg-gradient-color[data-v-7cffa9b9] {
+.bg-gradient-color[data-v-d2f0de62] {
     background: var(--gradient-color, linear-gradient(135deg, #1DB954, #1ED760));
 }
   
-.track-card[data-v-07d4284b] {
-  transition: background-color 0.3s ease;
-}
-.track-card[data-v-07d4284b]:hover {
-  background-color: rgba(var(--dark), 0.4);
-}
-.track-play[data-v-07d4284b] {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-.track-card:hover .track-play[data-v-07d4284b] {
-  opacity: 1;
-}
-.play-button[data-v-07d4284b] {
-  transform: scale(0.8);
-  transition: transform 0.3s ease;
-}
-.track-card:hover .play-button[data-v-07d4284b] {
-  transform: scale(1);
-}
-
 .notifications-layout[data-v-f6ac807f] {
   display: flex;
   flex-direction: column;

package/dist/wallet.server.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const QRCode = require("qrcode");
-const index = require("./index-YNOkL1mu.cjs");
+const index = require("./index-DiSKVCaA.cjs");
 const tickets_controller = require("./tickets.controller-D0V0gJCA.cjs");
 const globals_observer = require("./globals.observer-CV2wCzzh.cjs");
 const Stripe = require("stripe");

package/dist/wallet.server.js

@@ -1,5 +1,5 @@
 import * as QRCode from "qrcode";
-import { m as middlewareIndexFactory } from "./index-CsJwdsBW.js";
+import { m as middlewareIndexFactory } from "./index-CVuQC4k1.js";
 import { c as controllerFactory$1 } from "./tickets.controller-DQQcjyui.js";
 import { O as Observer } from "./globals.observer-CDqUjVU5.js";
 import Stripe from "stripe";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.486",
+  "version": "0.2.487",
   "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/Field/Field.vue

@@ -76,7 +76,7 @@ const text = ref(props.field);
       $attrs.class,
       { 'bg-fourth-nano': validation }
     ]"
-    class="flex-center flex-nowrap flex"
+    class="field-wrapper flex-center flex-nowrap flex"
   >
     <div
       v-if="label"
@@ -138,7 +138,7 @@ const text = ref(props.field);
   </transition>
 </template>
 
-<style scoped>
+<style>
 input,
 textarea,
 span {
@@ -148,9 +148,9 @@ span {
 
 textarea {
   resize: none;
-  overflow: hidden;
-  height: 1rem;
+  overflow: hidden; 
   line-height: 1rem;
+  height: 1rem;
 }
 
 input[type="date"]::-webkit-calendar-picker-indicator,
@@ -160,11 +160,16 @@ input[type="time"]::-webkit-calendar-picker-indicator {
   color: inherit;
 }
 
-.cursor-pointer {
-  cursor: pointer;
+.field-wrapper {
+  transition: border-width .2s, box-shadow .2s ease;
 }
 
-.pos-relative {
-  position: relative;
+.field-wrapper:hover {
+  box-shadow: inset 0 0 0 1px rgba(var(--dark), 0.2), 0 0 6px 2px rgba(var(--dark), 0.1);
 }
+
+.field-wrapper:focus-within {
+  box-shadow: inset 0 0 0 1px rgba(var(--second), 1), 0 0 6px 2px rgba(var(--second), 0.1);
+}
+
 </style>

package/src/components/FieldBig/FieldBig.vue

@@ -10,12 +10,11 @@
       class="w-100 p-medium t-regular uppercase pd-small"
     />
     <button
-      v-if="action" 
       @click="emitAction" 
       class="t-nowrap t-medium radius-big uppercase cursor-pointer flex flex-v-center pd-r-small pd-l-small w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main" 
     >
-      <span class="desktop-only mn-r-thin">{{action}}</span>
-      <IconArrow class="br-solid br-black-transp-10 br-1px radius-extra  i-semi pd-nano"/>
+      <span v-if="action" class="desktop-only mn-r-thin">{{action}}</span>
+      <IconArrow class="i-medium"/>
     </button>
   </div>
 </template>
@@ -32,8 +31,7 @@
       type: String
     },
     action: {
-      type: String,
-      default: 'Action'
+      type: String
     },
     placeholderTexts: {
       type: Object,

package/src/components/FieldPhone/FieldPhone.vue

@@ -9,7 +9,7 @@
     ]" 
     :style="[rootStyle, styles]" 
     ref="rootElement"
-    class="vue3-reactive-tel-input"
+    class="field-wrapper vue3-reactive-tel-input"
   >
     <div
       v-click-outside="clickedOutside"

package/src/components/Media/Media.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="media-container">
+  <div class="media-container pos-relative">
     <!-- Изображение с ленивой загрузкой и placeholder -->
     <img
       v-if="isImage"

package/src/components/Select/Select.vue

@@ -4,7 +4,7 @@
     @click.stop="toggleMenu"  
     v-click-outside="clickedOutside" 
     :class="$attrs.class" 
-    class="cursor-pointer flex-v-center flex-nowrap flex pos-relative"
+    class="cursor-pointer field-wrapper flex-v-center flex-nowrap flex pos-relative"
   >
     <!-- Label -->
     <span v-if="label" class="t-transp mn-r-small">{{label}}</span>

package/src/components/Status/Snack.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="snack-wrapper" v-if="show">
+    <div 
+      class="flex-nowrap flex-v-center flex radius-small pd-small t-white"
+      :class="snackClass"
+    >
+      <component 
+        :is="iconComponent" 
+        fill="rgb(var(--white))" 
+        class="t-transp i-medium mn-r-thin z-index-5"
+      />
+      <p class="w-100">
+        {{ te(`globals.snacks.${message}`) ? t(`globals.snacks.${message}`) : message }}
+      </p>
+      <IconCross 
+        @click="$emit('close')" 
+        class="cursor-pointer hover-scale-1 i-regular z-index-5"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import IconInfo from '@martyrs/src/modules/icons/navigation/IconInfo.vue'
+import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue'
+import IconSuccess from '@martyrs/src/modules/icons/navigation/IconSuccess.vue'
+import IconAlert from '@martyrs/src/modules/icons/navigation/IconAlert.vue'
+
+const { t, te } = useI18n({ useScope: 'global' })
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: 'notification',
+    validator: (v) => ['error', 'success', 'alert', 'notification'].includes(v)
+  },
+  message: String,
+  show: Boolean
+})
+
+defineEmits(['close'])
+
+const snackClass = computed(() => ({
+  'bg-error': props.type === 'error',
+  'bg-success': props.type === 'success', 
+  'bg-warning': props.type === 'alert',
+  'bg-primary': props.type === 'notification'
+}))
+
+const iconComponent = computed(() => {
+  const icons = {
+    error: IconCross,
+    success: IconSuccess,
+    alert: IconAlert,
+    notification: IconInfo
+  }
+  return icons[props.type] || IconInfo
+})
+</script>
+
+<style lang="scss">
+.snack-wrapper {
+  position: fixed;
+  bottom: var(--gap);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  animation: slideUp 0.3s ease-out;
+}
+
+@keyframes slideUp {
+  from {
+    transform: translateX(-50%) translateY(100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
+  }
+}
+</style>