pukaad-ui-lib 1.7.0 → 1.9.0

package/dist/module.json

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

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

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from "vue";
 export type ButtonType = "button" | "submit" | "reset";
-export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text";
+export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
 export type ButtonColor = "default" | "primary" | "secondary" | "destructive";
 export interface ButtonProps {
     type?: ButtonType;

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

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from "vue";
 export type ButtonType = "button" | "submit" | "reset";
-export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text";
+export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
 export type ButtonColor = "default" | "primary" | "secondary" | "destructive";
 export interface ButtonProps {
     type?: ButtonType;

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

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

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

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

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -18,8 +18,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

@@ -18,8 +18,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-select-province.vue

@@ -30,23 +30,35 @@
                           @click="selectProvince(province.value)"
                         >
                           <Card
-                            class="flex flex-col bg-mercury w-[140px] h-[180px]"
+                            class="relative overflow-hidden bg-mercury w-[140px] h-[180px]"
                           >
-                            <div class="font-medium">
-                              {{ province.label }}
-                            </div>
-                            <div
-                              v-if="province.image_cover_url === null"
-                              class="flex flex-col items-center h-full justify-center"
-                            >
-                              <Icon name="lucide:image" size="28" />
-                              <div class="text-gray">ไม่มีรูป</div>
-                            </div>
-                            <img
-                              v-else
-                              :src="province.image_cover_url || ''"
-                              class="w-full object-cover"
-                            />
+                            <!-- No image state -->
+                            <template v-if="province.image_cover_url === null">
+                              <div class="font-medium">
+                                {{ province.label }}
+                              </div>
+                              <div
+                                class="flex flex-col items-center justify-center gap-[4px] h-full mt-2"
+                              >
+                                <Icon name="lucide:image" size="28" />
+                                <div class="text-gray">ไม่มีรูป</div>
+                              </div>
+                            </template>
+
+                            <!-- Has image state -->
+                            <template v-else>
+                              <img
+                                :src="
+  province.image_cover_url || 'https://placehold.co/140x180?text=Place+Photo'
+"
+                                class="w-[140px] h-[180px] object-cover"
+                              />
+                              <div
+                                class="absolute top-0 left-0 right-0 p-2 font-medium text-white bg-gradient-to-b from-black/70 to-transparent"
+                              >
+                                {{ province.label }}
+                              </div>
+                            </template>
                           </Card>
                         </ShadCarouselItem>
                       </ShadCarouselContent>
@@ -101,7 +113,8 @@ const fetchProvinces = async () => {
       provinces.value = data.filter((p) => p.is_active === true).map((p) => ({
         value: String(p.id),
         label: p.name_th,
-        image_cover_url: p.image_cover_url ?? null
+        image_cover_url: p.image_cover_url ?? null,
+        domain: p.domain ?? null
       }));
     }
   } catch (error) {
@@ -115,6 +128,11 @@ const selectedLabel = computed(() => {
 const selectProvince = (value) => {
   modelValue.value = value;
   open.value = false;
+  const selected = provinces.value.find((p) => p.value === value);
+  if (selected?.domain) {
+    const url = selected.domain.startsWith("http") ? selected.domain : `https://${selected.domain}`;
+    window.location.href = url;
+  }
 };
 onMounted(() => {
   fetchProvinces();

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
+    step: number;
     min: number;
     max: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
+    step: number;
     min: number;
     max: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

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

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

@@ -9,7 +9,8 @@ export const buttonVariants = cva(
         outline: "shadow-sm",
         ghost: "",
         link: "underline-offset-4 hover:underline",
-        text: ""
+        text: "",
+        icon: "has-[>svg]:px-0"
       },
       color: {
         default: "text-foreground",
@@ -87,6 +88,26 @@ export const buttonVariants = cva(
         color: "destructive",
         class: "text-destructive hover:bg-destructive/90 hover:text-destructive-foreground"
       },
+      {
+        variant: "icon",
+        color: "default",
+        class: "text-foreground hover:bg-mercury/90"
+      },
+      {
+        variant: "icon",
+        color: "primary",
+        class: "text-primary hover:bg-primary/90 hover:text-primary-foreground"
+      },
+      {
+        variant: "icon",
+        color: "secondary",
+        class: "text-secondary hover:bg-secondary/90 hover:text-secondary-foreground"
+      },
+      {
+        variant: "icon",
+        color: "destructive",
+        class: "text-destructive hover:bg-destructive/90 hover:text-destructive-foreground"
+      },
       // text variant - just plain text with color, no background or hover effects
       {
         variant: "text",

package/dist/runtime/components/ui/card/Card.vue

@@ -1,14 +1,11 @@
 <template>
   <Form v-slot="{ meta }" @submit="onSubmit">
-    <div
-      data-slot="card"
-      :class="
+    <div data-slot="card" :class="
   cn(
-    'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-4',
+    'bg-card text-card-foreground flex flex-col gap-6 rounded-xl py-4',
     props.class
   )
-"
-    >
+">
       <slot name="default" :meta="meta" />
     </div>
   </Form>

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

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
-    size: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
-    size: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
-    size: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
-    size: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/command/index.d.ts

@@ -19,7 +19,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 } | null | undefined = {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
@@ -31,7 +30,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 }>(fallback?: T | undefined) => T extends null ? {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
@@ -43,7 +41,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 } | null : {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
@@ -55,7 +52,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 }, provideCommandContext: (contextValue: {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
@@ -67,7 +63,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 }) => {
     allItems: Ref<Map<string, string>>;
     allGroups: Ref<Map<string, Set<string>>>;
@@ -79,7 +74,6 @@ export declare const useCommand: <T extends {
             groups: Set<string>;
         };
     };
-    modelValue: Ref<unknown>;
 };
 export declare const useCommandGroup: <T extends {
     id?: string;

package/dist/runtime/components/ui/input-group/InputGroupButton.d.vue.ts

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
     size: "icon-xs" | "sm" | "icon-sm" | "xs" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/input-group/InputGroupButton.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
-    variant: "default" | "outline" | "ghost" | "link" | "text" | null;
+    variant: "default" | "outline" | "ghost" | "link" | "text" | "icon" | null;
     size: "icon-xs" | "sm" | "icon-sm" | "xs" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/pagination/PaginationFirst.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationFirst.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationItem.d.vue.ts

@@ -11,7 +11,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationItem.vue.d.ts

@@ -11,7 +11,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationLast.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationLast.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationNext.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationNext.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationPrevious.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/pagination/PaginationPrevious.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
 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" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | 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/package.json

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