nuxt-unified-ui 0.1.1 → 0.1.3

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

@@ -0,0 +1,22 @@
+
+
+/* localization */
+
+@utility rtl {
+  direction: rtl;
+}
+
+@utility ltr {
+  direction: ltr;
+}
+
+
+/* fixes */
+
+body {
+  @apply overflow-y-auto! ps-0!;
+}
+
+table thead tr th {
+  @apply text-start whitespace-nowrap;
+}

package/app/components/un-form.vue

@@ -11,6 +11,7 @@ const props = defineProps({
 /* elements */
 
 import FormElementText from '../elements/form-element-text.vue';
+import FormElementTextarea from '../elements/form-element-textarea.vue';
 import FormElementSelect from '../elements/form-element-select.vue';
 import FormElementSeries from '../elements/form-element-series.vue';
 import FormElementCheckbox from '../elements/form-element-checkbox.vue';
@@ -19,6 +20,7 @@ import FormElementDate from '../elements/form-element-date.vue';
 
 const elementsMap = {
   'text': FormElementText,
+  'textarea': FormElementTextarea,
   'select': FormElementSelect,
   'series': FormElementSeries,
   'date': FormElementDate,
@@ -64,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

@@ -0,0 +1,22 @@
+<script setup>
+
+/* interface */
+
+const props = defineProps({
+  field: Object,
+});
+
+const modelValue = defineModel();
+
+</script>
+
+
+<template>
+  <u-form-field v-bind="radPick(props.field, [ 'label', 'hint' ])">
+    <u-textarea
+      class="w-full"
+      v-bind="radOmit(props.field, [ 'key', 'identifier', 'label', 'hint' ])"
+      v-model="modelValue"
+    />
+  </u-form-field>
+</template>

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,20 +1,23 @@
 {
   "name": "nuxt-unified-ui",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "main": "./nuxt.config.js",
+  "exports": {
+    ".": "./nuxt.config.js",
+    "./nuxt-ui-fixes.css": "./app/assets/css/nuxt-ui-fixes.css"
+  },
   "files": [
     "nuxt.config.js",
     "package.json",
     "app",
-    "layers",
     "modules"
   ],
   "dependencies": {
     "@formkit/tempo": "0.1.2",
-    "@iconify-json/lucide": "1.2.72",
+    "@iconify-json/lucide": "1.2.74",
     "@nuxt/kit": "4.2.1",
-    "@nuxt/ui": "4.1.0",
+    "@nuxt/ui": "4.2.1",
     "@vueuse/core": "14.0.0",
     "@vueuse/nuxt": "14.0.0",
     "radash": "12.1.1",