nuxt-glorious 1.2.3-9 → 1.2.4

package/dist/module.d.mts

@@ -1,7 +1,44 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
+    fetch?: {
+        baseURL?: string;
+        credentials?: 'same-origin' | 'include';
+    };
+    seo?: {
+        suffix?: string;
+        title?: string;
+        description?: string;
+    };
+    auth?: {
+        cookie?: {
+            name?: string;
+            httpOnly?: boolean;
+        };
+        redirect?: {
+            logout?: string;
+            login?: string;
+        };
+        strategy?: {
+            provider?: 'laravel-passport' | '';
+            endpoints?: {
+                userInfo?: {
+                    url?: string;
+                    method?: 'GET' | 'POST' | 'PUT' | 'PATCH';
+                    pick?: string;
+                };
+            };
+        };
+    };
+    components: {
+        alert: {
+            props: {
+                color: string;
+            };
+        };
+    };
 }
+
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };

package/dist/module.d.ts

@@ -1,7 +1,44 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
+    fetch?: {
+        baseURL?: string;
+        credentials?: 'same-origin' | 'include';
+    };
+    seo?: {
+        suffix?: string;
+        title?: string;
+        description?: string;
+    };
+    auth?: {
+        cookie?: {
+            name?: string;
+            httpOnly?: boolean;
+        };
+        redirect?: {
+            logout?: string;
+            login?: string;
+        };
+        strategy?: {
+            provider?: 'laravel-passport' | '';
+            endpoints?: {
+                userInfo?: {
+                    url?: string;
+                    method?: 'GET' | 'POST' | 'PUT' | 'PATCH';
+                    pick?: string;
+                };
+            };
+        };
+    };
+    components: {
+        alert: {
+            props: {
+                color: string;
+            };
+        };
+    };
 }
+
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "1.2.3-9"
+  "version": "1.2.4"
 }

package/dist/module.mjs

@@ -1,6 +1,38 @@
 import { defineNuxtModule, createResolver, installModule, addImportsDir, addComponentsDir, addPlugin, addRouteMiddleware } from '@nuxt/kit';
 import defu from 'defu';
 
+const defaultModuleOption = {
+  fetch: {
+    baseURL: "/",
+    credentials: "same-origin"
+  },
+  seo: {
+    suffix: "",
+    title: "",
+    description: ""
+  },
+  auth: {
+    cookie: {
+      name: "ga-token",
+      httpOnly: false
+    },
+    redirect: {
+      login: "/login",
+      logout: "/logout"
+    },
+    strategy: {
+      provider: ""
+    }
+  },
+  components: {
+    alert: {
+      props: {
+        color: "green"
+      }
+    }
+  }
+};
+
 const module = defineNuxtModule({
   meta: {
     name: "nuxt-glorious",
@@ -10,38 +42,10 @@ const module = defineNuxtModule({
   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: ""
-            }
-          }
-        }
-      }
-    });
+    nuxt.options.runtimeConfig.public.glorious = defu(
+      nuxt.options.glorious,
+      defaultModuleOption
+    );
     await installModule("@nuxtjs/tailwindcss", {
       // module configuration
       exposeConfig: true,
@@ -49,7 +53,7 @@ const module = defineNuxtModule({
         darkMode: "class",
         content: {
           files: [
-            resolver.resolve("./runtime/components/G/**/*.{vue,mjs,ts}"),
+            resolver.resolve("./runtime/components/**/*.{vue,mjs,ts}"),
             resolver.resolve("./runtime/*.{mjs,js,ts}")
           ]
         }

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

@@ -2,17 +2,32 @@
   @apply p-3 rounded shadow;
 }
 .glorious-alert.color-orange {
-  @apply border border-orange-300 bg-orange-100;
+  @apply bg-orange-100;
 }
 .glorious-alert.color-blue {
-  @apply border border-blue-300 bg-blue-100;
+  @apply bg-blue-100;
 }
 .glorious-alert.color-gray {
-  @apply border border-gray-300 bg-gray-100;
+  @apply bg-gray-100;
 }
 .glorious-alert.color-red {
-  @apply border border-red-300 bg-red-100;
+  @apply bg-red-100;
 }
 .glorious-alert.color-green {
-  @apply border border-green-300 bg-green-100;
+  @apply bg-green-100;
+}
+.glorious-alert.color-orange {
+  @apply border border-orange-300;
+}
+.glorious-alert.color-blue {
+  @apply border border-blue-300;
+}
+.glorious-alert.color-gray {
+  @apply border border-gray-300;
+}
+.glorious-alert.color-red {
+  @apply border border-red-300;
+}
+.glorious-alert.color-green {
+  @apply border border-green-300;
 }

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

@@ -1,54 +1,57 @@
+.glorious-avatar {
+  @apply overflow-hidden;
+}
 .glorious-avatar.size-5xl {
-  @apply w-[64px] h-[64px];
+  @apply w-[58px] h-[58px];
 }
 .glorious-avatar.size-5xl > img {
-  @apply w-[64px] h-[64px];
+  @apply w-[58px] h-[58px];
 }
 .glorious-avatar.size-4xl {
-  @apply w-[60px] h-[60px];
+  @apply w-[54px] h-[54px];
 }
 .glorious-avatar.size-4xl > img {
-  @apply w-[60px] h-[60px];
+  @apply w-[54px] h-[54px];
 }
 .glorious-avatar.size-3xl {
-  @apply w-[56px] h-[56px];
+  @apply w-[50px] h-[50px];
 }
 .glorious-avatar.size-3xl > img {
-  @apply w-[56px] h-[56px];
+  @apply w-[50px] h-[50px];
 }
 .glorious-avatar.size-2xl {
-  @apply w-[52px] h-[52px];
+  @apply w-[46px] h-[46px];
 }
 .glorious-avatar.size-2xl > img {
-  @apply w-[52px] h-[52px];
+  @apply w-[46px] h-[46px];
 }
 .glorious-avatar.size-xl {
-  @apply w-[48px] h-[48px];
+  @apply w-[42px] h-[42px];
 }
 .glorious-avatar.size-xl > img {
-  @apply w-[48px] h-[48px];
+  @apply w-[42px] h-[42px];
 }
 .glorious-avatar.size-lg {
-  @apply w-[44px] h-[44px];
+  @apply w-[36px] h-[36px];
 }
 .glorious-avatar.size-lg > img {
-  @apply w-[44px] h-[44px];
+  @apply w-[36px] h-[36px];
 }
 .glorious-avatar.size-md {
-  @apply w-[40px] h-[40px];
+  @apply w-[32px] h-[32px];
 }
 .glorious-avatar.size-md > img {
-  @apply w-[40px] h-[40px];
+  @apply w-[32px] h-[32px];
 }
 .glorious-avatar.size-sm {
-  @apply w-[36px] h-[36px];
+  @apply w-[28px] h-[28px];
 }
 .glorious-avatar.size-sm > img {
-  @apply w-[36px] h-[36px];
+  @apply w-[28px] h-[28px];
 }
 .glorious-avatar.size-xs {
-  @apply w-[32px] h-[32px];
+  @apply w-[24px] h-[24px];
 }
 .glorious-avatar.size-xs > img {
-  @apply w-[32px] h-[32px];
+  @apply w-[24px] h-[24px];
 }

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

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

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

@@ -20,75 +20,75 @@
   @apply hidden;
 }
 .glorious-checkbox > div:last-child:after {
-  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzFfNDg2MTQpIj4KPHBhdGggZD0iTTkuOTk5OTkgMTUuMTcyTDE5LjE5MiA1Ljk3OUwyMC42MDcgNy4zOTNMOS45OTk5OSAxOEwzLjYzNTk5IDExLjYzNkw1LjA0OTk5IDEwLjIyMkw5Ljk5OTk5IDE1LjE3MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMV80ODYxNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
+  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNIDI4LjI4MTI1IDYuMjgxMjUgTCAxMSAyMy41NjI1IEwgMy43MTg3NSAxNi4yODEyNSBMIDIuMjgxMjUgMTcuNzE4NzUgTCAxMC4yODEyNSAyNS43MTg3NSBMIDExIDI2LjQwNjI1IEwgMTEuNzE4NzUgMjUuNzE4NzUgTCAyOS43MTg3NSA3LjcxODc1IFoiLz48L3N2Zz4K);
   @apply absolute hidden top-1 right-0 left-0 bottom-0 m-auto;
 }
-.glorious-checkbox.orange > input:checked ~ div {
+.glorious-checkbox.color-orange > input:checked ~ div {
   @apply bg-orange-500;
 }
-.glorious-checkbox.blue > input:checked ~ div {
+.glorious-checkbox.color-blue > input:checked ~ div {
   @apply bg-blue-500;
 }
-.glorious-checkbox.gray > input:checked ~ div {
+.glorious-checkbox.color-gray > input:checked ~ div {
   @apply bg-gray-500;
 }
-.glorious-checkbox.red > input:checked ~ div {
+.glorious-checkbox.color-red > input:checked ~ div {
   @apply bg-red-500;
 }
-.glorious-checkbox.green > input:checked ~ div {
+.glorious-checkbox.color-green > input:checked ~ div {
   @apply bg-green-500;
 }
 .glorious-checkbox.size-5xl {
-  @apply w-[60px] h-[60px];
+  @apply w-[54px] h-[54px];
 }
 .glorious-checkbox.size-5xl > div:last-child {
-  @apply w-[60px] h-[60px];
+  @apply w-[54px] h-[54px];
 }
 .glorious-checkbox.size-4xl {
-  @apply w-[56px] h-[56px];
+  @apply w-[50px] h-[50px];
 }
 .glorious-checkbox.size-4xl > div:last-child {
-  @apply w-[56px] h-[56px];
+  @apply w-[50px] h-[50px];
 }
 .glorious-checkbox.size-3xl {
-  @apply w-[52px] h-[52px];
+  @apply w-[46px] h-[46px];
 }
 .glorious-checkbox.size-3xl > div:last-child {
-  @apply w-[52px] h-[52px];
+  @apply w-[46px] h-[46px];
 }
 .glorious-checkbox.size-2xl {
-  @apply w-[48px] h-[48px];
+  @apply w-[42px] h-[42px];
 }
 .glorious-checkbox.size-2xl > div:last-child {
-  @apply w-[48px] h-[48px];
+  @apply w-[42px] h-[42px];
 }
 .glorious-checkbox.size-xl {
-  @apply w-[44px] h-[44px];
+  @apply w-[38px] h-[38px];
 }
 .glorious-checkbox.size-xl > div:last-child {
-  @apply w-[44px] h-[44px];
+  @apply w-[38px] h-[38px];
 }
 .glorious-checkbox.size-lg {
-  @apply w-[40px] h-[40px];
+  @apply w-[32px] h-[32px];
 }
 .glorious-checkbox.size-lg > div:last-child {
-  @apply w-[40px] h-[40px];
+  @apply w-[32px] h-[32px];
 }
 .glorious-checkbox.size-md {
-  @apply w-[36px] h-[36px];
+  @apply w-[28px] h-[28px];
 }
 .glorious-checkbox.size-md > div:last-child {
-  @apply w-[36px] h-[36px];
+  @apply w-[28px] h-[28px];
 }
 .glorious-checkbox.size-sm {
-  @apply w-[32px] h-[32px];
+  @apply w-[24px] h-[24px];
 }
 .glorious-checkbox.size-sm > div:last-child {
-  @apply w-[32px] h-[32px];
+  @apply w-[24px] h-[24px];
 }
 .glorious-checkbox.size-xs {
-  @apply w-[28px] h-[28px];
+  @apply w-[20px] h-[20px];
 }
 .glorious-checkbox.size-xs > div:last-child {
-  @apply w-[28px] h-[28px];
+  @apply w-[20px] h-[20px];
 }

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

@@ -1,34 +1,22 @@
-.glorious-scaffold-drawer-bg-blur {
-  @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
-}
-
-.drawer {
+.glorious-drawer {
   @apply fixed top-0 bg-white h-full w-[300px] z-[50];
 }
-.drawer.close.rtl {
+.glorious-drawer.close.right {
   animation: drawer-close-right 250ms normal forwards;
 }
-.drawer.close.ltr {
+.glorious-drawer.close.left {
   animation: drawer-close-left 250ms normal forwards;
 }
-.drawer.open {
+.glorious-drawer.open {
   @apply flex;
 }
-.drawer.open.rtl {
+.glorious-drawer.open.right {
   animation: drawer-open-right 100ms normal forwards;
 }
-.drawer.open.ltr {
+.glorious-drawer.open.left {
   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];
@@ -45,6 +33,14 @@
     @apply right-[-300px] hidden;
   }
 }
+@keyframes drawer-open-left {
+  from {
+    @apply left-[-300px];
+  }
+  to {
+    @apply left-0;
+  }
+}
 @keyframes drawer-close-left {
   from {
     @apply left-0;