pukaad-ui-lib 1.185.0 → 1.187.0

package/dist/module.json

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

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

@@ -8,16 +8,20 @@ export interface ButtonProps {
     variant?: ButtonVariant;
     color?: ButtonColor;
     circle?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
 }
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     circle: boolean;
     type: ButtonType;
     variant: ButtonVariant;
     color: ButtonColor;
+    loading: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/button.vue

@@ -1,7 +1,7 @@
 <template>
   <ShadButton
     :class="[
-  'font-body-medium',
+  'font-body-medium relative',
   props.variant === 'text' && '!p-0',
   props.circle && 'rounded-full aspect-square',
   props.class
@@ -9,8 +9,12 @@
     :variant="props.variant"
     :color="props.color"
     :type="props.type"
+    :disabled="props.loading || props.disabled"
   >
-    <slot />
+    <ShadSpinner v-if="props.loading" class="absolute" />
+    <span :class="{ 'opacity-0': props.loading }">
+      <slot />
+    </span>
   </ShadButton>
 </template>
 
@@ -20,6 +24,8 @@ const props = defineProps({
   class: { type: null, required: false },
   variant: { type: String, required: false, default: "default" },
   color: { type: String, required: false, default: "default" },
-  circle: { type: Boolean, required: false, default: false }
+  circle: { type: Boolean, required: false, default: false },
+  loading: { type: Boolean, required: false, default: false },
+  disabled: { type: Boolean, required: false, default: false }
 });
 </script>

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

@@ -8,16 +8,20 @@ export interface ButtonProps {
     variant?: ButtonVariant;
     color?: ButtonColor;
     circle?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
 }
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
     circle: boolean;
     type: ButtonType;
     variant: ButtonVariant;
     color: ButtonColor;
+    loading: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/card/card-reaction.d.vue.ts

@@ -22,8 +22,8 @@ type __VLS_Props = {
     state?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    id: string;
     disabled: boolean;
+    id: string;
     disabledPadding: boolean;
     state: string;
     itemCount: Count;

package/dist/runtime/components/card/card-reaction.vue.d.ts

@@ -22,8 +22,8 @@ type __VLS_Props = {
     state?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    id: string;
     disabled: boolean;
+    id: string;
     disabledPadding: boolean;
     state: string;
     itemCount: Count;

package/dist/runtime/components/card/card-user-blog.vue

@@ -30,9 +30,7 @@
           </div>
         </div>
       </div>
-
       <Icon v-if="isPinned" name="lucide:pin" :size="20" />
-
       <PickerOptionMenuUser
         :state="
   props.isMyProfile ? isPinned ? 'my-blog-pined' : 'my-blog' : 'report-announce'
@@ -43,7 +41,7 @@
         @blog-edit="onBlogEdit"
       />
     </div>
-    <div @click="onBlogClick">
+    <div class="flex flex-col gap-[16px] cursor-pointer" @click="onBlogClick">
       <Image
         v-if="props.item.image"
         :src="props.item.image"

package/dist/runtime/components/data-table.d.vue.ts

@@ -61,6 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onChange-item-per-page"?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
+    loading: boolean;
     items: Record<string, any>[];
     disabledPagination: boolean;
     totalPage: number;
@@ -69,7 +70,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     cellAlignment: TableHeaderAlignment;
     disabledHeader: boolean;
     disabledSort: boolean;
-    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/data-table.vue.d.ts

@@ -61,6 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onChange-item-per-page"?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
 }>, {
+    loading: boolean;
     items: Record<string, any>[];
     disabledPagination: boolean;
     totalPage: number;
@@ -69,7 +70,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     cellAlignment: TableHeaderAlignment;
     disabledHeader: boolean;
     disabledSort: boolean;
-    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -21,10 +21,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: string;
     id: string;
     name: string;
-    disabled: boolean;
     digit: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -21,10 +21,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: string;
     id: string;
     name: string;
-    disabled: boolean;
     digit: number | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-birth-date.d.vue.ts

@@ -26,10 +26,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
 }>, {
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     locale: string;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -26,10 +26,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
 }>, {
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     locale: string;

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

@@ -38,10 +38,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
 }>, {
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     locale: string;

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

@@ -38,10 +38,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
 }>, {
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     locale: string;

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

@@ -31,8 +31,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -31,8 +31,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -30,11 +30,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
     size: number | string;
+    disabled: boolean;
     items: import("@/types/components/input/input-radio").InputRadioItem[] | string[] | number[];
     item: string | number;
     name: string;
     columnGap: number | string;
-    disabled: boolean;
     disabledErrorMessage: boolean;
     layout: "vertical" | "horizontal";
     labelPosition: "left" | "right";

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

@@ -30,11 +30,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
     size: number | string;
+    disabled: boolean;
     items: import("@/types/components/input/input-radio").InputRadioItem[] | string[] | number[];
     item: string | number;
     name: string;
     columnGap: number | string;
-    disabled: boolean;
     disabledErrorMessage: boolean;
     layout: "vertical" | "horizontal";
     labelPosition: "left" | "right";

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

@@ -32,10 +32,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     type: import("./input-text-field.vue.js").InputTextFieldType;
     icon: string;
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     readonly: boolean;

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

@@ -32,10 +32,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     type: import("./input-text-field.vue.js").InputTextFieldType;
     icon: string;
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     placeholder: string;
     disabledErrorMessage: boolean;
     readonly: boolean;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -55,10 +55,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClickIconAppend?: ((event: Event) => any) | undefined;
 }>, {
     type: InputTextFieldType;
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -55,10 +55,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClickIconAppend?: ((event: Event) => any) | undefined;
 }>, {
     type: InputTextFieldType;
+    disabled: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

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

@@ -38,17 +38,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     fullWidth: boolean;
     fullHeight: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     limit: number;
+    resize: "none" | "both" | "horizontal" | "vertical";
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

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

@@ -38,17 +38,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    disabled: boolean;
     fullWidth: boolean;
     fullHeight: boolean;
     required: boolean;
     id: string;
     name: string;
-    disabled: boolean;
     limit: number;
+    resize: "none" | "both" | "horizontal" | "vertical";
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu.d.vue.ts

@@ -2,9 +2,9 @@ import type { PickerOptionMenuProps, PickerOptionMenuItem } from "@/types/compon
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PickerOptionMenuProps> & Readonly<{}>, {
     circle: boolean;
     variant: ButtonVariant;
+    disabled: boolean;
     items: PickerOptionMenuItem[];
     horizontal: boolean;
-    disabled: boolean;
     disabledPadding: boolean;
     iconSize: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/picker/picker-option-menu/picker-option-menu.vue.d.ts

@@ -2,9 +2,9 @@ import type { PickerOptionMenuProps, PickerOptionMenuItem } from "@/types/compon
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PickerOptionMenuProps> & Readonly<{}>, {
     circle: boolean;
     variant: ButtonVariant;
+    disabled: boolean;
     items: PickerOptionMenuItem[];
     horizontal: boolean;
-    disabled: boolean;
     disabledPadding: boolean;
     iconSize: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

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