nuxt-glorious 1.2.0 → 1.2.9-5

package/dist/runtime/style/mixin.scss

@@ -0,0 +1,40 @@
+@use 'variable.scss' as var;
+
+@mixin load-bg($range: 100) {
+  @each $color in var.$colors {
+    &.#{'color-' + $color} {
+      @apply #{"bg-" + $color + "-" + $range};
+    }
+  }
+}
+
+@mixin load-size() {
+  @each $key, $value in var.$pSize {
+    &.#{'size-' + $key} {
+      @apply #{"py-" + $value};
+    }
+  }
+}
+
+@mixin load-border($range: 300) {
+  @each $color in var.$colors {
+    &.#{'color-' + $color} {
+      @apply #{"border border-" + $color + "-" + $range};
+    }
+  }
+}
+
+@mixin loading-size($size) {
+  div > loading {
+    @apply flex justify-center items-center;
+  }
+  div.loading > div > div {
+    @apply #{"w-" + $size !important};
+  }
+}
+
+@mixin loading-color($color) {
+  div.loading > div > div {
+    border-color: theme('colors.' + $color + '.700') !important;
+  }
+}

package/dist/runtime/style/variable.scss

@@ -0,0 +1,19 @@
+$colors: orange, blue, gray, red, green;
+$pSize: (
+  'xl': '2.5',
+  'lg': '2',
+  'md': '1.5',
+  'sm': '1',
+  'xs': '0.5',
+);
+$sizes: (
+  '5xl': 54,
+  '4xl': 50,
+  '3xl': 46,
+  '2xl': 42,
+  'xl': 38,
+  'lg': 32,
+  'md': 28,
+  'sm': 24,
+  'xs': 20,
+);

package/dist/types.d.mts

@@ -1,16 +1,8 @@
 
-import type { ModuleOptions } from './module.js'
+import type {  } from './module.js'
 
 
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['glorious']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['glorious']?: ModuleOptions }
-}
 
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['glorious']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['glorious']?: ModuleOptions }
-}
 
 
-export type { ModuleOptions, default } from './module.js'
+export type { default } from './module.js'

package/dist/types.d.ts

@@ -1,16 +1,8 @@
 
-import type { ModuleOptions } from './module'
+import type {  } from './module'
 
 
-declare module '@nuxt/schema' {
-  interface NuxtConfig { ['glorious']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['glorious']?: ModuleOptions }
-}
 
-declare module 'nuxt/schema' {
-  interface NuxtConfig { ['glorious']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['glorious']?: ModuleOptions }
-}
 
 
-export type { ModuleOptions, default } from './module'
+export type { default } from './module'

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.0",
+  "version": "1.2.9-5",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",
@@ -19,7 +19,7 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build build",
+    "prepack": "nuxt-module-build build && cp -R src/runtime/style dist/runtime",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
@@ -29,26 +29,28 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.11.1",
+    "@nuxt/image": "^1.8.1",
+    "@nuxt/kit": "^3.14.1592",
     "@nuxtjs/tailwindcss": "^6.12.0",
     "@pinia/nuxt": "^0.5.1",
     "defu": "^6.1.4",
     "pinia": "^2.1.7",
-    "sass": "^1.77.5"
+    "sass": "^1.80.3"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.11.1",
+    "@nuxt/schema": "^3.14.1592",
     "@nuxt/test-utils": "^3.12.0",
     "@types/node": "^20.11.29",
     "changelogen": "^0.5.5",
     "eslint": "^8.57.0",
-    "nuxt": "^3.11.1",
+    "nuxt": "^3.14.1592",
     "vitest": "^1.4.0"
   },
   "overrides": {
     "vue": "latest"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

package/dist/runtime/assets/style/components/buttons.css

@@ -1,107 +0,0 @@
-button:focus-visible {
-  @apply outline-none;
-}
-
-.xl.glorious-button-orange, .xl.glorious-button-blue, .xl.glorious-button-gray, .xl.glorious-button-red, .xl.glorious-button-primary {
-  @apply py-2.5;
-}
-.xl.glorious-button-orange > div.loading > div > div, .xl.glorious-button-blue > div.loading > div > div, .xl.glorious-button-gray > div.loading > div > div, .xl.glorious-button-red > div.loading > div > div, .xl.glorious-button-primary > div.loading > div > div {
-  @apply w-[24px] !important;
-}
-.lg.glorious-button-orange, .lg.glorious-button-blue, .lg.glorious-button-gray, .lg.glorious-button-red, .lg.glorious-button-primary {
-  @apply py-2;
-}
-.lg.glorious-button-orange > div.loading > div > div, .lg.glorious-button-blue > div.loading > div > div, .lg.glorious-button-gray > div.loading > div > div, .lg.glorious-button-red > div.loading > div > div, .lg.glorious-button-primary > div.loading > div > div {
-  @apply w-[24px] !important;
-}
-.md.glorious-button-orange, .md.glorious-button-blue, .md.glorious-button-gray, .md.glorious-button-red, .md.glorious-button-primary {
-  @apply py-1.5;
-}
-.md.glorious-button-orange > div.loading > div > div, .md.glorious-button-blue > div.loading > div > div, .md.glorious-button-gray > div.loading > div > div, .md.glorious-button-red > div.loading > div > div, .md.glorious-button-primary > div.loading > div > div {
-  @apply w-[24px] !important;
-}
-.sm.glorious-button-orange, .sm.glorious-button-blue, .sm.glorious-button-gray, .sm.glorious-button-red, .sm.glorious-button-primary {
-  @apply py-1;
-}
-.sm.glorious-button-orange > div.loading > div > div, .sm.glorious-button-blue > div.loading > div > div, .sm.glorious-button-gray > div.loading > div > div, .sm.glorious-button-red > div.loading > div > div, .sm.glorious-button-primary > div.loading > div > div {
-  @apply w-[24px] !important;
-}
-.xsm.glorious-button-orange, .xsm.glorious-button-blue, .xsm.glorious-button-gray, .xsm.glorious-button-red, .xsm.glorious-button-primary {
-  @apply py-0.5;
-}
-.xsm.glorious-button-orange > div.loading > div > div, .xsm.glorious-button-blue > div.loading > div > div, .xsm.glorious-button-gray > div.loading > div > div, .xsm.glorious-button-red > div.loading > div > div, .xsm.glorious-button-primary > div.loading > div > div {
-  @apply w-[24px] !important;
-}
-
-.outline.glorious-button-orange, .outline.glorious-button-blue, .outline.glorious-button-gray, .outline.glorious-button-red, .outline.glorious-button-primary {
-  @apply bg-transparent border outline-none;
-}
-
-.glorious-button-orange > div.loading, .glorious-button-blue > div.loading, .glorious-button-gray > div.loading, .glorious-button-red > div.loading, .glorious-button-primary > div.loading {
-  @apply flex justify-center items-center;
-}
-
-.glorious-button-primary {
-  @apply bg-green-700 hover:bg-green-600 rounded-md text-white border-green-500 px-3;
-}
-.glorious-button-primary.outline {
-  @apply text-gray-500 hover:bg-green-100;
-}
-.glorious-button-primary:disabled {
-  @apply cursor-not-allowed;
-}
-.glorious-button-primary:disabled:not(:disabled) {
-  @apply bg-green-300;
-}
-
-.glorious-button-red {
-  @apply bg-red-500 hover:bg-red-600 rounded-md text-white border-red-500 px-3;
-}
-.glorious-button-red.outline {
-  @apply text-gray-500 hover:bg-red-100;
-}
-.glorious-button-red:disabled {
-  @apply cursor-not-allowed;
-}
-.glorious-button-red:disabled:not(:disabled) {
-  @apply bg-red-300;
-}
-
-.glorious-button-gray {
-  @apply bg-gray-500 hover:bg-gray-600 rounded-md text-white border-gray-500 px-3;
-}
-.glorious-button-gray.outline {
-  @apply text-gray-500 hover:bg-gray-100;
-}
-.glorious-button-gray:disabled {
-  @apply cursor-not-allowed;
-}
-.glorious-button-gray:disabled:not(:disabled) {
-  @apply bg-gray-300;
-}
-
-.glorious-button-blue {
-  @apply bg-blue-500 hover:bg-blue-600 rounded-md text-white border-blue-500 px-3;
-}
-.glorious-button-blue.outline {
-  @apply text-gray-500 hover:bg-blue-100;
-}
-.glorious-button-blue:disabled {
-  @apply cursor-not-allowed;
-}
-.glorious-button-blue:disabled:not(:disabled) {
-  @apply bg-blue-300;
-}
-
-.glorious-button-orange {
-  @apply bg-orange-500 hover:bg-orange-600 rounded-md text-white border-orange-500 px-3;
-}
-.glorious-button-orange.outline {
-  @apply text-gray-500 hover:bg-orange-100;
-}
-.glorious-button-orange:disabled {
-  @apply cursor-not-allowed;
-}
-.glorious-button-orange:disabled:not(:disabled) {
-  @apply bg-orange-300;
-}

package/dist/runtime/assets/style/components/file.css

@@ -1,65 +0,0 @@
-.glorious-file-orange > div.xl.placeholder, .glorious-file-blue > div.xl.placeholder, .glorious-file-gray > div.xl.placeholder, .glorious-file-red > div.xl.placeholder, .glorious-file-primary > div.xl.placeholder {
-  @apply py-2.5;
-}
-.glorious-file-orange > div.lg.placeholder, .glorious-file-blue > div.lg.placeholder, .glorious-file-gray > div.lg.placeholder, .glorious-file-red > div.lg.placeholder, .glorious-file-primary > div.lg.placeholder {
-  @apply py-2;
-}
-.glorious-file-orange > div.md.placeholder, .glorious-file-blue > div.md.placeholder, .glorious-file-gray > div.md.placeholder, .glorious-file-red > div.md.placeholder, .glorious-file-primary > div.md.placeholder {
-  @apply py-1.5;
-}
-.glorious-file-orange > div.sm.placeholder, .glorious-file-blue > div.sm.placeholder, .glorious-file-gray > div.sm.placeholder, .glorious-file-red > div.sm.placeholder, .glorious-file-primary > div.sm.placeholder {
-  @apply py-1;
-}
-.glorious-file-orange > div.xsm.placeholder, .glorious-file-blue > div.xsm.placeholder, .glorious-file-gray > div.xsm.placeholder, .glorious-file-red > div.xsm.placeholder, .glorious-file-primary > div.xsm.placeholder {
-  @apply py-0.5;
-}
-
-.glorious-file-primary {
-  @apply rounded-md ring-1 ring-green-500 overflow-hidden cursor-pointer relative;
-}
-.glorious-file-primary > div.placeholder {
-  @apply bg-green-500 text-white px-3 w-max;
-}
-.glorious-file-primary > div:last-child {
-  @apply absolute left-3 hidden;
-}
-
-.glorious-file-red {
-  @apply rounded-md ring-1 ring-red-500 px-3 cursor-pointer relative;
-}
-.glorious-file-red > div.placeholder {
-  @apply bg-green-500 text-white px-3 w-max;
-}
-.glorious-file-red > div:last-child {
-  @apply absolute left-3;
-}
-
-.glorious-file-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3 cursor-pointer relative;
-}
-.glorious-file-gray > div.placeholder {
-  @apply bg-green-500 text-white px-3 w-max;
-}
-.glorious-file-gray > div:last-child {
-  @apply absolute left-3;
-}
-
-.glorious-file-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3 cursor-pointer relative;
-}
-.glorious-file-blue > div.placeholder {
-  @apply bg-green-500 text-white px-3 w-max;
-}
-.glorious-file-blue > div:last-child {
-  @apply absolute left-3;
-}
-
-.glorious-file-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3 cursor-pointer relative;
-}
-.glorious-file-orange > div.placeholder {
-  @apply bg-green-500 text-white px-3 w-max;
-}
-.glorious-file-orange > div:last-child {
-  @apply absolute left-3;
-}

package/dist/runtime/assets/style/components/input.css

@@ -1,91 +0,0 @@
-.xl.glorious-input-orange, .xl.glorious-input-blue, .xl.glorious-input-gray, .xl.glorious-input-red, .xl.glorious-input-primary {
-  @apply py-2.5;
-}
-.lg.glorious-input-orange, .lg.glorious-input-blue, .lg.glorious-input-gray, .lg.glorious-input-red, .lg.glorious-input-primary {
-  @apply py-2;
-}
-.md.glorious-input-orange, .md.glorious-input-blue, .md.glorious-input-gray, .md.glorious-input-red, .md.glorious-input-primary {
-  @apply py-1.5;
-}
-.sm.glorious-input-orange, .sm.glorious-input-blue, .sm.glorious-input-gray, .sm.glorious-input-red, .sm.glorious-input-primary {
-  @apply py-1;
-}
-.xsm.glorious-input-orange, .xsm.glorious-input-blue, .xsm.glorious-input-gray, .xsm.glorious-input-red, .xsm.glorious-input-primary {
-  @apply py-0.5;
-}
-
-.glorious-input-orange:focus-visible, .glorious-input-blue:focus-visible, .glorious-input-gray:focus-visible, .glorious-input-red:focus-visible, .glorious-input-primary:focus-visible {
-  @apply outline-none ring-2;
-}
-
-.glorious-input-primary {
-  @apply rounded-md ring-1 ring-green-500;
-}
-.glorious-input-primary:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-input-red {
-  @apply rounded-md ring-1 ring-red-500;
-}
-.glorious-input-red:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-input-gray {
-  @apply rounded-md ring-1 ring-gray-500;
-}
-.glorious-input-gray:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-input-blue {
-  @apply rounded-md ring-1 ring-blue-500;
-}
-.glorious-input-blue:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-input-orange {
-  @apply rounded-md ring-1 ring-orange-500;
-}
-.glorious-input-orange:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-input {
-  @apply relative w-full;
-}
-.glorious-input > input {
-  @apply w-full;
-}
-.glorious-input > input::placeholder {
-  @apply text-[14px];
-}
-.glorious-input.icon-xl > input {
-  @apply rtl:pr-9 ltr:pl-9;
-}
-.glorious-input.icon-lg > input {
-  @apply rtl:pr-9 ltr:pl-8;
-}
-.glorious-input.icon-md > input {
-  @apply rtl:pr-9 ltr:pl-8;
-}
-.glorious-input.icon-sm > input {
-  @apply rtl:pr-8 ltr:pl-8;
-}
-.glorious-input.icon-xsm > input {
-  @apply rtl:pr-8 ltr:pl-7;
-}
-
-.glorious-input-icon {
-  @apply absolute h-max top-0 bottom-0 my-auto rtl:right-1 ltr:left-1;
-}
-
-/* ----------------------------------------------- TAG */
-.glorious-input-tag {
-  @apply mt-3 gap-2 flex flex-wrap;
-}
-.glorious-input-tag > div {
-  @apply bg-green-500 px-1 rounded text-white flex items-center gap-2 cursor-pointer;
-}

package/dist/runtime/assets/style/components/modal.css

@@ -1,57 +0,0 @@
-.g-scafold-modal {
-  @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
-}
-.g-scafold-modal-header {
-  @apply flex justify-between items-center;
-}
-.g-scafold-modal-footer {
-  @apply flex justify-center gap-3;
-}
-.g-scafold-modal-footer > button {
-  @apply min-w-24;
-}
-.g-scafold-modal-bg-blur {
-  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
-}
-.g-scafold-modal.size-full {
-  @apply w-full h-full top-0 rounded-none;
-}
-.g-scafold-modal.size-xl {
-  @apply md:w-[70%] w-full md:h-max max-h-[70%];
-}
-.g-scafold-modal.size-lg {
-  @apply md:w-[60%] w-full md:h-max max-h-[70%];
-}
-.g-scafold-modal.size-md {
-  @apply md:w-[50%] w-full md:h-max max-h-[70%];
-}
-.g-scafold-modal.size-sm {
-  @apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[70%];
-}
-.g-scafold-modal.close {
-  @apply hidden;
-}
-@screen md {
-  .g-scafold-modal.open {
-    animation: animationOpacity 0.2s normal forwards;
-  }
-}
-.g-scafold-modal.open {
-  animation: animationMobile 0.3s normal forwards;
-}
-@keyframes animationOpacity {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes animationMobile {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}

package/dist/runtime/assets/style/components/select.css

@@ -1,54 +0,0 @@
-.xl.glorious-select-orange, .xl.glorious-select-blue, .xl.glorious-select-gray, .xl.glorious-select-red, .xl.glorious-select-primary {
-  @apply py-[0.657rem];
-}
-.lg.glorious-select-orange, .lg.glorious-select-blue, .lg.glorious-select-gray, .lg.glorious-select-red, .lg.glorious-select-primary {
-  @apply py-[0.532rem];
-}
-.md.glorious-select-orange, .md.glorious-select-blue, .md.glorious-select-gray, .md.glorious-select-red, .md.glorious-select-primary {
-  @apply py-[0.407rem];
-}
-.sm.glorious-select-orange, .sm.glorious-select-blue, .sm.glorious-select-gray, .sm.glorious-select-red, .sm.glorious-select-primary {
-  @apply py-[0.282rem];
-}
-.xsm.glorious-select-orange, .xsm.glorious-select-blue, .xsm.glorious-select-gray, .xsm.glorious-select-red, .xsm.glorious-select-primary {
-  @apply py-[0.157rem];
-}
-
-.glorious-select-orange:focus-visible, .glorious-select-blue:focus-visible, .glorious-select-gray:focus-visible, .glorious-select-red:focus-visible, .glorious-select-primary:focus-visible {
-  @apply outline-none ring-2;
-}
-
-.glorious-select-primary {
-  @apply rounded-md ring-1 ring-green-500 px-3 text-gray-500 text-[14px];
-}
-.glorious-select-primary:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-select-red {
-  @apply rounded-md ring-1 ring-red-500 px-3;
-}
-.glorious-select-red:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-select-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3;
-}
-.glorious-select-gray:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-select-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3;
-}
-.glorious-select-blue:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-select-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3;
-}
-.glorious-select-orange:disabled {
-  @apply cursor-not-allowed;
-}

package/dist/runtime/assets/style/components/textarea.css

@@ -1,64 +0,0 @@
-.xl.glorious-textarea-orange, .xl.glorious-textarea-blue, .xl.glorious-textarea-gray, .xl.glorious-textarea-red, .xl.glorious-textarea-primary {
-  @apply py-2.5;
-}
-.lg.glorious-textarea-orange, .lg.glorious-textarea-blue, .lg.glorious-textarea-gray, .lg.glorious-textarea-red, .lg.glorious-textarea-primary {
-  @apply py-2;
-}
-.md.glorious-textarea-orange, .md.glorious-textarea-blue, .md.glorious-textarea-gray, .md.glorious-textarea-red, .md.glorious-textarea-primary {
-  @apply py-1.5;
-}
-.sm.glorious-textarea-orange, .sm.glorious-textarea-blue, .sm.glorious-textarea-gray, .sm.glorious-textarea-red, .sm.glorious-textarea-primary {
-  @apply py-1;
-}
-.xsm.glorious-textarea-orange, .xsm.glorious-textarea-blue, .xsm.glorious-textarea-gray, .xsm.glorious-textarea-red, .xsm.glorious-textarea-primary {
-  @apply py-0.5;
-}
-
-.glorious-textarea-orange:focus-visible, .glorious-textarea-blue:focus-visible, .glorious-textarea-gray:focus-visible, .glorious-textarea-red:focus-visible, .glorious-textarea-primary:focus-visible {
-  @apply outline-none ring-2;
-}
-
-.glorious-textarea-primary {
-  @apply rounded-md ring-1 ring-green-500 px-3;
-}
-.glorious-textarea-primary:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-red {
-  @apply rounded-md ring-1 ring-red-500 px-3;
-}
-.glorious-textarea-red:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3;
-}
-.glorious-textarea-gray:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3;
-}
-.glorious-textarea-blue:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3;
-}
-.glorious-textarea-orange:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea {
-  @apply relative w-full;
-}
-.glorious-textarea > textarea {
-  @apply w-full;
-}
-.glorious-textarea > textarea::placeholder {
-  @apply text-[14px];
-}

package/dist/runtime/components/G/Breadcrump.vue

@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-const props = defineProps({
-  items: {
-    required: true,
-    type: Object,
-  },
-  dir: {
-    required: false,
-    type: String as () => "rtl" | "ltr",
-    default: "rtl",
-  },
-});
-</script>
-
-<template>
-  <div class="flex gap-1 flex-wrap dir-ltr" :dir="props.dir">
-    <div
-      v-for="(item, key, index) in props.items"
-      :key="index"
-      class="flex items-center gap-1 flex-wrap"
-    >
-      <nuxt-link
-        v-if="index !== Object.entries(props.items).length - 1"
-        :to="key"
-        class="text-gray-500 hover:text-gray-800"
-      >
-        {{ item }}
-      </nuxt-link>
-
-      <span
-        v-if="index === Object.entries(props.items).length - 1"
-        class="text-gray-600 font-medium"
-      >
-        {{ item }}
-      </span>
-
-      <GIcon
-        v-if="index !== Object.entries(props.items).length - 1"
-        name="glorious-arrow"
-        :style="{ rotate: props.dir === 'rtl' ? '180deg' : '0deg' }"
-        :size="10"
-        color="#6b7280"
-      />
-    </div>
-  </div>
-</template>