pukaad-ui-lib 1.36.0 → 1.38.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.36.0",
+  "version": "1.38.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -2,23 +2,25 @@ import type { SheetContentProps } from "@/runtime/components/ui/sheet/SheetConte
 export interface DrawerProps extends SheetContentProps {
     title?: string;
     description?: string;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 type __VLS_Props = DrawerProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_22: {}, __VLS_36: {
+declare var __VLS_27: {}, __VLS_41: {
     meta: any;
-}, __VLS_44: {
+}, __VLS_49: {
     meta: any;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_22) => any;
+    header?: (props: typeof __VLS_27) => any;
 } & {
-    default?: (props: typeof __VLS_36) => any;
+    default?: (props: typeof __VLS_41) => any;
 } & {
-    footer?: (props: typeof __VLS_44) => any;
+    footer?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/dist/runtime/components/drawer/drawer.vue

@@ -1,6 +1,7 @@
 <template>
   <ShadSheet v-model:open="isOpen">
     <ShadSheetContent v-bind="props" v-slot="{ meta }" @submit="onSubmit">
+      <Loading :is-loading="props.isLoading" :text="props.loadingText" />
       <ShadSheetHeader class="flex-shrink-0">
         <slot name="header">
           <ShadSheetTitle>{{ props.title }}</ShadSheetTitle>
@@ -23,6 +24,8 @@
 const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
+  isLoading: { type: Boolean, required: false },
+  loadingText: { type: String, required: false },
   class: { type: null, required: false },
   side: { type: String, required: false },
   forceMount: { type: Boolean, required: false },

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

@@ -2,23 +2,25 @@ import type { SheetContentProps } from "@/runtime/components/ui/sheet/SheetConte
 export interface DrawerProps extends SheetContentProps {
     title?: string;
     description?: string;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 type __VLS_Props = DrawerProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_22: {}, __VLS_36: {
+declare var __VLS_27: {}, __VLS_41: {
     meta: any;
-}, __VLS_44: {
+}, __VLS_49: {
     meta: any;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_22) => any;
+    header?: (props: typeof __VLS_27) => any;
 } & {
-    default?: (props: typeof __VLS_36) => any;
+    default?: (props: typeof __VLS_41) => any;
 } & {
-    footer?: (props: typeof __VLS_44) => any;
+    footer?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -37,8 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     placeholder: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     placeholder: string;
     description: string;
-    limit: number;
     options: AutocompleteOption[] | string[] | number[];
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-date-picker.vue

@@ -26,14 +26,13 @@
               :class="
   cn(
     'w-full flex items-center justify-between gap-2 font-body-large',
-    !modelValue && 'text-cloud',
     errorMessage && 'border-destructive',
     props.class
   )
 "
             >
               <span v-if="modelValue">{{ formattedDate }}</span>
-              <span v-else>{{ placeholder }}</span>
+              <span v-else class="text-cloud">{{ placeholder }}</span>
               <Icon name="lucide:calendar" :size="16" />
             </Button>
           </PopoverTrigger>

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

@@ -0,0 +1,10 @@
+export interface LoadingProps {
+    isLoading?: boolean;
+    text?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    text: string;
+    isLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/loading.vue

@@ -0,0 +1,24 @@
+<template>
+  <Transition name="loading-fade">
+    <div
+      v-if="isLoading"
+      class="absolute inset-0 opacity-50 z-50 flex items-center justify-center backdrop-blur-2xl"
+    >
+      <div class="flex flex-col items-center gap-3">
+        <div class="loading-spinner"></div>
+        <span v-if="text" class="text-sm text-cloud">{{ text }}</span>
+      </div>
+    </div>
+  </Transition>
+</template>
+
+<script setup>
+defineProps({
+  isLoading: { type: Boolean, required: false, default: false },
+  text: { type: String, required: false, default: "" }
+});
+</script>
+
+<style scoped>
+.loading-spinner{animation:spin .8s linear infinite;border:6px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3b82f6;height:64px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.loading-fade-enter-active,.loading-fade-leave-active{transition:opacity .2s ease}.loading-fade-enter-from,.loading-fade-leave-to{opacity:0}
+</style>

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

@@ -0,0 +1,10 @@
+export interface LoadingProps {
+    isLoading?: boolean;
+    text?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    text: string;
+    isLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -5,27 +5,29 @@ export interface ModalProps {
     description?: string;
     footer?: string;
     disabledCloseBtn?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 type __VLS_Props = ModalProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_23: {}, __VLS_31: {}, __VLS_39: {}, __VLS_41: {
+declare var __VLS_28: {}, __VLS_36: {}, __VLS_44: {}, __VLS_46: {
     meta: any;
-}, __VLS_49: {
+}, __VLS_54: {
     meta: any;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_23) => any;
+    header?: (props: typeof __VLS_28) => any;
 } & {
-    title?: (props: typeof __VLS_31) => any;
+    title?: (props: typeof __VLS_36) => any;
 } & {
-    description?: (props: typeof __VLS_39) => any;
+    description?: (props: typeof __VLS_44) => any;
 } & {
-    default?: (props: typeof __VLS_41) => any;
+    default?: (props: typeof __VLS_46) => any;
 } & {
-    footer?: (props: typeof __VLS_49) => any;
+    footer?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/dist/runtime/components/modal/modal.vue

@@ -7,6 +7,7 @@
       @submit="onSubmit"
       @close="onClose"
     >
+      <Loading :is-loading="props.isLoading" :text="props.loadingText" />
       <ShadDialogHeader>
         <slot name="header">
           <ShadDialogTitle>
@@ -36,7 +37,9 @@ const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
   footer: { type: String, required: false },
-  disabledCloseBtn: { type: Boolean, required: false, default: false }
+  disabledCloseBtn: { type: Boolean, required: false, default: false },
+  isLoading: { type: Boolean, required: false },
+  loadingText: { type: String, required: false }
 });
 const isOpen = defineModel({ type: Boolean, ...{
   default: false

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

@@ -5,27 +5,29 @@ export interface ModalProps {
     description?: string;
     footer?: string;
     disabledCloseBtn?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
 }
 type __VLS_Props = ModalProps;
 type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_23: {}, __VLS_31: {}, __VLS_39: {}, __VLS_41: {
+declare var __VLS_28: {}, __VLS_36: {}, __VLS_44: {}, __VLS_46: {
     meta: any;
-}, __VLS_49: {
+}, __VLS_54: {
     meta: any;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_23) => any;
+    header?: (props: typeof __VLS_28) => any;
 } & {
-    title?: (props: typeof __VLS_31) => any;
+    title?: (props: typeof __VLS_36) => any;
 } & {
-    description?: (props: typeof __VLS_39) => any;
+    description?: (props: typeof __VLS_44) => any;
 } & {
-    default?: (props: typeof __VLS_41) => any;
+    default?: (props: typeof __VLS_46) => any;
 } & {
-    footer?: (props: typeof __VLS_49) => any;
+    footer?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.36.0",
+  "version": "1.38.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",