@una-ui/nuxt-edge 1.0.0-alpha.1-29182152.ce98054 → 1.0.0-alpha.2-29182246.68e0e15

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "configKey": "una",
-  "version": "1.0.0-alpha.1-29182152.ce98054",
+  "version": "1.0.0-alpha.2-29182246.68e0e15",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt-edge";
-const version = "1.0.0-alpha.1-29182152.ce98054";
+const version = "1.0.0-alpha.2-29182246.68e0e15";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/misc/ThemeSwitcher.vue

@@ -25,23 +25,23 @@ const currentPrimaryThemeName = computed(() => {
 });
 const currentGrayThemeHex = computed(() => settings.value.grayColors?.["--una-gray-hex"]);
 const currentGrayThemeName = computed(() => {
-  if (settings.value.theme !== null) {
-    return false;
+  if (settings.value.theme) {
+    return settings.value.theme;
   }
   const theme = grayThemes.find(([, theme2]) => theme2["--una-gray-hex"] === currentGrayThemeHex.value);
   return theme ? theme[0] : "";
 });
-function updateColor(theme) {
+function updateTheme(theme) {
   settings.value.theme = theme;
-  settings.value.primary = "";
-  settings.value.gray = "";
+  settings.value.primary = false;
+  settings.value.gray = false;
 }
 function updatePrimaryTheme(theme) {
-  settings.value.theme = null;
+  settings.value.theme = false;
   settings.value.primary = theme;
 }
 function updateGrayTheme(theme) {
-  settings.value.theme = null;
+  settings.value.theme = false;
   settings.value.gray = theme;
 }
 function shuffleTheme() {
@@ -114,7 +114,7 @@ function shuffleTheme() {
                   class="justify-start gap-2 ring-primary"
                   :aria-label="`Theme: ${theme.name}`"
                   :class="currentPrimaryThemeName === theme?.name && 'ring-2'"
-                  @click="updateColor(theme.name)"
+                  @click="updateTheme(theme.name)"
                 >
                   <template #leading>
                     <Icon
@@ -169,19 +169,25 @@ function shuffleTheme() {
         <div class="space-y-2">
           <Label for="color" class="text-xs"> Gray Color </Label>
           <div class="grid grid-cols-7 gap-3">
-            <button
+            <template
               v-for="[key, theme] in grayThemes"
               :key="key"
-              :title="capitalize(key)"
-              :style="{ background: theme['--una-gray-hex'] }"
-              :class="currentGrayThemeName === key ? 'ring-2' : 'scale-93'"
-              class="transition-all"
-              rounded="full"
-              square="6.5"
-              :aria-label="`Gray Color: ${key}`"
-              ring="gray offset-4 offset-background"
-              @click="updateGrayTheme(key)"
-            />
+            >
+              <button
+                :title="capitalize(key)"
+                :style="{
+  '--c-gray': `oklch(${theme['--una-gray-600']})`,
+  '--c-gray-foreground': `oklch(${theme['--una-gray-500']})`
+}"
+                class="bg-$c-gray transition-all dark:bg-$c-gray-foreground"
+                rounded="full"
+                square="6.5"
+                :class="[currentGrayThemeName === key ? 'ring-2' : 'scale-93']"
+                ring="gray offset-4 offset-background"
+                :aria-label="`Gray Color: ${key}`"
+                @click="updateGrayTheme(key)"
+              />
+            </template>
           </div>
         </div>
 

package/dist/runtime/composables/useUnaSettings.js

@@ -6,8 +6,8 @@ export function useUnaSettings() {
   const { una } = useAppConfig();
   const { getPrimaryColors, getGrayColors } = useUnaThemes();
   const defaultSettings = {
-    primaryColors: getPrimaryColors(una.primary),
-    grayColors: getGrayColors(una.gray),
+    primaryColors: una.primary ? getPrimaryColors(una.primary) : {},
+    grayColors: una.gray ? getGrayColors(una.gray) : {},
     primary: una.primary,
     gray: una.gray,
     radius: una.radius,
@@ -18,17 +18,21 @@ export function useUnaSettings() {
   const settings = useStorage("una-settings", defaultSettings, void 0, {
     mergeDefaults: defu
   });
-  watch(
-    () => [settings.value.primary, settings.value.gray],
-    ([primary, gray]) => {
-      settings.value.primaryColors = getPrimaryColors(primary, una.primary);
-      settings.value.grayColors = getGrayColors(gray, una.gray);
-    },
-    { immediate: true }
-  );
+  watch(settings, () => {
+    console.log("settings.value.primary", settings.value.primary);
+    console.log("settings.value.gray", settings.value.gray);
+    if (settings.value.primary) {
+      settings.value.primaryColors = getPrimaryColors(settings.value.primary);
+    }
+    if (settings.value.gray) {
+      settings.value.grayColors = getGrayColors(settings.value.gray);
+    }
+  }, { immediate: true, deep: true });
   function reset() {
     if (una.theme) {
       settings.value.theme = una.theme;
+      settings.value.primary = false;
+      settings.value.gray = false;
       return;
     }
     settings.value.primary = defaultSettings.primary;

package/dist/runtime/types/index.d.ts

@@ -63,9 +63,9 @@ export interface ColorPalette {
 export interface UnaSettings {
     primaryColors: Colors;
     grayColors: Colors;
-    theme: string | null | false | undefined;
-    primary: string;
-    gray: string;
+    theme: string | false;
+    primary: string | false;
+    gray: string | false;
     fontSize: number;
     radius: number;
     themes: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt-edge",
   "type": "module",
-  "version": "1.0.0-alpha.1-29182152.ce98054",
+  "version": "1.0.0-alpha.2-29182246.68e0e15",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "@nuxt/kit": "^3.17.5",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.1-29182152.ce98054",
-    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.1-29182152.ce98054",
+    "@una-ui/extractor-vue-script": "npm:@una-ui/extractor-vue-script-edge@1.0.0-alpha.2-29182246.68e0e15",
+    "@una-ui/preset": "npm:@una-ui/preset-edge@1.0.0-alpha.2-29182246.68e0e15",
     "@unocss/core": "^66.2.0",
     "@unocss/nuxt": "^66.2.0",
     "@unocss/preset-attributify": "^66.2.0",