pukaad-ui-lib 1.363.0 → 1.364.0

package/dist/module.json

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

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

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

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

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

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

@@ -55,8 +55,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    labelKey: string;
     limit: number;
+    labelKey: string;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

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

@@ -55,8 +55,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    labelKey: string;
     limit: number;
+    labelKey: string;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     options: InputSelectItem[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
     showCounter: boolean;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     options: InputSelectItem[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
     showCounter: boolean;
     addLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    limit: number;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    limit: number;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     limit: number;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     limit: number;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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/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" | 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,8 @@ export const buttonVariants = cva(
         primary: "text-primary",
         secondary: "text-secondary ",
         destructive: "text-destructive",
-        info: "text-info-foreground"
+        info: "text-info-foreground",
+        warning: "text-warning"
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
@@ -55,6 +56,11 @@ 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: "outline",
         color: "default",
@@ -80,6 +86,11 @@ 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: "ghost",
         color: "default",
@@ -105,6 +116,11 @@ 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: "icon",
         color: "default",
@@ -130,6 +146,11 @@ 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"
+      },
       // text variant - just plain text with color, no background or hover effects
       {
         variant: "text",
@@ -156,6 +177,11 @@ export const buttonVariants = cva(
         color: "info",
         class: "text-info-foreground hover:opacity-80"
       },
+      {
+        variant: "text",
+        color: "warning",
+        class: "text-warning hover:opacity-80"
+      },
       // link variant - inline link style, primary blue by default, no padding
       {
         variant: "link",
@@ -181,6 +207,11 @@ 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"
       }
     ],
     defaultVariants: {

package/package.json

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