@unsource/ui 1.3.0 → 1.5.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "1.3.0",
+  "version": "1.5.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/Un/Dropdown.d.vue.ts

@@ -2,10 +2,10 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{}, {
     $props: Partial<typeof props>;
-    title: string;
-    label: string;
     icon: string;
     appendIcon: string;
+    label: string;
+    title: string;
     appendText: string;
     data: unknown[];
     disabled: boolean;
@@ -17,10 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
     px: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const props: {
-    readonly title: string;
-    readonly label: string;
     readonly icon: string;
     readonly appendIcon: string;
+    readonly label: string;
+    readonly title: string;
     readonly appendText: string;
     readonly data: unknown[];
     readonly disabled: boolean;

package/dist/runtime/components/Un/Dropdown.vue.d.ts

@@ -2,10 +2,10 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{}, {
     $props: Partial<typeof props>;
-    title: string;
-    label: string;
     icon: string;
     appendIcon: string;
+    label: string;
+    title: string;
     appendText: string;
     data: unknown[];
     disabled: boolean;
@@ -17,10 +17,10 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
     px: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const props: {
-    readonly title: string;
-    readonly label: string;
     readonly icon: string;
     readonly appendIcon: string;
+    readonly label: string;
+    readonly title: string;
     readonly appendText: string;
     readonly data: unknown[];
     readonly disabled: boolean;

package/dist/runtime/components/Un/Input.d.vue.ts

@@ -27,11 +27,14 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
-    label: string;
     appendIcon: string;
+    label: string;
     appendText: string;
     disabled: boolean;
     prependIcon: string;
+    date: boolean;
+    placeholder: string;
+    focusable: boolean;
     className: string;
     valueClassName: string;
     focusClassName: string;
@@ -39,13 +42,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     appendIconType: string;
     appendIconClass: string;
     inputType: string;
-    placeholder: string;
     password: boolean;
-    date: boolean;
     inputMode: string;
     iconColor: string;
     bgStyle: string;
-    focusable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Un/Input.vue.d.ts

@@ -27,11 +27,14 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
-    label: string;
     appendIcon: string;
+    label: string;
     appendText: string;
     disabled: boolean;
     prependIcon: string;
+    date: boolean;
+    placeholder: string;
+    focusable: boolean;
     className: string;
     valueClassName: string;
     focusClassName: string;
@@ -39,13 +42,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     appendIconType: string;
     appendIconClass: string;
     inputType: string;
-    placeholder: string;
     password: boolean;
-    date: boolean;
     inputMode: string;
     iconColor: string;
     bgStyle: string;
-    focusable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Un/Log.d.vue.ts

@@ -3,9 +3,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{}, {
     $props: Partial<typeof __VLS_props>;
     fixed: boolean;
-    data: string | number | boolean | unknown[] | Record<string, any>;
+    data: string | number | boolean | Record<string, any> | unknown[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_props: {
     readonly fixed: boolean;
-    readonly data: string | number | boolean | unknown[] | Record<string, any>;
+    readonly data: string | number | boolean | Record<string, any> | unknown[];
 };

package/dist/runtime/components/Un/Log.vue.d.ts

@@ -3,9 +3,9 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{}, {
     $props: Partial<typeof __VLS_props>;
     fixed: boolean;
-    data: string | number | boolean | unknown[] | Record<string, any>;
+    data: string | number | boolean | Record<string, any> | unknown[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_props: {
     readonly fixed: boolean;
-    readonly data: string | number | boolean | unknown[] | Record<string, any>;
+    readonly data: string | number | boolean | Record<string, any> | unknown[];
 };

package/dist/runtime/components/Un/UploadFile.d.vue.ts

@@ -6,8 +6,8 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<{}, {
     $props: Partial<typeof props>;
-    label: string;
     icon: string;
+    label: string;
     disabled: boolean;
     accept: string;
     edit: boolean;
@@ -16,8 +16,8 @@ type __VLS_Slots = {
     icon?: ((props: {}) => any) | undefined;
 };
 declare const props: {
-    readonly label: string;
     readonly icon: string;
+    readonly label: string;
     readonly disabled: boolean;
     readonly accept: string;
     readonly edit: boolean;

package/dist/runtime/components/Un/UploadFile.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<{}, {
     $props: Partial<typeof props>;
-    label: string;
     icon: string;
+    label: string;
     disabled: boolean;
     accept: string;
     edit: boolean;
@@ -16,8 +16,8 @@ type __VLS_Slots = {
     icon?: ((props: {}) => any) | undefined;
 };
 declare const props: {
-    readonly label: string;
     readonly icon: string;
+    readonly label: string;
     readonly disabled: boolean;
     readonly accept: string;
     readonly edit: boolean;

package/dist/runtime/components/UnCard.d.vue.ts

@@ -1,23 +1,25 @@
+export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
+export type CardItem = {
+    title?: string;
+    description?: string;
+    image?: string;
+    avatar?: string;
+    images?: string[];
+    tags?: {
+        value?: string;
+        icon?: string;
+        variant?: string;
+    }[];
+};
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
-    customClass?: Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
-    item: {
-        title?: string;
-        description?: string;
-        image?: string;
-        avatar?: string;
-        images?: string[];
-        tags?: {
-            value?: string;
-            icon?: string;
-            variant?: string;
-        }[];
-    };
+    customClass?: CardCustomClass;
+    item: CardItem;
     to?: string;
 };
 declare var __VLS_33: {
     item: any;
-}, __VLS_40: {
+}, __VLS_35: {
     item: any;
 }, __VLS_42: {
     item: any;
@@ -25,17 +27,21 @@ declare var __VLS_33: {
     item: any;
 }, __VLS_46: {
     item: any;
+}, __VLS_48: {
+    item: any;
 };
 type __VLS_Slots = {} & {
     bodyStart?: (props: typeof __VLS_33) => any;
 } & {
-    bodyEnd?: (props: typeof __VLS_40) => any;
+    title?: (props: typeof __VLS_35) => any;
+} & {
+    bodyEnd?: (props: typeof __VLS_42) => any;
 } & {
-    header?: (props: typeof __VLS_42) => any;
+    header?: (props: typeof __VLS_44) => any;
 } & {
-    footerStart?: (props: typeof __VLS_44) => any;
+    footerStart?: (props: typeof __VLS_46) => any;
 } & {
-    footerEnd?: (props: typeof __VLS_46) => any;
+    footerEnd?: (props: typeof __VLS_48) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/UnCard.vue

@@ -1,5 +1,6 @@
 <template>
-  <NuxtLink
+  <component
+    :is="to ? NuxtLink : 'div'"
     class="flex items-stretch bg-white rounded-2xl overflow-hidden"
     :class="headerClass[direction]"
     no-prefetch
@@ -10,7 +11,6 @@
       class="grow-1 basis-1"
       :class="[customClass.image, { 'min-h-50': direction.includes('column') }]"
       :name="item.image"
-      icon-type="img"
     />
     <UnSwiperSlider
       v-else-if="item.images"
@@ -31,7 +31,6 @@
         <div class="h-full self-stretch max-w-screen">
           <UnNuxtIcon
             :name="item"
-            icon-type="img"
             class="object-cover !w-full !h-full"
           />
         </div>
@@ -49,16 +48,20 @@
           v-if="item.avatar"
           :class="customClass.avatar"
           :name="item.avatar"
-          icon-type="img"
           class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
         />
-        <div class="flex justify-start flex-col gap-1 grow-1" :class="customClass.inside">
-          <div class="flex gap-2 items-center" :class="customClass.logoName">
+        <div
+          class="flex justify-start flex-col gap-1 grow-1"
+          :class="customClass.inside"
+        >
+          <div
+            class="flex gap-2 items-center"
+            :class="customClass.logoName"
+          >
             <UnNuxtIcon
               v-if="item.logo"
               :class="customClass.logo"
               :name="item.logo"
-              icon-type="img"
               class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
             />
             <div class="flex flex-col">
@@ -66,28 +69,46 @@
                 v-if="item.name"
                 :class="customClass.name"
                 class="text-(lg gray-600) font-medium"
-              >{{ item.name }}</h3>
+              >
+                {{ item.name }}
+              </h3>
               <p
                 v-if="item.desc"
                 :class="customClass.desc"
                 class="text-(base gray-500)"
-              >{{ item.desc }}</p>
+              >
+                {{ item.desc }}
+              </p>
             </div>
           </div>
           <slot
             name="bodyStart"
             :item="item"
           />
-          <h3
-            v-if="item.title"
+          <div
+            v-if="$slots.title || item.title"
+            class="flex justify-between"
             :class="customClass.title"
-            class="text-(lg gray-600) font-medium"
-          >{{ item.title }}</h3>
+          >
+            <h3
+              v-if="item.title"
+              :class="customClass.titleText"
+              class="text-(lg gray-600) font-medium"
+            >
+              {{ item.title }}
+            </h3>
+            <slot
+              name="title"
+              :item="item"
+            />
+          </div>
           <p
             v-if="item.description"
             :class="customClass.description"
             class="text-(base gray-500)"
-          >{{ item.description }}</p>
+          >
+            {{ item.description }}
+          </p>
           <div
             v-if="item.tags?.length"
             :class="customClass.tags"
@@ -129,11 +150,12 @@
         />
       </div>
     </div>
-  </NuxtLink>
+  </component>
 </template>
 
 <script setup>
-const { direction = "column", customClass = {}, to = "#" } = defineProps({
+import { NuxtLink } from "#components";
+const { direction = "column", customClass = {}, to = "" } = defineProps({
   direction: { type: String, required: false },
   customClass: { type: Object, required: false },
   item: { type: Object, required: true },

package/dist/runtime/components/UnCard.vue.d.ts

@@ -1,23 +1,25 @@
+export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
+export type CardItem = {
+    title?: string;
+    description?: string;
+    image?: string;
+    avatar?: string;
+    images?: string[];
+    tags?: {
+        value?: string;
+        icon?: string;
+        variant?: string;
+    }[];
+};
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
-    customClass?: Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
-    item: {
-        title?: string;
-        description?: string;
-        image?: string;
-        avatar?: string;
-        images?: string[];
-        tags?: {
-            value?: string;
-            icon?: string;
-            variant?: string;
-        }[];
-    };
+    customClass?: CardCustomClass;
+    item: CardItem;
     to?: string;
 };
 declare var __VLS_33: {
     item: any;
-}, __VLS_40: {
+}, __VLS_35: {
     item: any;
 }, __VLS_42: {
     item: any;
@@ -25,17 +27,21 @@ declare var __VLS_33: {
     item: any;
 }, __VLS_46: {
     item: any;
+}, __VLS_48: {
+    item: any;
 };
 type __VLS_Slots = {} & {
     bodyStart?: (props: typeof __VLS_33) => any;
 } & {
-    bodyEnd?: (props: typeof __VLS_40) => any;
+    title?: (props: typeof __VLS_35) => any;
+} & {
+    bodyEnd?: (props: typeof __VLS_42) => any;
 } & {
-    header?: (props: typeof __VLS_42) => any;
+    header?: (props: typeof __VLS_44) => any;
 } & {
-    footerStart?: (props: typeof __VLS_44) => any;
+    footerStart?: (props: typeof __VLS_46) => any;
 } & {
-    footerEnd?: (props: typeof __VLS_46) => any;
+    footerEnd?: (props: typeof __VLS_48) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/UnChips.d.vue.ts

@@ -7,8 +7,8 @@ type __VLS_Props = {
     mini?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    variant: string;
     mini: boolean;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnChips.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Props = {
     mini?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    variant: string;
     mini: boolean;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnList.d.vue.ts

@@ -0,0 +1,21 @@
+import type { CardCustomClass, CardItem } from "~/src/runtime/components/UnCard.vue";
+type __VLS_Props = {
+    title?: string;
+    items?: CardItem[];
+    customClass?: Record<'main' | 'title' | 'header' | 'items', unknown> & {
+        item?: CardCustomClass;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnList.vue

@@ -0,0 +1,35 @@
+<template>
+  <div
+    id="booking"
+    class="flex flex-col p-3 bg-white rounded-2xl gap-4"
+  >
+    <div
+      :class="customClass?.header"
+      class="flex items-center justify-between"
+    >
+      <p
+        v-if="title"
+        :class="customClass?.title"
+        class="text-(lg gray-600) font-semibold"
+      >
+        {{ title }}
+      </p>
+      <slot />
+    </div>
+    <UnCard
+      v-for="(item, index) in items"
+      :key="index"
+      :class="customClass.items"
+      :custom-class="customClass.items"
+      :item="item"
+    />
+  </div>
+</template>
+
+<script setup>
+const { customClass = {} } = defineProps({
+  title: { type: String, required: false },
+  items: { type: Array, required: false },
+  customClass: { type: Object, required: false }
+});
+</script>

package/dist/runtime/components/UnList.vue.d.ts

@@ -0,0 +1,21 @@
+import type { CardCustomClass, CardItem } from "~/src/runtime/components/UnCard.vue";
+type __VLS_Props = {
+    title?: string;
+    items?: CardItem[];
+    customClass?: Record<'main' | 'title' | 'header' | 'items', unknown> & {
+        item?: CardCustomClass;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnNuxtIcon.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="iconType === 'img' || name?.split('.')[1]"
+    v-if="name?.split('.')[1] || name?.startsWith('http')"
     class="relative overflow-hidden"
   >
     <div

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "1.3.0",
+  "version": "1.5.1",
   "private": false,
   "description": "My new Nuxt module",
   "repository": "your-org/my-module",