@ozdao/martyrs 0.2.506 → 0.2.508

package/dist/style.css

@@ -63,19 +63,19 @@
 .background-div {
   flex-grow: 1;
 }
-input[data-v-69b12b85],
-textarea[data-v-69b12b85],
-span[data-v-69b12b85] {
+input[data-v-985f0e53],
+textarea[data-v-985f0e53],
+span[data-v-985f0e53] {
   color: inherit;
   line-height: 1;
 }
-textarea[data-v-69b12b85] {
+textarea[data-v-985f0e53] {
   resize: none;
   overflow: hidden; 
   height: 1rem;
 }
-input[type="date"][data-v-69b12b85]::-webkit-calendar-picker-indicator,
-input[type="time"][data-v-69b12b85]::-webkit-calendar-picker-indicator {
+input[type="date"][data-v-985f0e53]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-985f0e53]::-webkit-calendar-picker-indicator {
   filter: invert(1);
   opacity: 1;
   color: inherit;
@@ -779,45 +779,7 @@ button[data-v-2ba40647]: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 {
+.filters-content[data-v-e07dca8a] {
   max-height: 60vh;
   overflow-y: auto;
 }
@@ -1584,7 +1546,20 @@ to {
 [data-v-6db7716d]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
-
+.cols-4-footer[data-v-37ca2fe7] {
+  grid-template-columns: 5fr 3fr 3fr 4fr;
+}
+footer[data-v-37ca2fe7] {
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+footer a[data-v-37ca2fe7] {
+  text-decoration: none;
+}
+footer ul[data-v-37ca2fe7] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
 fieldset[disabled] .multiselect {
   pointer-events: none;
 }
@@ -1959,78 +1934,6 @@ to {
 
   /* Add styles for the user card component here */
 
-.gmap[data-v-b891021c] {
-  height: 100%;
-  width: 100%;
-}
-
-.subspotsartment[data-v-f240e93a] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
-/* Ваши стили */
-.thc {
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  width: 6rem;
-  height: 6rem;
-  transition: all linear 0.1s;
-}
-.thc p:first-of-type {
-  font-size: 1.25rem;
-  letter-spacing: -2px;
-  z-index: 7;
-}
-.thc p:last-of-type {
-  z-index: 7;
-}
-.thc svg {
-  z-index: 6;
-  position: absolute;
-  width: 6rem;
-  height: 6rem;
-  left: 0;
-  top: 0;
-}
-@media screen and (max-width: 1025px) {
-.thc {
-    transform: scale(0.75) !important;
-    transform-origin: top right !important;
-}
-}.word-break {
-  width: 100%;
-  overflow: auto;
-  overflow-wrap: break-word;
-  word-break: break-all;
-  white-space: -moz-pre-wrap;
-  white-space: -hp-pre-wrap;
-  white-space: -o-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: pre-wrap;
-  white-space: pre-line;
-  word-wrap: break-word;
-}.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  min-height: 0;
-  position: absolute;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
-}
 .subdepartmentsartment[data-v-7a0fa935] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
@@ -2132,29 +2035,29 @@ to {
     transform: rotate(360deg);
 }
 }
-.h-60[data-v-1228d04d] {
+.h-60[data-v-c38b132b] {
   height: 60%;
 }
-.notification[data-v-1228d04d] {
+.notification[data-v-c38b132b] {
   z-index: 100;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease;
-  animation: fadeIn-1228d04d 0.3s;
+  animation: fadeIn-c38b132b 0.3s;
 }
-@keyframes fadeIn-1228d04d {
+@keyframes fadeIn-c38b132b {
 from { opacity: 0; transform: translateY(20px);
 }
 to { opacity: 1; transform: translateY(0);
 }
 }
-.icon-card .replace-btn[data-v-1228d04d] {
+.icon-card .replace-btn[data-v-c38b132b] {
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-.icon-card:hover .replace-btn[data-v-1228d04d] {
+.icon-card:hover .replace-btn[data-v-c38b132b] {
   opacity: 1;
 }
-.flex-between[data-v-1228d04d] {
+.flex-between[data-v-c38b132b] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2241,6 +2144,52 @@ to { opacity: 1; transform: translateY(0);
 }
 .card-title:hover .card-page-actions {
   display: block;
+}.thc {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  width: 6rem;
+  height: 6rem;
+  transition: all linear 0.1s;
+}
+.thc p:first-of-type {
+  font-size: 1.25rem;
+  letter-spacing: -2px;
+  z-index: 7;
+}
+.thc p:last-of-type {
+  z-index: 7;
+}
+.thc svg {
+  z-index: 6;
+  position: absolute;
+  width: 6rem;
+  height: 6rem;
+  left: 0;
+  top: 0;
+}
+@media screen and (max-width: 1025px) {
+.thc {
+    transform: scale(0.75) !important;
+    transform-origin: top right !important;
+}
+}.word-break {
+  width: 100%;
+  overflow: auto;
+  overflow-wrap: break-word;
+  word-break: break-all;
+  white-space: -moz-pre-wrap;
+  white-space: -hp-pre-wrap;
+  white-space: -o-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: pre-wrap;
+  white-space: pre-line;
+  word-wrap: break-word;
 }
 .expand-enter-active[data-v-489e9d2e],
 .expand-leave-active[data-v-489e9d2e] {
@@ -2280,7 +2229,7 @@ to { opacity: 1; transform: translateY(0);
   transform: scale(1.1);
 }*/
 
-.photo-viewer[data-v-447a838c] {
+.photo-viewer[data-v-791644bb] {
   width: 100%;
   height: 100%;
   position: relative;
@@ -2289,22 +2238,22 @@ to { opacity: 1; transform: translateY(0);
   user-select: none;
   touch-action: none;
 }
-.slider-track[data-v-447a838c] {
+.slider-track[data-v-791644bb] {
   display: flex;
   height: 100%;
   cursor: grab;
   backface-visibility: hidden;
 }
-.slider-track[data-v-447a838c]:active {
+.slider-track[data-v-791644bb]:active {
   cursor: grabbing;
 }
-.slide[data-v-447a838c] {
+.slide[data-v-791644bb] {
   flex: 0 0 100%;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.slide img[data-v-447a838c] {
+.slide img[data-v-791644bb] {
   width: 100%;
   height: 100%;
   object-fit: scale-down;
@@ -2312,22 +2261,22 @@ to { opacity: 1; transform: translateY(0);
   pointer-events: none;
   backface-visibility: hidden;
 }
-.thumbnails-container[data-v-447a838c] {
+.thumbnails-container[data-v-791644bb] {
   left: 50%;
   transform: translateX(-50%);
   max-width: 100%;
   z-index: 1;
 }
-.thumbnails[data-v-447a838c] {
+.thumbnails[data-v-791644bb] {
   display: flex;
   gap: 0.25rem;
   overflow-x: auto;
   scrollbar-width: none;
 }
-.thumbnails[data-v-447a838c]::-webkit-scrollbar {
+.thumbnails[data-v-791644bb]::-webkit-scrollbar {
   display: none;
 }
-.thumbnail[data-v-447a838c] {
+.thumbnail[data-v-791644bb] {
   width: 4rem;
   height: 4rem;
   object-fit: cover;
@@ -2336,26 +2285,28 @@ to { opacity: 1; transform: translateY(0);
   border-radius: 0.25rem;
   flex-shrink: 0;
 }
-.thumbnail.active[data-v-447a838c] {
+.thumbnail.active[data-v-791644bb] {
   opacity: 1;
   border: 1px solid rgb(var(--second));
 }
 @media (max-width: 768px) {
-.nav-arrow[data-v-447a838c] { display: none;
+.nav-arrow[data-v-791644bb] { display: none;
 }
-.thumbnail[data-v-447a838c] { width: 3rem; height: 3rem;
+.thumbnail[data-v-791644bb] { width: 3rem; height: 3rem;
 }
 }
 
-.thumbnail[data-v-38ae846b] {
+.thumbnail[data-v-eddb4b2b] {
   width: 100%;
   object-fit: cover;
   cursor: pointer;
 }
-.thumbnail.active[data-v-38ae846b] {
+.thumbnail.active[data-v-eddb4b2b] {
   border: 1px solid rgb(var(--second));
 }
 
+/* Ваши стили */
+
 .spiral {
 	
   background-size: cover;
@@ -2418,6 +2369,16 @@ to { opacity: 1; transform: translateY(0);
 .bg-orange {
   background-color: rgb(var(--orange));
 }
+
+.gmap[data-v-b891021c] {
+  height: 100%;
+  width: 100%;
+}
+
+.subspotsartment[data-v-f240e93a] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
 .grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -2626,7 +2587,17 @@ to { opacity: 1; transform: translateY(0);
   left: 0.5rem;
   top: 0.5rem;
   opacity: 1;
-}.vue-select {
+}
+.bg-light[data-v-30694516] {
+    background-color: var(--color-bg-light, #f8f9fa);
+}
+.bg-light-transp[data-v-30694516] {
+    background-color: var(--color-bg-light-transp, rgba(248, 249, 250, 0.7));
+}
+.bg-light-transp-50[data-v-30694516] {
+    background-color: var(--color-bg-light-transp-50, rgba(248, 249, 250, 0.5));
+}
+.vue-select {
   width: inherit;
   margin-right: 1rem;
 }
@@ -2639,6 +2610,24 @@ to { opacity: 1; transform: translateY(0);
 .t-red[data-v-df82a9d0] {
   color: red;
 }
+
+.bg-danger[data-v-b2a5e9a6] {
+  background-color: #ef4444;
+}
+
+.bg-light[data-v-85b31b85] {
+    background-color: var(--color-bg-light, #f8f9fa);
+}
+.bg-light-transp[data-v-85b31b85] {
+    background-color: var(--color-bg-light-transp, rgba(248, 249, 250, 0.7));
+}
+.bg-light-transp-50[data-v-85b31b85] {
+    background-color: var(--color-bg-light-transp-50, rgba(248, 249, 250, 0.5));
+}
+
+.bg-danger[data-v-87cd1f42] {
+  background-color: #ef4444;
+}
 #map[data-v-4c5385a2]:focus {
   outline: none;
 }

package/dist/{tickets.controller-DQQcjyui.js → tickets.controller-C56OvH6v.js}

@@ -1,4 +1,4 @@
-import { m as mailing } from "./mailing-C11EYWm-.js";
+import { m as mailing } from "./mailing-DzlhsxCC.js";
 import path from "path";
 import puppeteer from "puppeteer";
 import * as QRCode from "qrcode";

package/dist/{tickets.controller-D0V0gJCA.cjs → tickets.controller-DdnndM6c.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const mailing = require("./mailing-q7sR8gCV.cjs");
+const mailing = require("./mailing-Bs9ThyVZ.cjs");
 const path = require("path");
 const puppeteer = require("puppeteer");
 const QRCode = require("qrcode");

package/dist/wallet.server.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const QRCode = require("qrcode");
 const index = require("./index-BFxqqmgh.cjs");
-const tickets_controller = require("./tickets.controller-D0V0gJCA.cjs");
+const tickets_controller = require("./tickets.controller-DdnndM6c.cjs");
 const globals_observer = require("./globals.observer-CV2wCzzh.cjs");
 const Stripe = require("stripe");
 const bignumber_js = require("bignumber.js");

package/dist/wallet.server.js

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

package/dist/{web-B1bEJ1W9.js → web-BXajFCU2.js}

@@ -1,4 +1,4 @@
-import { W as p } from "./main-DC__VS5b.js";
+import { W as p } from "./main-Dq-UfO4G.js";
 class f extends p {
   constructor() {
     super(...arguments), this.group = "CapacitorStorage";

package/dist/{web-D5i9k2Vv.cjs → web-DaBwwCQ5.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-w3rPUBVh.cjs");class p extends c.WebPlugin{constructor(){super(...arguments),this.group="CapacitorStorage"}async configure({group:e}){typeof e=="string"&&(this.group=e)}async get(e){return{value:this.impl.getItem(this.applyPrefix(e.key))}}async set(e){this.impl.setItem(this.applyPrefix(e.key),e.value)}async remove(e){this.impl.removeItem(this.applyPrefix(e.key))}async keys(){return{keys:this.rawKeys().map(t=>t.substring(this.prefix.length))}}async clear(){for(const e of this.rawKeys())this.impl.removeItem(e)}async migrate(){var e;const t=[],s=[],n="_cap_",o=Object.keys(this.impl).filter(i=>i.indexOf(n)===0);for(const i of o){const r=i.substring(n.length),a=(e=this.impl.getItem(i))!==null&&e!==void 0?e:"",{value:l}=await this.get({key:r});typeof l=="string"?s.push(r):(await this.set({key:r,value:a}),t.push(r))}return{migrated:t,existing:s}}async removeOld(){const e="_cap_",t=Object.keys(this.impl).filter(s=>s.indexOf(e)===0);for(const s of t)this.impl.removeItem(s)}get impl(){return window.localStorage}get prefix(){return this.group==="NativeStorage"?"":`${this.group}.`}rawKeys(){return Object.keys(this.impl).filter(e=>e.indexOf(this.prefix)===0)}applyPrefix(e){return this.prefix+e}}exports.PreferencesWeb=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./main-AWSb_d2P.cjs");class p extends c.WebPlugin{constructor(){super(...arguments),this.group="CapacitorStorage"}async configure({group:e}){typeof e=="string"&&(this.group=e)}async get(e){return{value:this.impl.getItem(this.applyPrefix(e.key))}}async set(e){this.impl.setItem(this.applyPrefix(e.key),e.value)}async remove(e){this.impl.removeItem(this.applyPrefix(e.key))}async keys(){return{keys:this.rawKeys().map(t=>t.substring(this.prefix.length))}}async clear(){for(const e of this.rawKeys())this.impl.removeItem(e)}async migrate(){var e;const t=[],s=[],n="_cap_",o=Object.keys(this.impl).filter(i=>i.indexOf(n)===0);for(const i of o){const r=i.substring(n.length),a=(e=this.impl.getItem(i))!==null&&e!==void 0?e:"",{value:l}=await this.get({key:r});typeof l=="string"?s.push(r):(await this.set({key:r,value:a}),t.push(r))}return{migrated:t,existing:s}}async removeOld(){const e="_cap_",t=Object.keys(this.impl).filter(s=>s.indexOf(e)===0);for(const s of t)this.impl.removeItem(s)}get impl(){return window.localStorage}get prefix(){return this.group==="NativeStorage"?"":`${this.group}.`}rawKeys(){return Object.keys(this.impl).filter(e=>e.indexOf(this.prefix)===0)}applyPrefix(e){return this.prefix+e}}exports.PreferencesWeb=p;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/martyrs",
-  "version": "0.2.506",
+  "version": "0.2.508",
   "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/builder/modes/ssr.dev.js

@@ -7,16 +7,16 @@ import { transformDevStats } from "../ssr/ssr-transform-webpack-stats.js";
 export default function createSsrDevServer(projectRoot, { clientConfig, apiConfig, ssrConfig, createServer }) {
   // Добавляем HMR плагины в клиентскую конфигурацию
   const addHmrToClientConfig = (config) => {
-    config.plugins = config.plugins || [];
-    // Встроенный HMR плагин от Rspack
-    config.plugins.push(new rspack.HotModuleReplacementPlugin());
-    // Добавляем HMR entry
-    config.entry = {
-      main: [
-        "webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000",
-        ...(Array.isArray(config.entry.main) ? config.entry.main : [config.entry.main])
-      ]
-    };
+    // config.plugins = config.plugins || [];
+    // // Встроенный HMR плагин от Rspack
+    // config.plugins.push(new rspack.HotModuleReplacementPlugin());
+    // // Добавляем HMR entry
+    // config.entry = {
+    //   main: [
+    //     "webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000",
+    //     ...(Array.isArray(config.entry.main) ? config.entry.main : [config.entry.main])
+    //   ]
+    // };
     return config;
   };
 

package/src/builder/rspack/rspack.config.ssr.client.js

@@ -66,58 +66,58 @@ export default (projectRoot) => {
         ],
       }),
       // PWA PWA PWA PWA PWA
-      // PWA: инжектим манифест в существующий sw.js
-      new InjectManifest({
-        swSrc: path.resolve(projectRoot, '../public/sw.js'),
-        swDest: 'sw.js',
-        exclude: [
-          /\.html$/,
-          /\.map$/,
-          /\.js$/,  // Исключаем JS из прекэша для SSR
-          /\.css$/, // Исключаем CSS из прекэша для SSR
-        ],
-        include: [
-          /\.(png|jpg|jpeg|gif|webp|svg|ico)$/,
-          /\.(woff|woff2|ttf|eot|otf)$/,
-          /favicon/
-        ],
-        manifestTransforms: [
-          (manifestEntries) => {
-            const manifest = manifestEntries.filter(entry => {
-              return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
-            });
-            return { manifest };
-          }
-        ]
-      }),
-      // // PWA Manifest
-      new RspackManifestPlugin({
-        fileName: 'manifest.json',
-        seed: {
-          name: process.env.APP_NAME || 'App by Martyrs Framework',
-          short_name: process.env.APP_SHORT_NAME || 'App',
-          description: process.env.APP_DESCRIPTION || 'Progressive Web App by Martyrs Framework',
-          theme_color: '#000000',
-          background_color: '#ffffff',
-          display: 'standalone',
-          orientation: 'portrait',
-          scope: '/',
-          start_url: '/',
-          icons: [
-            {
-              src: '/favicon/android-chrome-192x192.png',
-              sizes: '192x192',
-              type: 'image/png'
-            },
-            {
-              src: '/favicon/android-chrome-512x512.png', 
-              sizes: '512x512',
-              type: 'image/png'
+      ...(isProd ? [
+        new InjectManifest({
+          swSrc: path.resolve(projectRoot, '../public/sw.js'),
+          swDest: 'sw.js',
+          exclude: [
+            /\.html$/,
+            /\.map$/,
+            /\.js$/,  // Исключаем JS из прекэша для SSR
+            /\.css$/, // Исключаем CSS из прекэша для SSR
+          ],
+          include: [
+            /\.(png|jpg|jpeg|gif|webp|svg|ico)$/,
+            /\.(woff|woff2|ttf|eot|otf)$/,
+            /favicon/
+          ],
+          manifestTransforms: [
+            (manifestEntries) => {
+              const manifest = manifestEntries.filter(entry => {
+                return !entry.url.match(/\.(html|map)$/) && entry.size < 5 * 1024 * 1024;
+              });
+              return { manifest };
             }
           ]
-        },
-        generate: (seed) => seed
-      }),
+        }),
+        new RspackManifestPlugin({
+          fileName: 'manifest.json',
+          seed: {
+            name: process.env.APP_NAME || 'App by Martyrs Framework',
+            short_name: process.env.APP_SHORT_NAME || 'App',
+            description: process.env.APP_DESCRIPTION || 'Progressive Web App by Martyrs Framework',
+            theme_color: '#000000',
+            background_color: '#ffffff',
+            display: 'standalone',
+            orientation: 'portrait',
+            scope: '/',
+            start_url: '/',
+            icons: [
+              {
+                src: '/favicon/android-chrome-192x192.png',
+                sizes: '192x192',
+                type: 'image/png'
+              },
+              {
+                src: '/favicon/android-chrome-512x512.png', 
+                sizes: '512x512',
+                type: 'image/png'
+              }
+            ]
+          },
+          generate: (seed) => seed
+        })
+      ] : []),
     ],
     optimization: {
       usedExports: true,  

package/src/components/Checkbox/Checkbox.vue

@@ -56,12 +56,11 @@
       class="cursor-pointer mn-l-thin flex-center"
       :class="{
         'transition-elastic pd-thin h-2r w-4r radius-extra': mode === 'switch',
-        'w-2r h-2r radius-small br-solid br-1px': mode === 'checkbox',
+        'w-2r h-2r radius-small': mode === 'checkbox',
         'bg-dark': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'dark' && mode === 'switch',
-        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',
         'br-dark': theme === 'dark' && mode === 'checkbox',
-        'br-light': theme === 'light' && mode === 'checkbox',
-        'bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',
+        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'switch',
+        'bg-light': !(Array.isArray(radio) ? radio.includes(value) : radio) && theme === 'light' && mode === 'checkbox','bg-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'switch',
         'bg-main br-main': (Array.isArray(radio) ? radio.includes(value) : radio) && mode === 'checkbox',
       }"
     >