paket-ui 0.0.2 → 0.0.4

package/dist/module.json

@@ -1,13 +1,13 @@
 {
   "name": "paket-ui",
-  "version": "v0.0.2",
+  "version": "v0.0.4",
   "docs": "https://github.com/kiriminaja/nakama-ui",
   "configKey": "nakama",
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
 
 const name = "paket-ui";
-const version = "v0.0.2";
+const version = "v0.0.4";
 
 const defaultOptions = {
   prefix: "Nx"

package/dist/runtime/components/alert/AlertHelperForm.vue.d.ts

@@ -7,7 +7,7 @@ interface IInfoField {
     variant?: keyof typeof variantConfigHelper;
 }
 declare const _default: import("vue").DefineComponent<IInfoField, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IInfoField> & Readonly<{}>, {
-    icon: string;
     variant: keyof typeof variantConfigHelper;
+    icon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/alert/BaseAlert.vue.d.ts

@@ -17,12 +17,12 @@ type __VLS_Slots = {} & {
     trailing?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     title: string;
-    description: string;
+    class: HTMLAttributes["class"];
+    iconName: string;
     variant: keyof typeof variantConfig;
+    description: string;
     iconSize: keyof typeof iconSizeConfig;
-    iconName: string;
     descriptionClass: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/attachment/ChipAttachment.vue.d.ts

@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onOnClick?: (() => any) | undefined;
     onOnDismiss?: (() => any) | undefined;
 }>, {
-    class: HTMLAttributes["class"];
     type: "image" | "file" | "video" | "audio" | "contact" | "location";
     label: string;
+    class: HTMLAttributes["class"];
     src: string;
     dismissable: boolean;
     iconFallbackSize: keyof typeof iconFallbackSizeConfig;

package/dist/runtime/components/avatar/BaseAvatar.vue.d.ts

@@ -14,11 +14,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     text: string;
-    variant: keyof typeof variantConfig;
+    class: HTMLAttributes["class"];
     size: keyof typeof sizeConfig;
     src: string;
+    variant: keyof typeof variantConfig;
     alt: string;
     shape: "circle" | "square";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/badge/BaseBadge.vue.d.ts

@@ -8,10 +8,10 @@ type __VLS_Props = {
     bgColor?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     label: string;
-    variant: keyof typeof variantConfig;
+    class: HTMLAttributes["class"];
     size: keyof typeof sizeConfig;
+    variant: keyof typeof variantConfig;
     bgColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/badge/IconBadge.vue.d.ts

@@ -11,12 +11,12 @@ type __VLS_Props = {
     textClass?: HTMLAttributes['class'];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     label: string;
-    variant: keyof typeof variantConfig;
+    class: HTMLAttributes["class"];
     size: keyof typeof sizeConfig;
-    iconSize: keyof typeof iconSizeConfig;
     iconName: string;
+    variant: keyof typeof variantConfig;
+    iconSize: keyof typeof iconSizeConfig;
     bgColor: string;
     textClass: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -10,7 +10,7 @@ type __VLS_Props = {
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
-    variant: keyof typeof variantConfig;
     size: keyof typeof sizeConfig;
+    variant: keyof typeof variantConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -14,12 +14,12 @@ type __VLS_Props = {
     labelClass?: HTMLAttributes['class'];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     label: string;
-    variant: keyof typeof variantConfig;
+    class: HTMLAttributes["class"];
     size: keyof typeof sizeConfig;
-    iconSize: keyof typeof iconSizeConfig;
     iconName: string;
+    variant: keyof typeof variantConfig;
+    iconSize: keyof typeof iconSizeConfig;
     iconPosition: "left" | "right";
     iconClass: HTMLAttributes["class"];
     labelClass: HTMLAttributes["class"];

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

@@ -13,11 +13,11 @@ type __VLS_Props = {
     loading?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
     class: HTMLAttributes["class"];
+    size: keyof typeof sizeConfig;
+    variant: keyof typeof variantConfig;
     target: string;
-    label: string;
     icon: string;
-    variant: keyof typeof variantConfig;
-    size: keyof typeof sizeConfig;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/chat/Reply.vue.d.ts

@@ -39,10 +39,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "recorder-remove": () => void;
     recorded: (value: FileList) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRecorded?: ((value: FileList) => any) | undefined;
     onSubmit?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onRecorder-remove"?: (() => any) | undefined;
-    onRecorded?: ((value: FileList) => any) | undefined;
 }>, {
     modelValue: string;
     disabled: boolean;

package/dist/runtime/components/chip/ChipBase.vue.d.ts

@@ -15,11 +15,11 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
-    class: HTMLAttributes["class"];
     label: string;
+    class: HTMLAttributes["class"];
+    iconName: string;
     variant: keyof typeof variantConfig;
     iconSize: keyof typeof iconSizeConfig;
-    iconName: string;
     classLabel: HTMLAttributes["class"];
     classButton: HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/combobox/Combobox.vue

@@ -14,7 +14,7 @@ import { BASE_CLASS, BASE_INVALID_CLASS } from "../input";
 const props = defineProps({
   placeholder: { type: String, required: false, default: "Cari di sini..." },
   icon: { type: String, required: false, default: "material-symbols:keyboard-arrow-down" },
-  modelValue: { type: [String, Number, Object, null], required: false, default: void 0 },
+  modelValue: { type: null, required: false, default: void 0 },
   nullable: { type: Boolean, required: false },
   loadingIcon: { type: String, required: false, default: "svg-spinners:90-ring-with-bg" },
   valueKey: { type: null, required: false, default: () => "id" },

package/dist/runtime/components/cropper/CropperImage.vue.d.ts

@@ -6,11 +6,11 @@ type __VLS_Props = {
     aspectRatio?: number;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    onChange: (payload: File) => any;
     close: () => any;
+    onChange: (payload: File) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOnChange?: ((payload: File) => any) | undefined;
     onClose?: (() => any) | undefined;
+    onOnChange?: ((payload: File) => any) | undefined;
 }>, {
     title: string;
     aspectRatio: number;

package/dist/runtime/components/dialog-reka/DialogContent.vue.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    class: HTMLAttributes["class"];
     title: string;
+    class: HTMLAttributes["class"];
     description: string;
     dissmissOnOutsideClick: boolean;
     isScrollable: boolean;

package/dist/runtime/components/dropdown/Dropdown.vue.d.ts

@@ -29,12 +29,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
-    class: HTMLAttributes["class"];
     label: string;
-    variant: keyof typeof variantConfig;
+    class: HTMLAttributes["class"];
     size: keyof typeof sizeConfig;
-    iconSize: keyof typeof iconSizeConfig;
     iconName: string;
+    variant: keyof typeof variantConfig;
+    iconSize: keyof typeof iconSizeConfig;
     iconPosition: "left" | "right";
     iconClass: HTMLAttributes["class"];
     contentClass: HTMLAttributes["class"];

package/dist/runtime/components/dropdown/DropdownItem.vue.d.ts

@@ -16,13 +16,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
     class: HTMLAttributes["class"];
+    size: keyof typeof sizeConfig;
+    variant: keyof typeof variantConfig;
     value: string;
-    label: string;
     icon: string;
     description: string;
-    variant: keyof typeof variantConfig;
-    size: keyof typeof sizeConfig;
     iconClass: HTMLAttributes["class"];
     command: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/file/DropAreaFile.vue.d.ts

@@ -16,9 +16,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDrop?: ((value: DragEvent) => any) | undefined;
 }>, {
-    class: HTMLAttributes["class"];
     progress: number;
     label: string;
+    class: HTMLAttributes["class"];
     description: string;
     errorMessage: string;
     state: "default" | "validate";

package/dist/runtime/components/input/ButtonFileInput.vue.d.ts

@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onOnChange?: ((payload: FileList | null) => any) | undefined;
 }>, {
     label: string;
-    variant: keyof typeof variantConfig;
     size: keyof typeof sizeConfig;
     iconName: string;
+    variant: keyof typeof variantConfig;
     isMultiple: boolean;
     accept: string[];
     maxFileSize: number;

package/dist/runtime/components/input/IconButtonFileInput.vue.d.ts

@@ -24,9 +24,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onOnSelect?: ((payload: TFileOptions) => any) | undefined;
 }>, {
     class: HTMLAttributes["class"];
-    variant: keyof typeof variantConfig;
     size: keyof typeof sizeConfig;
     iconName: string;
+    variant: keyof typeof variantConfig;
     disabled: boolean;
     fileOptions: TFileOptions[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/InputFieldPhone.vue.d.ts

@@ -21,10 +21,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {
     class: HTMLAttributes["class"];
-    modelValue: string;
     name: string;
-    id: string;
+    modelValue: string;
     placeholder: string;
+    id: string;
     defaultValue: string;
     maxLength: number;
     autocomplete: string;

package/dist/runtime/components/input/InputFileDropable.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((payload: File) => any) | undefined;
 }>, {
-    modelValue: File;
     label: string;
+    modelValue: File;
     defaultValue: File;
     suggestionLabel: string;
     accept: string[];

package/dist/runtime/components/input/InputRadio.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
 }>, {
     class: HTMLAttributes["class"];
-    modelValue: string;
     size: string;
+    modelValue: string;
     id: string;
     defaultValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/loading/LoadingIndicator.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     color: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     errorColor: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     color: {
-        type: (StringConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
     };
     errorColor: {

package/dist/runtime/components/radio/Courier.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
-    class: HTMLAttributes["class"];
     image: string;
+    class: HTMLAttributes["class"];
     size: "small" | "medium";
     selected: boolean;
     disabledMessage: string;

package/dist/runtime/components/radio-group/ButtonRadio.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { RadioGroupItem, RadioGroupRoot } from "reka-ui";
 const props = defineProps({
-  defaultValue: { type: [String, Number, Object, null, Boolean], required: false },
-  modelValue: { type: [String, Number, Object, null, Boolean], required: false },
+  defaultValue: { type: [String, Number, Object, null, Boolean], required: false, skipCheck: true },
+  modelValue: { type: [String, Number, Object, null, Boolean], required: false, skipCheck: true },
   class: { type: null, required: false },
   optionClass: { type: null, required: false },
   optionSelectedClass: { type: null, required: false },

package/dist/runtime/components/select/SelectBase.vue

@@ -14,8 +14,8 @@ import {
 } from "reka-ui";
 const props = defineProps({
   class: { type: null, required: false, default: void 0 },
-  modelValue: { type: [String, Number, Object, null], required: false, default: void 0 },
-  defaultModelValue: { type: [String, Number, Object, null], required: false, default: void 0 },
+  modelValue: { type: null, required: false, default: void 0 },
+  defaultModelValue: { type: null, required: false, default: void 0 },
   options: { type: Array, required: true },
   placeholder: { type: String, required: false, default: "Pilih Satu" },
   valueKey: { type: String, required: false, default: "id" },

package/dist/runtime/components/select/SelectBase.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     class: HTMLAttributes["class"];
     modelValue: AcceptableValue;
-    icon: string;
     placeholder: string;
+    icon: string;
     valueKey: string;
     labelKey: string;
     defaultModelValue: AcceptableValue;

package/dist/runtime/components/select/SelectMultiple.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     class: HTMLAttributes["class"];
     modelValue: AcceptableValue[];
-    icon: string;
     placeholder: string;
+    icon: string;
     valueKey: string;
     labelKey: string;
     defaultModelValue: AcceptableValue[];

package/dist/runtime/components/select/SelectOption.vue.d.ts

@@ -13,8 +13,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
-    required: boolean;
     placeholder: string;
+    required: boolean;
     valueKey: string;
     labelKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/toggle-group/MultiSelect.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
 }>, {
     class: HTMLAttributes["class"];
     modelValue: number[];
-    options: option[];
     id: string;
+    options: option[];
     valueKey: string;
     labelKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/toggle-group/ToggleGroup.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   labelKey: { type: String, required: false, default: "label" },
   options: { type: Array, required: false, default: void 0 },
   multiple: { type: Boolean, required: false, default: false },
-  modelValue: { type: [String, Number, Object, null, Array], required: false, default: [] },
+  modelValue: { type: null, required: false, default: [] },
   allowEmptyValue: { type: Boolean, required: false, default: true }
 });
 const emit = defineEmits(["update:modelValue"]);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "paket-ui",
-  "version": "v0.0.2",
-  "description": "KiriminAja Nakama UI, a UI component library for Nuxt 3 applications.",
-  "repository": "kiriminaja/nakama-ui",
+  "version": "v0.0.4",
+  "description": "KiriminAja Paket UI, a UI component library for Nuxt 3 applications.",
+  "repository": "kiriminaja/paket-ui",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -34,30 +34,30 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/icon": "^1.13.0",
-    "@nuxt/kit": "^3.17.4",
+    "@nuxt/icon": "^1.15.0",
+    "@nuxt/kit": "^3.20.0",
     "@nuxtjs/color-mode": "^3.5.2",
     "clsx": "^2.1.1",
     "defu": "^6.1.4",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@nuxt/test-utils": "^3.19.1",
-    "@types/node": "latest",
-    "changelogen": "^0.6.1",
-    "eslint": "^9.27.0",
-    "nuxt": "^3.17.4",
-    "typescript": "~5.8.3",
-    "reka-ui": "^2.2.1",
-    "@tailwindcss/postcss": "^4.1.7",
-    "@tailwindcss/vite": "^4.1.7",
-    "tailwindcss": "^4.1.7",
-    "tailwind-variants": "^1.0.0",
-    "vitest": "^3.1.4",
-    "vue-tsc": "^2.2.10"
+    "@nuxt/devtools": "^2.7.0",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^3.20.0",
+    "@nuxt/test-utils": "^3.20.1",
+    "@types/node": "^24.10.0",
+    "changelogen": "^0.6.2",
+    "eslint": "^9.39.1",
+    "nuxt": "^4.0.0",
+    "typescript": "~5.9.3",
+    "reka-ui": "^2.6.0",
+    "@tailwindcss/postcss": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.16",
+    "tailwindcss": "^4.1.16",
+    "tailwind-variants": "^3.1.1",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^2.2.12"
   }
 }