nuxt-glorious 0.7.9-7

package/README.md

@@ -0,0 +1,29 @@
+# Nuxt Glorious
+
+glorious is module for nuxt 3 for fast make project
+
+## Features
+
+- authenticates
+- amazing fetch
+- components
+- seo
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npm install nuxt-glorious
+```
+
+## <a name="contribute">❤️ Contribute</a>
+
+We invite you to contribute and help improve Nuxt Glorious 💚
+
+Here are a few ways you can get involved:
+
+- Clone this repository
+- Enable Corepack using `corepack enable`
+- Run `npm run dev:prepare` to generate type stubs.
+- Use `npm run dev` to start playground in development mode.

package/dist/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.mts

@@ -0,0 +1,7 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -0,0 +1,7 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -0,0 +1,5 @@
+{
+  "name": "glorious",
+  "configKey": "glorious",
+  "version": "0.7.9-7"
+}

package/dist/module.mjs

@@ -0,0 +1,93 @@
+import { defineNuxtModule, createResolver, installModule, addImportsDir, addComponentsDir, addPlugin, addRouteMiddleware } from '@nuxt/kit';
+import defu from 'defu';
+
+const module = defineNuxtModule({
+  meta: {
+    name: "glorious",
+    configKey: "glorious"
+  },
+  // Default configuration options of the Nuxt module
+  defaults: {},
+  async setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.runtimeConfig.public.glorious = defu(nuxt.options.glorious, {
+      fetch: {
+        baseURL: "/",
+        credentials: "same-origin"
+      },
+      seo: {
+        suffix: "",
+        title: "",
+        description: ""
+      },
+      auth: {
+        cookie: {
+          name: "ga-token",
+          httpOnly: false
+        },
+        redirect: {
+          logout: "/login",
+          login: "/login"
+        },
+        strategy: {
+          provider: "",
+          //[laravel-passport]
+          endpoints: {
+            userInfo: {
+              url: "/",
+              method: "GET",
+              pick: ""
+            }
+          }
+        }
+      }
+    });
+    await installModule("@nuxtjs/tailwindcss", {
+      // module configuration
+      exposeConfig: true,
+      config: {
+        darkMode: "class",
+        content: {
+          files: [
+            resolver.resolve("./runtime/components/G/**/*.{vue,mjs,ts}"),
+            resolver.resolve("./runtime/*.{mjs,js,ts}")
+          ]
+        }
+      }
+    });
+    await installModule("@pinia/nuxt", {
+      autoImports: ["defineStore", ["defineStore", "definePiniaStore"]]
+    });
+    addImportsDir(resolver.resolve("runtime/composables"));
+    addImportsDir(resolver.resolve("runtime/stores"));
+    addImportsDir(resolver.resolve("runtime/middlewares"));
+    addComponentsDir({
+      path: resolver.resolve("runtime/components"),
+      global: true,
+      watch: false
+    });
+    nuxt.hook("nitro:config", async (nitro) => {
+      nitro.publicAssets.push({
+        dir: resolver.resolve("./runtime/assets")
+      });
+    });
+    addPlugin({
+      src: resolver.resolve("./runtime/plugins/shortcut-key"),
+      mode: "client"
+    });
+    addPlugin(resolver.resolve("./runtime/plugins/Modal"));
+    addPlugin(resolver.resolve("./runtime/plugins/glorious-app-setting"));
+    addPlugin(resolver.resolve("./runtime/plugins/Drawer"));
+    addRouteMiddleware({
+      name: "g-auth-strategy",
+      path: resolver.resolve("./runtime/middlewares/AuthStrategy"),
+      global: true
+    });
+    addRouteMiddleware({
+      name: "g-auth",
+      path: resolver.resolve("./runtime/middlewares/Auth")
+    });
+  }
+});
+
+export { module as default };

package/dist/runtime/assets/icons/glorious-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.46482 6.70709C4.85534 6.31657 4.85534 5.6834 4.46482 5.29288L0.928924 1.75699C0.538459 1.36652 0.538458 0.733452 0.928923 0.342986C1.31939 -0.047479 1.95246 -0.0474789 2.34292 0.342987L7.29282 5.29288C7.68334 5.6834 7.68334 6.31657 7.29282 6.70709L2.34292 11.657C1.95246 12.0475 1.31939 12.0475 0.928924 11.657C0.538458 11.2665 0.538458 10.6335 0.928924 10.243L4.46482 6.70709Z" fill="black"/>
+</svg>

package/dist/runtime/assets/icons/glorious-check-fill.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_48614)">
+<path d="M9.99999 15.172L19.192 5.979L20.607 7.393L9.99999 18L3.63599 11.636L5.04999 10.222L9.99999 15.172Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_1_48614">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/runtime/assets/icons/glorious-x.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.41 8L15.71 1.71C15.8983 1.5217 16.0041 1.2663 16.0041 1C16.0041 0.733701 15.8983 0.478306 15.71 0.290002C15.5217 0.101699 15.2663 -0.00408936 15 -0.00408936C14.7337 -0.00408936 14.4783 0.101699 14.29 0.290002L8 6.59L1.71 0.290002C1.5217 0.101699 1.2663 -0.00408912 1 -0.00408912C0.733698 -0.00408912 0.478304 0.101699 0.29 0.290002C0.101696 0.478306 -0.0040915 0.733701 -0.0040915 1C-0.0040915 1.2663 0.101696 1.5217 0.29 1.71L6.59 8L0.29 14.29C0.196272 14.383 0.121877 14.4936 0.0711088 14.6154C0.0203401 14.7373 -0.00579834 14.868 -0.00579834 15C-0.00579834 15.132 0.0203401 15.2627 0.0711088 15.3846C0.121877 15.5064 0.196272 15.617 0.29 15.71C0.382963 15.8037 0.493564 15.8781 0.615423 15.9289C0.737282 15.9797 0.867988 16.0058 1 16.0058C1.13201 16.0058 1.26272 15.9797 1.38458 15.9289C1.50644 15.8781 1.61704 15.8037 1.71 15.71L8 9.41L14.29 15.71C14.383 15.8037 14.4936 15.8781 14.6154 15.9289C14.7373 15.9797 14.868 16.0058 15 16.0058C15.132 16.0058 15.2627 15.9797 15.3846 15.9289C15.5064 15.8781 15.617 15.8037 15.71 15.71C15.8037 15.617 15.8781 15.5064 15.9289 15.3846C15.9797 15.2627 16.0058 15.132 16.0058 15C16.0058 14.868 15.9797 14.7373 15.9289 14.6154C15.8781 14.4936 15.8037 14.383 15.71 14.29L9.41 8Z" fill="black"/>
+</svg>

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

@@ -0,0 +1,88 @@
+.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 bg-green-300 cursor-not-allowed;
+}
+
+.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 bg-red-300 cursor-not-allowed;
+}
+
+.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 bg-gray-300 cursor-not-allowed;
+}
+
+.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 bg-blue-300 cursor-not-allowed;
+}
+
+.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 bg-orange-300 cursor-not-allowed;
+}

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

@@ -0,0 +1,55 @@
+.bg-blur-drawer {
+  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
+}
+
+.drawer {
+  @apply fixed top-0 bg-white h-full w-[300px] z-[50];
+}
+.drawer.close.rtl {
+  animation: drawer-close-right 250ms normal forwards;
+}
+.drawer.close.ltr {
+  animation: drawer-close-left 250ms normal forwards;
+}
+.drawer.open {
+  @apply flex;
+}
+.drawer.open.rtl {
+  animation: drawer-open-right 100ms normal forwards;
+}
+.drawer.open.ltr {
+  animation: drawer-open-left 100ms normal forwards;
+}
+
+@keyframes drawer-open-left {
+  from {
+    @apply left-[-300px];
+  }
+  to {
+    @apply left-0;
+  }
+}
+@keyframes drawer-open-right {
+  from {
+    @apply right-[-300px];
+  }
+  to {
+    @apply right-0;
+  }
+}
+@keyframes drawer-close-right {
+  from {
+    @apply right-0;
+  }
+  to {
+    @apply right-[-300px] hidden;
+  }
+}
+@keyframes drawer-close-left {
+  from {
+    @apply left-0;
+  }
+  to {
+    @apply left-[-300px] hidden;
+  }
+}

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

@@ -0,0 +1,18 @@
+.glorious-dropdown {
+  @apply relative;
+}
+.glorious-dropdown > div:last-child {
+  @apply hidden;
+}
+.glorious-dropdown > div:first-child {
+  @apply relative;
+}
+.glorious-dropdown > div:first-child > button {
+  @apply z-[30] w-5 relative;
+}
+.glorious-dropdown > div:first-child > div:nth-child(2) {
+  @apply absolute top-0 bottom-0 my-auto z-[20];
+}
+.glorious-dropdown.open > div:last-child {
+  @apply bg-white px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
+}

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

@@ -0,0 +1,4 @@
+.ql-editor {
+  direction: rtl;
+  text-align: right !important;
+}

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

@@ -0,0 +1,65 @@
+.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

@@ -0,0 +1,91 @@
+.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 px-3;
+}
+.glorious-input-primary:disabled {
+  @apply bg-green-300 cursor-not-allowed;
+}
+
+.glorious-input-red {
+  @apply rounded-md ring-1 ring-red-500 px-3;
+}
+.glorious-input-red:disabled {
+  @apply cursor-not-allowed;
+}
+
+.glorious-input-gray {
+  @apply rounded-md ring-1 ring-gray-500 px-3;
+}
+.glorious-input-gray:disabled {
+  @apply cursor-not-allowed;
+}
+
+.glorious-input-blue {
+  @apply rounded-md ring-1 ring-blue-500 px-3;
+}
+.glorious-input-blue:disabled {
+  @apply cursor-not-allowed;
+}
+
+.glorious-input-orange {
+  @apply rounded-md ring-1 ring-orange-500 px-3;
+}
+.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

@@ -0,0 +1,46 @@
+.bg-blur-modal {
+  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
+}
+
+.glorious-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;
+}
+.glorious-modal.size-full {
+  @apply w-full h-full top-0 rounded-none;
+}
+.glorious-modal.size-xl {
+  @apply md:w-[70%] w-full md:h-max max-h-[70%];
+}
+.glorious-modal.size-lg {
+  @apply md:w-[60%] w-full md:h-max max-h-[70%];
+}
+.glorious-modal.size-md {
+  @apply md:w-[50%] w-full md:h-max max-h-[70%];
+}
+.glorious-modal.size-sm {
+  @apply lg:w-[25%] md:w-[35%] w-full md:h-max max-h-[70%];
+}
+.glorious-modal.close {
+  @apply hidden;
+}
+.glorious-modal.open {
+  animation: animation-mobile 0.3s normal forwards;
+}
+@screen md {
+  .glorious-modal.open {
+    animation: animation-opacity 0.2s normal forwards;
+  }
+}
+@keyframes animation-opacity {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes animation-mobile {
+  to {
+    bottom: 0;
+  }
+}

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

@@ -0,0 +1,17 @@
+.glorious-paginate > div {
+  @apply border border-gray-50 rounded-xl h-8 flex items-center px-1 bg-white shadow-md gap-1 w-max;
+  direction: rtl;
+}
+.glorious-paginate > div > div {
+  @apply px-2;
+}
+.glorious-paginate > div > div:last-child {
+  @apply rotate-[180deg];
+}
+
+.paginate {
+  @apply text-[13px];
+}
+.paginate.active {
+  @apply bg-green-500 rounded-lg text-white font-bold text-[13px];
+}

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

@@ -0,0 +1,54 @@
+.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/tab.css

@@ -0,0 +1,9 @@
+.glorious-tab {
+  @apply flex justify-between bg-green-100 px-3 py-2 rounded-lg gap-3 overflow-y-auto w-full shadow-md;
+}
+.glorious-tab > div > button {
+  @apply text-gray-700 text-[14px] hover:bg-green-200 hover:text-gray-800 cursor-pointer px-2 py-1 rounded-lg;
+}
+.glorious-tab > div > button.active {
+  @apply font-bold text-white bg-green-700;
+}