@unsource/ui 1.6.0 → 1.7.0

package/dist/module.json

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

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

@@ -1,15 +1,16 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
+export type CardCustomClass = Partial<Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>>;
+export type TagItem = {
+    value?: string;
+    icon?: string;
+    variant?: string;
+};
 export type CardItem = {
     title?: string;
     description?: string;
     image?: string;
     avatar?: string;
     images?: string[];
-    tags?: {
-        value?: string;
-        icon?: string;
-        variant?: string;
-    }[];
+    tags?: TagItem[];
 };
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';

package/dist/runtime/components/UnCard.vue

@@ -63,8 +63,8 @@
           :class="customClass.inside"
         >
           <div
-            name="logoName"
             v-if="item.logo || item.name || item.desc"
+            name="logoName"
             class="flex gap-2 items-center"
             :class="customClass.logoName"
           >
@@ -75,22 +75,22 @@
               class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
             />
             <div
-              name="nameDesc"
               v-if="item.name || item.desc"
+              name="nameDesc"
               :class="customClass.nameDesc"
               class="flex flex-col"
             >
               <h3
-                name="name"
                 v-if="item.name"
+                name="name"
                 :class="customClass.name"
-                class="text-(lg gray-600) font-medium"
+                class="text-(lg gray-600) font-semibold"
               >
                 {{ item.name }}
               </h3>
               <p
-                name="desc"
                 v-if="item.desc"
+                name="desc"
                 :class="customClass.desc"
                 class="text-(base gray-500)"
               >
@@ -103,16 +103,16 @@
             :item="item"
           />
           <div
-            name="title"
             v-if="$slots.title || item.title"
+            name="title"
             class="flex justify-between"
             :class="customClass.title"
           >
             <h3
-              name="titleText"
               v-if="item.title"
+              name="titleText"
               :class="customClass.titleText"
-              class="text-(lg gray-600) font-medium"
+              class="text-(lg gray-600) font-semibold"
             >
               {{ item.title }}
             </h3>
@@ -122,23 +122,23 @@
             />
           </div>
           <p
-            name="description"
             v-if="item.description"
+            name="description"
             :class="customClass.description"
             class="text-(base gray-500)"
           >
             {{ item.description }}
           </p>
           <div
-            name="tags"
             v-if="item.tags?.length"
+            name="tags"
             :class="customClass.tags"
             class="flex items-center justify-start gap-2"
           >
             <UnChips
-              name="tag"
               v-for="(tag, index) in item.tags"
               :key="index"
+              name="tag"
               :class="customClass.tag"
               :label="tag.value"
               :icon="tag.icon"
@@ -158,8 +158,8 @@
         />
       </div>
       <div
-        name="footer"
         v-if="$slots.footerStart || $slots.footerEnd"
+        name="footer"
         :class="customClass.footer"
         class="flex justify-between items-stretch border-t-(2 dashed border) p-3"
       >

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

@@ -1,15 +1,16 @@
-export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
+export type CardCustomClass = Partial<Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>>;
+export type TagItem = {
+    value?: string;
+    icon?: string;
+    variant?: string;
+};
 export type CardItem = {
     title?: string;
     description?: string;
     image?: string;
     avatar?: string;
     images?: string[];
-    tags?: {
-        value?: string;
-        icon?: string;
-        variant?: string;
-    }[];
+    tags?: TagItem[];
 };
 type __VLS_Props = {
     direction?: 'column' | 'row' | 'row-reverse' | 'column-reverse';

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

@@ -0,0 +1,34 @@
+import type { CardCustomClass, CardItem, TagItem } from './UnCard.vue.js';
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    tags?: TagItem[];
+    items?: CardItem[];
+    customClass?: Partial<Record<'card' | 'collapsibleIcon', unknown> & {
+        cardInside?: CardCustomClass;
+    }>;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/UnCollapsible.vue

@@ -0,0 +1,40 @@
+<template>
+  <div
+    class="flex flex-col p-3 bg-white rounded-2xl gap-4"
+  >
+    <div
+      :class="customClass?.header"
+      class="cursor-pointer flex items-center justify-between"
+      @click="show = !show"
+    >
+      <UnCard
+        :item="{ avatar: icon, title, tags, description }"
+        :class="customClass.card"
+        :custom-class="customClass.cardInside"
+      />
+      <UnNuxtIcon
+        :class="customClass?.collapsibleIcon"
+        :name="collapsibleIcon || 'solar:alt-arrow-down-bold-duotone'"
+        class="transition-all duration-300"
+        :style="{ rotate: show && !noRotate ? '180deg' : '0deg' }"
+      />
+    </div>
+    <template v-if="show">
+      <slot />
+    </template>
+  </div>
+</template>
+
+<script setup>
+const { customClass = {} } = defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  icon: { type: String, required: false },
+  tags: { type: Array, required: false },
+  items: { type: Array, required: false },
+  customClass: { type: Object, required: false },
+  collapsibleIcon: { type: String, required: false },
+  noRotate: { type: Boolean, required: false }
+});
+const show = defineModel("show", { type: Boolean });
+</script>

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

@@ -0,0 +1,34 @@
+import type { CardCustomClass, CardItem, TagItem } from './UnCard.vue.js';
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    icon?: string;
+    tags?: TagItem[];
+    items?: CardItem[];
+    customClass?: Partial<Record<'card' | 'collapsibleIcon', unknown> & {
+        cardInside?: CardCustomClass;
+    }>;
+    collapsibleIcon?: string;
+    noRotate?: boolean;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:show": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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.d.vue.ts

@@ -2,7 +2,7 @@ import type { CardCustomClass, CardItem } from './UnCard.vue.js';
 type __VLS_Props = {
     title?: string;
     items?: CardItem[];
-    customClass?: Record<'main' | 'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
+    customClass?: Record<'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
     collapsible?: boolean;
@@ -13,9 +13,9 @@ type __VLS_ModelProps = {
     'show'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:show": (value: boolean | undefined) => any;

package/dist/runtime/components/UnList.vue

@@ -1,41 +1,28 @@
 <template>
   <div
-    id="booking"
     class="flex flex-col p-3 bg-white rounded-2xl gap-4"
   >
     <div
-      :class="[
-  customClass?.header,
-  { 'cursor-pointer': collapsible }
-]"
+      v-if="title || $slots.default"
+      :class="customClass?.header"
       class="flex items-center justify-between"
-      @click="collapsible ? show = !show : ''"
     >
-      <p
+      <h3
         v-if="title"
         :class="customClass?.title"
         class="text-(lg gray-600) font-semibold"
       >
         {{ title }}
-      </p>
-      <UnNuxtIcon
-        v-if="collapsible"
-        :class="customClass?.collapsibleIcon"
-        :name="collapsibleIcon || 'solar:alt-arrow-down-bold-duotone'"
-        class="transition-all duration-300"
-        :style="{ rotate: show && !noRotate ? '180deg' : '0deg' }"
-      />
+      </h3>
       <slot />
     </div>
-    <template v-if="show">
-      <UnCard
-        v-for="(item, index) in items"
-        :key="index"
-        :class="customClass.items"
-        :custom-class="customClass.item"
-        :item="item"
-      />
-    </template>
+    <UnCard
+      v-for="(item, index) in items"
+      :key="index"
+      :class="customClass.items"
+      :custom-class="customClass.item"
+      :item="item"
+    />
   </div>
 </template>
 

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

@@ -2,7 +2,7 @@ import type { CardCustomClass, CardItem } from './UnCard.vue.js';
 type __VLS_Props = {
     title?: string;
     items?: CardItem[];
-    customClass?: Record<'main' | 'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
+    customClass?: Record<'title' | 'header' | 'items' | 'collapsibleIcon', unknown> & {
         item?: CardCustomClass;
     };
     collapsible?: boolean;
@@ -13,9 +13,9 @@ type __VLS_ModelProps = {
     'show'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:show": (value: boolean | undefined) => any;

package/dist/runtime/components/UnTab.vue

@@ -3,8 +3,13 @@
     <label
       v-for="item in items"
       :key="item.value"
-      :class="[customClass.label, item?.value === value ? customClass.selectedLabel : customClass.normalLabel, item?.value === value ? 'text-primary cursor-default border-b-(2 primary)' : 'border-b-(1 border)', mini ? 'px-3' : ' px-4']"
-      class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(solid) cursor-pointer p-3 text-sm"
+      :class="[
+  customClass.label,
+  item?.value === value ? customClass.selectedLabel : customClass.normalLabel,
+  item?.value === value ? 'font-semibold text-primary cursor-default border-b-primary' : 'border-b-border',
+  mini ? 'px-3' : ' px-4'
+]"
+      class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(2 solid) cursor-pointer p-3 text-sm"
       @click="addToQuery(item)"
     >
       <input
@@ -17,12 +22,12 @@
         :class="customClass.icon"
         :name="item.icon"
       />
-      <span
+      <p
         :class="customClass.title"
         class="whitespace-nowrap"
       >
         {{ item.title || item.value }}
-      </span>
+      </p>
     </label>
   </div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",