pukaad-ui-lib 1.423.0 → 1.424.0

package/dist/module.json

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

package/dist/runtime/components/card/card-content/card-content-video.vue

@@ -14,7 +14,7 @@
     />
 
     <div
-      class="absolute inset-x-0 bottom-0 flex h-[84px] flex-col justify-between bg-gradient-to-t from-black/70 to-transparent p-[8px]"
+      class="absolute inset-x-0 bottom-0 flex h-[84px] flex-col justify-end gap-1 bg-gradient-to-t from-black/70 to-transparent p-[8px]"
     >
       <p class="line-clamp-2 break-words font-title-small-prominent text-white">
         {{ props.item.title }}

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    crossorigin: "" | "anonymous" | "use-credentials";
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    crossorigin: "" | "anonymous" | "use-credentials";
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

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

@@ -70,12 +70,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -70,12 +70,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     description: string;
     options: AutocompleteOption[] | string[] | number[];
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     returnObject: boolean;
     freeText: boolean;
     valueKey: string;

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

@@ -30,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

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

@@ -30,8 +30,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

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

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

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

@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    locale: string;
     placeholder: string;
+    locale: string;
     disabledErrorMessage: boolean;
     layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;

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

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

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

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

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

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

@@ -17,8 +17,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     label: string;
     name: string;
     modelValue: InputLinkItem[] | ContactChannel[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     format: "legacy" | "contact_channel";
     hideType: boolean;
     hideAddButton: boolean;

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

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

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

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

package/dist/runtime/components/input/input-mention.vue

@@ -243,7 +243,7 @@ const props = defineProps({
   label: { type: String, required: false, default: "\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" },
   placeholder: { type: String, required: false, default: "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E01\u0E32\u0E23\u0E40\u0E2D\u0E48\u0E22\u0E16\u0E36\u0E07" }
 });
-const api = useApi();
+const api = useApi({ includeProvince: false });
 const comboboxRef = ref();
 const selectedUsernames = ref([]);
 const isSelected = (id) => selectedUsernames.value.includes(id);

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

@@ -36,8 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    placeholder: string;
     readonly: boolean;
+    placeholder: string;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

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

@@ -36,8 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    placeholder: string;
     readonly: boolean;
+    placeholder: string;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

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

@@ -20,12 +20,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -20,12 +20,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    labelKey: string;
     placeholder: string;
-    limit: number;
+    labelKey: string;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     descriptionKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -41,8 +41,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     options: InputTagModalOption[];
-    labelKey: string;
     placeholder: string;
+    labelKey: string;
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

@@ -41,8 +41,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     options: InputTagModalOption[];
-    labelKey: string;
     placeholder: string;
+    labelKey: string;
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

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

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

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

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

@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, 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-text-field.vue.d.ts

@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    limit: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
 }, {}, {}, {}, 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-textarea.d.vue.ts

@@ -46,12 +46,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
-    limit: number;
     readonly: boolean;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -46,12 +46,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
-    limit: number;
     readonly: boolean;
+    rows: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    limit: number;
     heightScroll: boolean;
     spaceToComma: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     name: string;
     required: boolean;
     options: import("../../../types/components/input/input-select.js").InputSelectItem[];
-    limit: number;
     showCounter: boolean;
+    limit: number;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];
     resetOnTypeChange: boolean;

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<{}>, {
-    config: ChartConfig;
     payload: Record<string, any>;
+    config: ChartConfig;
     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<{}>, {
-    config: ChartConfig;
     payload: Record<string, any>;
+    config: ChartConfig;
     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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "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" | "next" | "send" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/dist/runtime/composables/useApi.d.ts

@@ -1 +1,3 @@
-export declare const useApi: () => import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;
+export declare const useApi: (apiOptions?: {
+    includeProvince?: boolean;
+}) => import("nitropack").$Fetch<unknown, import("nitropack").NitroFetchRequest>;

package/dist/runtime/composables/useApi.js

@@ -1,5 +1,5 @@
 import { useRuntimeConfig, useCookie, useState } from "nuxt/app";
-export const useApi = () => {
+export const useApi = (apiOptions = {}) => {
   const config = useRuntimeConfig();
   const baseURL = config.public.BASE_URL_API;
   const provinceIdState = useState("pukaad:province-id", () => null);
@@ -20,7 +20,7 @@ export const useApi = () => {
         headers.set("Authorization", `Bearer ${secId.value}`);
       }
       const pid = provinceIdState.value ?? configProvinceId;
-      if (pid) {
+      if (apiOptions.includeProvince !== false && pid) {
         headers.set("X-Province-ID", String(pid));
       }
       if (businessProfileId.value) {

package/package.json

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