pukaad-ui-lib 1.247.0 → 1.247.2

package/dist/module.json

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

package/dist/module.mjs

@@ -191,6 +191,7 @@ const module$1 = defineNuxtModule({
         write: true,
         getContents: () => `@import "${coreCssPath}";
 @source "${runtimeDir}/**/*.vue";
+@source "${runtimeDir}/**/*.ts";
 @source "${rootDir}/**/*.vue";
 @source "${rootDir}/**/*.ts";
 `

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

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

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

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

package/dist/runtime/components/display/display-image-place.d.vue.ts

@@ -8,9 +8,9 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     variant: "featured" | "album";
-    state: "personal" | "office" | "business";
     photos: string[];
     videos: string[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.vue.d.ts

@@ -8,9 +8,9 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     title: string;
     variant: "featured" | "album";
-    state: "personal" | "office" | "business";
     photos: string[];
     videos: string[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-profiles"?: (() => any) | undefined;
     "onExplore-places"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-profiles"?: (() => any) | undefined;
     "onExplore-places"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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;
+    modal: boolean;
+    background: 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;
+    modal: boolean;
+    background: 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-address.d.vue.ts

@@ -48,11 +48,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: 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

@@ -48,11 +48,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     required: boolean;
     name: string;
+    gap: string;
     placeholder: 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-autocomplete.d.vue.ts

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

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

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

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;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     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;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     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;
-    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/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => 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, {},
     }) => 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/modal/modal-review-detail.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     title: string;
     items: string[];
     selectIndex: number;
-    isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
+    isProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     title: string;
     items: string[];
     selectIndex: number;
-    isProfile: boolean;
     review: import("../../../types/components/card/card-review.js").CardReviewProps;
+    isProfile: 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-user.d.vue.ts

@@ -1,11 +1,11 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "profile-name-updated": (name: string) => any;
     "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
-    "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
@@ -19,12 +19,12 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
-    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;

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

@@ -1,11 +1,11 @@
 import type { PickerOptionMenuUserProps } from "#pukaad-ui/types/components/picker/picker-option-menu/picker-option-menu-user";
 declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "profile-name-updated": (name: string) => any;
     "blog-edit": () => any;
     "report-announce": () => any;
     "blog-unpin": () => any;
     "blog-pin": () => any;
     "blog-delete": () => any;
-    "profile-name-updated": (name: string) => any;
     "profile-edit": () => any;
     "profile-share": () => any;
     "profile-follower-delete": () => any;
@@ -19,12 +19,12 @@ declare const __VLS_export: import("vue").DefineComponent<PickerOptionMenuUserPr
     "review-delete": () => any;
     archive: () => any;
 }, string, import("vue").PublicProps, Readonly<PickerOptionMenuUserProps> & Readonly<{
+    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onBlog-edit"?: (() => any) | undefined;
     "onReport-announce"?: (() => any) | undefined;
     "onBlog-unpin"?: (() => any) | undefined;
     "onBlog-pin"?: (() => any) | undefined;
     "onBlog-delete"?: (() => any) | undefined;
-    "onProfile-name-updated"?: ((name: string) => any) | undefined;
     "onProfile-edit"?: (() => any) | undefined;
     "onProfile-share"?: (() => any) | undefined;
     "onProfile-follower-delete"?: (() => any) | undefined;

package/dist/runtime/plugins/toast.d.ts

@@ -13,7 +13,7 @@ export interface ToastOptions {
     duration?: number;
     message: string;
 }
-declare class Toast {
+export declare class Toast {
     private static container;
     private static ensureContainer;
     show(options: ToastOptions): Promise<ToastResponse>;

package/dist/runtime/plugins/toast.js

@@ -1,7 +1,6 @@
 import { defineNuxtPlugin } from "nuxt/app";
 import { createApp, h, computed, ref, onMounted } from "vue";
-import Icons from "#pukaad-ui/runtime/components/icons.vue";
-class Toast {
+export class Toast {
   static container = null;
   static ensureContainer() {
     if (typeof window === "undefined") return;
@@ -26,13 +25,13 @@ class Toast {
             };
             return types[options.type || "success"];
           });
-          const iconName = computed(() => {
+          const iconSvgPath = computed(() => {
             const map = {
-              success: "fa6-solid:circle-check",
-              warning: "fa6-solid:triangle-exclamation",
-              error: "fa6-solid:ban"
+              success: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
+              warning: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z",
+              error: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"
             };
-            return options.icon || map[options.type || "success"];
+            return map[options.type || "success"];
           });
           onMounted(() => {
             setTimeout(() => {
@@ -54,7 +53,18 @@ class Toast {
               ]
             },
             [
-              h(Icons, { name: iconName.value }),
+              h(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 512 512",
+                  width: "20",
+                  height: "20",
+                  fill: "currentColor",
+                  style: "flex-shrink:0"
+                },
+                [h("path", { d: iconSvgPath.value })]
+              ),
               h(
                 "span",
                 { class: "flex-1 font-body-large-prominent" },

package/package.json

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