nuxt-unified-ui 0.1.4 → 0.2.0

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

@@ -1,8 +1,5 @@
 
 
-@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 {
@@ -17,7 +14,7 @@
 /* fixes */
 
 body {
-  @apply overflow-y-auto! ps-0!;
+  @apply overflow-y-auto! px-0!;
 }
 
 table thead tr th {

package/app/components/un-card.vue

@@ -0,0 +1,89 @@
+<script setup>
+
+/* interface */
+
+const props = defineProps({
+
+  icon: String,
+  title: String,
+  subtitle: String,
+  text: String,
+  iconClasses: String,
+  titleClasses: String,
+  subtitleClasses: String,
+  textClasses: String,
+
+  fluidBody: Boolean,
+
+  actions: Array,
+  verticalActions: Boolean,
+
+});
+
+</script>
+
+
+<template>
+  <u-card :ui="{ body: 'p-0' }">
+
+    <un-typography
+      :icon="props.icon"
+      :title="props.title"
+      :subtitle="props.subtitle"
+      :icon-classes="props.iconClasses"
+      :title-classes="props.titleClasses"
+      :subtitle-classes="props.subtitleClasses"
+      class="p-3 border-b border-default">
+      <template v-if="$slots.append" #append>
+        <slot name="append" />
+      </template>
+    </un-typography>
+
+    <div
+      v-if="$slots.default || props.text"
+      :class="{
+        'p-3': !props.fluidBody,
+      }">
+
+      <p
+        v-if="props.text"
+        :class="[
+          {
+            'mb-3': !!$slots.default,
+          },
+          props.textClasses,
+        ]">
+        {{ props.text }}
+      </p>
+
+      <slot />
+
+    </div>
+
+    <div
+      v-if="props.actions?.length"
+      class="flex items-end gap-1 p-2 border-t border-default"
+      :class="{
+        'flex-col': props.verticalActions,
+      }">
+
+      <template v-for="(action, index) of props.actions" :key="index">
+
+        <template v-if="!action.actionType || action.actionType === 'button'">
+          <u-button
+            loading-auto
+            :block="props.verticalActions"
+            v-bind="radOmit(action, [ 'actionType' ])"
+          />
+        </template>
+
+        <template v-if="action.actionType === 'spacer'">
+          <div class="grow" />
+        </template>
+
+      </template>
+
+    </div>
+
+  </u-card>
+</template>

package/app/components/un-typography.vue

@@ -61,7 +61,7 @@ const shouldShow = computed(() => {
         </h1>
       </div>
       <template v-if="$slots.append">
-        <div class="mt-1 ms-auto">
+        <div class="ms-auto flex items-start gap-2">
           <slot name="append" />
         </div>
       </template>
@@ -89,5 +89,5 @@ const shouldShow = computed(() => {
       {{ props.text }}
     </p>
 
-  </div>  
+  </div>
 </template>

package/modules/{radash.ts → radashi.ts}

@@ -1,21 +1,21 @@
 import { defineNuxtModule, addImports } from '@nuxt/kit';
-import * as radash from 'radash';
+import * as radashi from 'radashi';
 
 
 export default defineNuxtModule({
   meta: {
-    name: 'nuxt-radash',
+    name: 'nuxt-radashi',
   },
   setup() {
-    for (const name of Object.keys(radash)) {
+    for (const name of Object.keys(radashi)) {
 
       const prefix = 'rad';
-      const as = `${prefix}${radash.pascal(name)}`;
+      const as = `${prefix}${radashi.pascal(name)}`;
 
       addImports({
         name,
         as,
-        from: 'radash',
+        from: 'radashi',
       });
 
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-unified-ui",
   "type": "module",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "main": "./nuxt.config.js",
   "exports": {
     ".": "./nuxt.config.js",
@@ -20,7 +20,7 @@
     "@nuxt/ui": "4.2.1",
     "@vueuse/core": "14.1.0",
     "@vueuse/nuxt": "14.1.0",
-    "radash": "12.1.1",
+    "radashi": "12.7.1",
     "unified-mongo-filter": "0.4.0"
   },
   "peerDependencies": {