nuxt-unified-ui 0.1.2 → 0.1.4

package/app/app.config.js

@@ -2,48 +2,10 @@
 
 export default defineAppConfig({
   ui: {
-
-    badge: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
-    button: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
-    calendar: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
     card: {
       slots: {
         body: 'p-3 sm:p-3',
       },
     },
-
-    input: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
-    select: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
-    tabs: {
-      defaultVariants: {
-        color: 'neutral',
-      },
-    },
-
   },
 });

package/app/assets/css/nuxt-ui-fixes.css

@@ -1,5 +1,8 @@
 
 
+@source inline("grid-cols-12 col-span-1 col-span-2 col-span-3 col-span-4 col-span-5 col-span-6 col-span-7 col-span-8 col-span-9 col-span-10 col-span-11 col-span-12");
+
+
 /* localization */
 
 @utility rtl {

package/app/components/un-form.vue

@@ -66,4 +66,4 @@ const filteredFields = computed(() => {
       />
     </div>
   </div>
-</template>
+</template>

package/app/dialogs/choice-picker-dialog.vue

@@ -21,7 +21,7 @@ const props = defineProps({
       {
         label: 'Submit',
         value: true,
-      }
+      },
     ],
   },
   endButtons: {
@@ -31,7 +31,7 @@ const props = defineProps({
         variant: 'ghost',
         label: 'Cancel',
         value: false,
-      }
+      },
     ],
   },
 });
@@ -60,7 +60,7 @@ async function handleButtonClick(button) {
   <u-modal @update:open="!$event && emit('close')">
     <template #content>
       <u-card>
-        
+
         <un-typography
           :icon="props.icon"
           :title="props.title"

package/app/elements/form-element-checkbox.vue

@@ -12,10 +12,10 @@ const modelValue = defineModel();
 
 
 <template>
-  <u-form-field v-bind="radPick(props.field, [ 'fieldLabel' ])">
+  <u-form-field v-bind="radPick(props.field, [ 'fieldLabel', 'hint' ])">
     <u-checkbox
       class="w-full"
-      v-bind="radOmit(props.field, [ 'key', 'identifier', 'fieldLabel' ])"
+      v-bind="radOmit(props.field, [ 'key', 'identifier', 'fieldLabel', 'hint' ])"
       v-model="modelValue"
     />
   </u-form-field>

package/app/elements/form-element-date.vue

@@ -16,7 +16,7 @@ import { CalendarDate } from '@internationalized/date';
 
 const internalModel = computed({
   get: () => {
-    
+
     if (!modelValue.value) {
       return null;
     }
@@ -48,10 +48,10 @@ const inputTitle = computed(() => {
 <template>
   <u-popover>
 
-    <u-form-field v-bind="radPick(props.field, [ 'label' ])">
+    <u-form-field v-bind="radPick(props.field, [ 'label', 'hint' ])">
       <u-input
         class="w-full"
-        v-bind="radOmit(props.field, [ 'key', 'identifier', 'label' ])"
+        v-bind="radOmit(props.field, [ 'key', 'identifier', 'label', 'hint' ])"
         readonly
         :model-value="inputTitle"
       />

package/app/elements/form-element-select.vue

@@ -12,10 +12,10 @@ const modelValue = defineModel();
 
 
 <template>
-  <u-form-field v-bind="radPick(props.field, [ 'label' ])">
+  <u-form-field v-bind="radPick(props.field, [ 'label', 'hint' ])">
     <u-select
       class="w-full"
-      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label' ])"
+      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label', 'hint' ])"
       v-model="modelValue"
     />
   </u-form-field>

package/app/elements/form-element-text.vue

@@ -12,10 +12,10 @@ const modelValue = defineModel();
 
 
 <template>
-  <u-form-field v-bind="radPick(props.field, [ 'label' ])">
+  <u-form-field v-bind="radPick(props.field, [ 'label', 'hint' ])">
     <u-input
       class="w-full"
-      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label' ])"
+      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label', 'hint' ])"
       v-model="modelValue"
     />
   </u-form-field>

package/app/elements/form-element-textarea.vue

@@ -12,10 +12,10 @@ const modelValue = defineModel();
 
 
 <template>
-  <u-form-field v-bind="radPick(props.field, [ 'label' ])">
+  <u-form-field v-bind="radPick(props.field, [ 'label', 'hint' ])">
     <u-textarea
       class="w-full"
-      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label' ])"
+      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label', 'hint' ])"
       v-model="modelValue"
     />
   </u-form-field>

package/app/utils/format-date.ts

@@ -31,6 +31,6 @@ export function parseDate(date: string, format: string, locale = 'en-US') {
     return parse(date, format, locale).valueOf();
   }
   catch {
-    return 0;
+    return undefined;
   }
 }

package/modules/radash.ts

@@ -1,10 +1,10 @@
-import { defineNuxtModule, addImports } from "@nuxt/kit";
-import * as radash from "radash";
+import { defineNuxtModule, addImports } from '@nuxt/kit';
+import * as radash from 'radash';
 
 
 export default defineNuxtModule({
   meta: {
-    name: "nuxt-radash",
+    name: 'nuxt-radash',
   },
   setup() {
     for (const name of Object.keys(radash)) {
@@ -15,7 +15,7 @@ export default defineNuxtModule({
       addImports({
         name,
         as,
-        from: "radash",
+        from: 'radash',
       });
 
     }

package/nuxt.config.js

@@ -21,6 +21,11 @@ export default defineNuxtConfig({
 
   ui: {
     colorMode: false,
+    theme: {
+      defaultVariants: {
+        color: 'neutral',
+      },
+    },
   },
 
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-unified-ui",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "./nuxt.config.js",
   "exports": {
     ".": "./nuxt.config.js",
@@ -15,11 +15,11 @@
   ],
   "dependencies": {
     "@formkit/tempo": "0.1.2",
-    "@iconify-json/lucide": "1.2.73",
+    "@iconify-json/lucide": "1.2.77",
     "@nuxt/kit": "4.2.1",
-    "@nuxt/ui": "4.1.0",
-    "@vueuse/core": "14.0.0",
-    "@vueuse/nuxt": "14.0.0",
+    "@nuxt/ui": "4.2.1",
+    "@vueuse/core": "14.1.0",
+    "@vueuse/nuxt": "14.1.0",
     "radash": "12.1.1",
     "unified-mongo-filter": "0.4.0"
   },