pukaad-ui-lib 1.363.0 → 1.365.0

package/dist/module.json

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

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

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from "vue";
 import type { ButtonVariants } from "./ui/button/index.js";
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
-export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info";
+export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info" | "warning" | "success";
 export type ButtonSize = ButtonVariants["size"];
 export interface ButtonProps {
     type?: ButtonType;

package/dist/runtime/components/button.vue

@@ -1,14 +1,22 @@
 <template>
-  <ShadButton :class="[
+  <ShadButton
+    :class="[
   'font-body-medium relative',
   props.variant === 'text' || props.variant === 'link' ? '!p-0 !h-auto' : '',
   props.circle && 'rounded-full aspect-square',
   props.class
-]" :variant="props.variant" :color="props.color" :size="resolvedSize" :type="props.type"
-    :disabled="props.loading || props.disabled">
+]"
+    :variant="props.variant"
+    :color="props.color"
+    :size="resolvedSize"
+    :type="props.type"
+    :disabled="props.loading || props.disabled"
+  >
     <span class="inline-grid place-items-center">
-      <span class="inline-flex items-center justify-center gap-[8px] [grid-area:1/1]"
-        :class="{ invisible: props.loading }">
+      <span
+        class="inline-flex items-center justify-center gap-[8px] [grid-area:1/1]"
+        :class="{ invisible: props.loading }"
+      >
         <slot />
       </span>
       <ShadSpinner v-if="props.loading" class="[grid-area:1/1]" />

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

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from "vue";
 import type { ButtonVariants } from "./ui/button/index.js";
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
-export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info";
+export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info" | "warning" | "success";
 export type ButtonSize = ButtonVariants["size"];
 export interface ButtonProps {
     type?: ButtonType;

package/dist/runtime/components/drawer/drawer-post-blog.d.vue.ts

@@ -21,12 +21,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    submit: (data: DrawerPostBlogItem) => any;
     success: (data: any) => any;
+    submit: (data: DrawerPostBlogItem) => any;
     saveDraft: (data: DrawerPostBlogItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSubmit?: ((data: DrawerPostBlogItem) => any) | undefined;
     onSuccess?: ((data: any) => any) | undefined;
+    onSubmit?: ((data: DrawerPostBlogItem) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSaveDraft?: ((data: DrawerPostBlogItem) => any) | undefined;
 }>, {

package/dist/runtime/components/drawer/drawer-post-blog.vue.d.ts

@@ -21,12 +21,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    submit: (data: DrawerPostBlogItem) => any;
     success: (data: any) => any;
+    submit: (data: DrawerPostBlogItem) => any;
     saveDraft: (data: DrawerPostBlogItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSubmit?: ((data: DrawerPostBlogItem) => any) | undefined;
     onSuccess?: ((data: any) => any) | undefined;
+    onSubmit?: ((data: DrawerPostBlogItem) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSaveDraft?: ((data: DrawerPostBlogItem) => any) | undefined;
 }>, {

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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -50,10 +50,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
-    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
+    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    accept: string;
     disabledErrorMessage: boolean;
+    accept: string;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

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;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: 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;
-    disabledForgotPassword: boolean;
     new: boolean;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-media-view.vue

@@ -11,9 +11,9 @@
         @update:current-index="currentIndex = $event"
       />
 
-      <!-- description overlay (แสดงเฉพาะเมื่อ item ปัจจุบันมี description และไม่มี review) -->
+      <!-- overlay ผู้ดูแลสื่อ + ปุ่มรายงาน — โชว์เสมอ (ไม่ผูกกับ description) ยกเว้นตอนโหมด review -->
       <div
-        v-if="!props.review && currentItem?.description"
+        v-if="!props.review"
         class="absolute bottom-0 w-full z-10"
         style="
           background: linear-gradient(
@@ -24,7 +24,7 @@
         "
       >
         <div
-          class="p-[16px] h-[125px] flex flex-col gap-[8px] text-white font-body-large"
+          class="p-[16px] flex flex-col gap-[8px] text-white font-body-large"
         >
           <div class="flex justify-between items-center">
             <div class="font-body-large-prominent">{{ props.uploaderLabel }}</div>
@@ -34,7 +34,7 @@
               @click="isOpenModalReport = true"
             />
           </div>
-          <div>{{ currentItem.description }}</div>
+          <div v-if="currentItem?.description">{{ currentItem.description }}</div>
         </div>
       </div>
 

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

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    confirmText: string;
     disabledForgotPassword: boolean;
+    confirmText: string;
 }, {}, {}, {}, 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

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

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

@@ -1,6 +1,6 @@
 import type { VariantProps } from "class-variance-authority";
 export { default as Badge } from "./Badge.vue.js";
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "primary" | "secondary" | "destructive" | "success" | "warning" | "bright" | null | undefined;
+    variant?: "default" | "outline" | "primary" | "secondary" | "destructive" | "warning" | "success" | "bright" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeVariants = VariantProps<typeof badgeVariants>;

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

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

package/dist/runtime/components/ui/button/index.js

@@ -17,7 +17,9 @@ export const buttonVariants = cva(
         primary: "text-primary",
         secondary: "text-secondary ",
         destructive: "text-destructive",
-        info: "text-info-foreground"
+        info: "text-info-foreground",
+        warning: "text-warning",
+        success: "text-success"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
@@ -55,6 +57,16 @@ export const buttonVariants = cva(
         color: "info",
         class: "bg-info text-info-foreground hover:bg-info/90"
       },
+      {
+        variant: "default",
+        color: "warning",
+        class: "bg-warning text-white hover:bg-warning/90"
+      },
+      {
+        variant: "default",
+        color: "success",
+        class: "bg-success text-white hover:bg-success/90"
+      },
       {
         variant: "outline",
         color: "default",
@@ -80,6 +92,16 @@ export const buttonVariants = cva(
         color: "info",
         class: "border border-info-foreground text-info-foreground hover:text-info-foreground/90 bg-white"
       },
+      {
+        variant: "outline",
+        color: "warning",
+        class: "border border-warning text-warning hover:text-warning/90 bg-white"
+      },
+      {
+        variant: "outline",
+        color: "success",
+        class: "border border-success text-success hover:text-success/90 bg-white"
+      },
       {
         variant: "ghost",
         color: "default",
@@ -105,6 +127,16 @@ export const buttonVariants = cva(
         color: "info",
         class: "text-info-foreground hover:bg-info hover:text-info-foreground"
       },
+      {
+        variant: "ghost",
+        color: "warning",
+        class: "text-warning hover:bg-warning/90 hover:text-white"
+      },
+      {
+        variant: "ghost",
+        color: "success",
+        class: "text-success hover:bg-success/90 hover:text-white"
+      },
       {
         variant: "icon",
         color: "default",
@@ -130,6 +162,16 @@ export const buttonVariants = cva(
         color: "info",
         class: "text-info-foreground hover:bg-info hover:text-info-foreground"
       },
+      {
+        variant: "icon",
+        color: "warning",
+        class: "text-warning hover:bg-warning/90 hover:text-white"
+      },
+      {
+        variant: "icon",
+        color: "success",
+        class: "text-success hover:bg-success/90 hover:text-white"
+      },
       // text variant - just plain text with color, no background or hover effects
       {
         variant: "text",
@@ -156,6 +198,16 @@ export const buttonVariants = cva(
         color: "info",
         class: "text-info-foreground hover:opacity-80"
       },
+      {
+        variant: "text",
+        color: "warning",
+        class: "text-warning hover:opacity-80"
+      },
+      {
+        variant: "text",
+        color: "success",
+        class: "text-success hover:opacity-80"
+      },
       // link variant - inline link style, primary blue by default, no padding
       {
         variant: "link",
@@ -181,6 +233,16 @@ export const buttonVariants = cva(
         variant: "link",
         color: "info",
         class: "text-info-foreground hover:opacity-80"
+      },
+      {
+        variant: "link",
+        color: "warning",
+        class: "text-warning hover:opacity-80"
+      },
+      {
+        variant: "link",
+        color: "success",
+        class: "text-success hover:opacity-80"
       }
     ],
     defaultVariants: {

package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts

@@ -18,8 +18,8 @@ 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<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts

@@ -18,8 +18,8 @@ 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<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/package.json

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