pukaad-ui-lib 1.93.0 → 1.95.0

package/dist/module.json

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

package/dist/module.mjs

@@ -118,17 +118,12 @@ const module$1 = defineNuxtModule({
 const generateImportDayJs = () => {
   return `
     import dayjs from "dayjs";
-    import * as buddhistEraPkg from "dayjs/plugin/buddhistEra";
-    import * as minMaxPkg from "dayjs/plugin/minMax";
-    import * as updateLocalePkg from "dayjs/plugin/updateLocale";
-    import * as durationPkg from "dayjs/plugin/duration";
+    import buddhistEra from "dayjs/plugin/buddhistEra";
+    import minMax from "dayjs/plugin/minMax";
+    import updateLocale from "dayjs/plugin/updateLocale";
+    import duration from "dayjs/plugin/duration";
     import "dayjs/locale/th";
 
-    const buddhistEra = buddhistEraPkg.default || buddhistEraPkg;
-    const minMax = minMaxPkg.default || minMaxPkg;
-    const updateLocale = updateLocalePkg.default || updateLocalePkg;
-    const duration = durationPkg.default || durationPkg;
-
     dayjs.extend(updateLocale);
     dayjs.extend(buddhistEra);
     dayjs.extend(minMax);

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

@@ -4,8 +4,6 @@ interface Props {
     src?: string;
     alt?: string;
     class?: HTMLAttributes["class"];
-    showStatus?: boolean;
-    online?: boolean;
 }
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -13,8 +11,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: number | string;
-    showStatus: boolean;
-    online: 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/avatar.vue

@@ -6,9 +6,7 @@ const props = defineProps({
   size: { type: [Number, String], required: false, default: 40 },
   src: { type: String, required: false },
   alt: { type: String, required: false },
-  class: { type: null, required: false },
-  showStatus: { type: Boolean, required: false, default: false },
-  online: { type: Boolean, required: false, default: false }
+  class: { type: null, required: false }
 });
 const sizeStyle = computed(() => {
   let size;
@@ -44,12 +42,5 @@ const sizeStyle = computed(() => {
     >
       <slot name="fallback"> </slot>
     </ShadAvatarFallback>
-
-    <!-- Online Status Dot -->
-    <span
-      v-if="showStatus"
-      class="absolute bottom-0 right-0 w-[12px] h-[12px] rounded-full border-2 border-white"
-      :class="online ? 'bg-green-500' : 'bg-gray-300'"
-    />
   </ShadAvatar>
 </template>

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

@@ -4,8 +4,6 @@ interface Props {
     src?: string;
     alt?: string;
     class?: HTMLAttributes["class"];
-    showStatus?: boolean;
-    online?: boolean;
 }
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -13,8 +11,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: number | string;
-    showStatus: boolean;
-    online: 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.d.vue.ts

@@ -14,10 +14,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => 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;
+    circle: 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.d.ts

@@ -14,10 +14,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => 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;
+    circle: 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/dialog/dialog-phone-OTP.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,9 +1,9 @@
 import type { DividerProps, DividerColor } from "@/types/components/divider";
 declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     size: number | string;
-    style: import("@/types/components/divider").DividerStyle;
     color: DividerColor;
     height: number | string;
+    style: import("@/types/components/divider").DividerStyle;
     alignment: import("@/types/components/divider").DividerAlignment;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,9 +1,9 @@
 import type { DividerProps, DividerColor } from "@/types/components/divider";
 declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     size: number | string;
-    style: import("@/types/components/divider").DividerStyle;
     color: DividerColor;
     height: number | string;
+    style: import("@/types/components/divider").DividerStyle;
     alignment: import("@/types/components/divider").DividerAlignment;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -20,11 +20,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onSelect?: ((files: File[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
 }>, {
-    label: string;
     width: number | string;
     height: number | string;
     fullWidth: boolean;
     fullHeight: boolean;
+    label: string;
     name: string;
     limit: number;
     accept: string;

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

@@ -20,11 +20,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onSelect?: ((files: File[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
 }>, {
-    label: string;
     width: number | string;
     height: number | string;
     fullWidth: boolean;
     fullHeight: boolean;
+    label: string;
     name: string;
     limit: number;
     accept: string;

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

@@ -9,9 +9,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
-    label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    label: string;
     step: number;
     max: number;
     min: number;

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

@@ -9,9 +9,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
-    label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    label: string;
     step: number;
     max: number;
     min: number;

package/dist/runtime/components/modal/modal-phone-OTP.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-phone-OTP.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onComplete?: ((value: string) => any) | undefined;
     onClose?: (() => any) | undefined;
 }>, {
-    confirmedText: string;
     phone: string;
+    confirmedText: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-review-detail.d.vue.ts

@@ -11,9 +11,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onToggle-like"?: ((reviewId: string, liked: boolean) => any) | undefined;
 }>, {
-    title: string;
     items: string[];
     selectIndex: number;
+    title: string;
     isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-review-detail.vue.d.ts

@@ -11,9 +11,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onToggle-like"?: ((reviewId: string, liked: boolean) => any) | undefined;
 }>, {
-    title: string;
     items: string[];
     selectIndex: number;
+    title: string;
     isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,7 @@
 import type { PickerOptionMenuProps, PickerOptionMenuItem } from "@/types/components/picker/picker-option-menu/picker-option-menu";
 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;
+    circle: boolean;
     items: PickerOptionMenuItem[];
     horizontal: boolean;
     disabled: boolean;

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

@@ -1,7 +1,7 @@
 import type { PickerOptionMenuProps, PickerOptionMenuItem } from "@/types/components/picker/picker-option-menu/picker-option-menu";
 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;
+    circle: boolean;
     items: PickerOptionMenuItem[];
     horizontal: boolean;
     disabled: boolean;

package/dist/runtime/components/ui/button/index.d.ts

@@ -1,7 +1,7 @@
 import type { VariantProps } from "class-variance-authority";
 export { default as Button } from "./Button.vue.js";
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null | undefined;
+    variant?: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null | undefined;
     color?: "default" | "primary" | "secondary" | "destructive" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/runtime/components/ui/carousel/CarouselNext.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/ui/carousel/CarouselNext.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/ui/carousel/CarouselPrevious.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/ui/carousel/CarouselPrevious.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/ui/input-group/InputGroupButton.d.vue.ts

@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
     size: "sm" | "icon-sm" | "icon-xs" | "xs" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/ui/input-group/InputGroupButton.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
     size: "sm" | "icon-sm" | "icon-xs" | "xs" | null;
-    variant: "link" | "default" | "text" | "outline" | "ghost" | "icon" | null;
+    variant: "link" | "default" | "outline" | "ghost" | "text" | "icon" | null;
 }, {}, {}, {}, 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/composables/useConvert.d.ts

@@ -1,24 +1,4 @@
 export declare class Convert {
-    /**
-     * Convert date to Thai Buddhist Era
-     * @example convertDate("2026-01-20") => "20 มกราคม 2569"
-     */
-    convertDate(date: string | Date | null | undefined): string;
-    /**
-     * Convert datetime to Thai Buddhist Era with comma separator
-     * @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
-     */
-    convertDateTime(date: string | Date | null | undefined): string;
-    /**
-     * Convert date to short format
-     * @example convertShortDate("2026-01-20") => "20/01/69"
-     */
-    convertShortDate(date: string | Date | null | undefined): string;
-    /**
-     * Convert time only
-     * @example convertTime("2026-01-20T13:30:00") => "13:30 น."
-     */
-    convertTime(date: string | Date | null | undefined): string;
     /**
      * Convert number to Thai format
      * @example convertNumber(1500000) => "1.5 ล้าน"

package/dist/runtime/composables/useConvert.js

@@ -1,46 +1,4 @@
-import dayjs from "#dayjs";
-const djs = dayjs;
 export class Convert {
-  /**
-   * Convert date to Thai Buddhist Era
-   * @example convertDate("2026-01-20") => "20 มกราคม 2569"
-   */
-  convertDate(date) {
-    if (!date) return "-";
-    const d = djs(date);
-    if (!d.isValid()) return "-";
-    return d.format("D MMMM BBBB");
-  }
-  /**
-   * Convert datetime to Thai Buddhist Era with comma separator
-   * @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
-   */
-  convertDateTime(date) {
-    if (!date) return "-";
-    const d = djs(date);
-    if (!d.isValid()) return "-";
-    return d.format("D MMMM BBBB, HH:mm \u0E19.");
-  }
-  /**
-   * Convert date to short format
-   * @example convertShortDate("2026-01-20") => "20/01/69"
-   */
-  convertShortDate(date) {
-    if (!date) return "-";
-    const d = djs(date);
-    if (!d.isValid()) return "-";
-    return d.format("DD/MM/BB");
-  }
-  /**
-   * Convert time only
-   * @example convertTime("2026-01-20T13:30:00") => "13:30 น."
-   */
-  convertTime(date) {
-    if (!date) return "-";
-    const d = djs(date);
-    if (!d.isValid()) return "-";
-    return d.format("HH:mm \u0E19.");
-  }
   /**
    * Convert number to Thai format
    * @example convertNumber(1500000) => "1.5 ล้าน"

package/package.json

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