pukaad-ui-lib 1.8.0 → 1.9.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.8.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

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

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

@@ -37,8 +37,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     description: string;
     limit: number;
-    options: AutocompleteOption[] | string[] | 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-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/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/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.8.0",
+  "version": "1.9.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",