sprintify-ui 0.6.84 → 0.6.85

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType, ComputedRef } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { SelectConfiguration } from '@/types';
 declare function open(): void;
 declare function close(): void;
@@ -9,11 +9,11 @@ declare function blur(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -109,11 +109,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -203,7 +203,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     filter: (option: NormalizedOption) => boolean;
     required: boolean;
-    modelValue: Option | null | undefined;
+    modelValue: RawOption | null | undefined;
     size: "xs" | "sm" | "md";
     select: SelectConfiguration | undefined;
     name: string;
@@ -233,7 +233,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: typeof open;
         close: typeof close;
         keywords: ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseAutocompleteDrawer.vue.d.ts

@@ -78,7 +78,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}>, {
     empty?(_: {}): any;
     option?(_: {
-        option: import("@/types").Option;
+        option: import("@/types").RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseAutocompleteFetch.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     url: {
         required: true;
@@ -92,7 +92,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     url: {
         required: true;
@@ -174,7 +174,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
-    modelValue: Option | null | undefined;
+    modelValue: RawOption | null | undefined;
     size: "xs" | "sm" | "md";
     select: SelectConfiguration | undefined;
     name: string;
@@ -196,7 +196,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: () => void;
         close: () => void;
         keywords: import("vue").ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseBelongsTo.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     primaryKey: {
         default: string;
@@ -88,7 +88,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     primaryKey: {
         default: string;
@@ -180,7 +180,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: () => void;
         close: () => void;
         keywords: import("vue").ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseBelongsToFetch.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     currentModel: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     hasError: {
         default: boolean;
@@ -128,7 +128,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     currentModel: {
         default: undefined;
-        type: PropType<Option | null | undefined>;
+        type: PropType<RawOption | null | undefined>;
     };
     hasError: {
         default: boolean;
@@ -190,7 +190,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     emptyOptionLabel: string;
     primaryKey: string;
     showRouteUrl: ((id: string | number) => string) | undefined;
-    currentModel: Option | null | undefined;
+    currentModel: RawOption | null | undefined;
 }, {}>, {
     option?(_: {
         focus: () => void;
@@ -198,7 +198,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: () => void;
         close: () => void;
         keywords: import("vue").ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseButtonGroup.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | Option[] | null | undefined>;
+        type: PropType<RawOption | RawOption[] | null | undefined>;
     };
     class: {
         default: string;
@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"button" | "submit">;
     };
     buttonColor: {
-        default(option: Option, selected: boolean): "" | "primary";
-        type: PropType<(option: Option, selected: boolean) => string>;
+        default(option: RawOption, selected: boolean): "" | "primary";
+        type: PropType<(option: RawOption, selected: boolean) => string>;
     };
     twButton: {
         default: string;
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<Option | Option[] | null | undefined>;
+        type: PropType<RawOption | RawOption[] | null | undefined>;
     };
     class: {
         default: string;
@@ -89,8 +89,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<"button" | "submit">;
     };
     buttonColor: {
-        default(option: Option, selected: boolean): "" | "primary";
-        type: PropType<(option: Option, selected: boolean) => string>;
+        default(option: RawOption, selected: boolean): "" | "primary";
+        type: PropType<(option: RawOption, selected: boolean) => string>;
     };
     twButton: {
         default: string;
@@ -102,7 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -129,13 +129,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     class: string | string[];
     required: boolean;
-    modelValue: Option | Option[] | null | undefined;
+    modelValue: RawOption | RawOption[] | null | undefined;
     size: "xs" | "sm" | "md";
     name: string;
     disabled: boolean;
     hasError: boolean;
     buttonType: "button" | "submit";
-    buttonColor: (option: Option, selected: boolean) => string;
+    buttonColor: (option: RawOption, selected: boolean) => string;
     twButton: string | string[];
     spacing: "default" | "none";
     multiple: boolean;

package/dist/types/components/BaseColor.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
         default(): string[];
     };
     buttonColor: {
-        default(option: Option, selected: boolean): any;
-        type: PropType<(option: Option, selected: boolean) => string>;
+        default(option: RawOption, selected: boolean): any;
+        type: PropType<(option: RawOption, selected: boolean) => string>;
     };
     multiple: {
         default: boolean;
@@ -69,8 +69,8 @@ declare const _default: import("vue").DefineComponent<{
         default(): string[];
     };
     buttonColor: {
-        default(option: Option, selected: boolean): any;
-        type: PropType<(option: Option, selected: boolean) => string>;
+        default(option: RawOption, selected: boolean): any;
+        type: PropType<(option: RawOption, selected: boolean) => string>;
     };
     multiple: {
         default: boolean;
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     hasError: boolean;
     buttonType: "button" | "submit";
-    buttonColor: (option: Option, selected: boolean) => string;
+    buttonColor: (option: RawOption, selected: boolean) => string;
     multiple: boolean;
     colors: string[];
 }, {}>;

package/dist/types/components/BaseDropdownAutocomplete.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import { Placement } from '@floating-ui/vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        type: PropType<Option | Option[] | null | undefined>;
+        type: PropType<RawOption | RawOption[] | null | undefined>;
         default: undefined;
     };
     multiple: {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     options: {
-        type: PropType<Option[] | undefined>;
+        type: PropType<RawOption[] | undefined>;
         default: undefined;
     };
     labelKey: {
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: PropType<Option | Option[] | null | undefined>;
+        type: PropType<RawOption | RawOption[] | null | undefined>;
         default: undefined;
     };
     multiple: {
@@ -62,7 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     options: {
-        type: PropType<Option[] | undefined>;
+        type: PropType<RawOption[] | undefined>;
         default: undefined;
     };
     labelKey: {
@@ -97,10 +97,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
-    modelValue: Option | Option[] | null | undefined;
+    modelValue: RawOption | RawOption[] | null | undefined;
     size: "xs" | "sm" | "base";
     select: SelectConfiguration | undefined;
-    options: Option[] | undefined;
+    options: RawOption[] | undefined;
     labelKey: string;
     valueKey: string;
     emptyOptionLabel: string;

package/dist/types/components/BaseHasMany.vue.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     currentModels: {
         default(): undefined;
-        type: PropType<Option[] | undefined>;
+        type: PropType<RawOption[] | undefined>;
     };
     hasError: {
         default: boolean;
@@ -100,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     currentModels: {
         default(): undefined;
-        type: PropType<Option[] | undefined>;
+        type: PropType<RawOption[] | undefined>;
     };
     hasError: {
         default: boolean;
@@ -118,7 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     max: number;
     primaryKey: string;
     showRouteUrl: ((ids: (string | number)[]) => string) | undefined;
-    currentModels: Option[] | undefined;
+    currentModels: RawOption[] | undefined;
 }, {}>, {
     items?(_: {
         items: import("@/types").NormalizedOption[];
@@ -131,7 +131,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: () => void;
         close: () => void;
         keywords: import("vue").ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseRadioGroup.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { NormalizedOption, Option, OptionValue } from '@/types';
+import { NormalizedOption, RawOption, OptionValue } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -62,7 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;

package/dist/types/components/BaseSelect.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 type SelectOption = string | number | null;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         default: undefined;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         default: undefined;
@@ -87,7 +87,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     options: {
         default: undefined;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         default: undefined;
@@ -108,7 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     modelValue: SelectOption | undefined;
     size: "xs" | "sm" | "md";
-    options: Option[];
+    options: RawOption[];
     labelKey: string;
     valueKey: string;
     name: string;

package/dist/types/components/BaseTagAutocomplete.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType, ComputedRef } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 declare function open(): void;
 declare function close(): void;
 declare function setKeywords(input: string): void;
@@ -8,11 +8,11 @@ declare function blur(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         required: true;
-        type: PropType<Option[] | null>;
+        type: PropType<RawOption[] | null>;
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -97,11 +97,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
-        type: PropType<Option[] | null>;
+        type: PropType<RawOption[] | null>;
     };
     options: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     labelKey: {
         required: true;
@@ -212,7 +212,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: typeof open;
         close: typeof close;
         keywords: ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/components/BaseTagAutocompleteFetch.vue.d.ts

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     url: {
         required: true;
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
-        type: PropType<Option[]>;
+        type: PropType<RawOption[]>;
     };
     url: {
         required: true;
@@ -126,7 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         open: () => void;
         close: () => void;
         keywords: import("vue").ComputedRef<string>;
-        option: Option;
+        option: RawOption;
         selected: boolean;
         active: boolean;
     }): any;

package/dist/types/composables/hasOptions.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { NormalizedOption, Option } from '@/types';
-export declare function useHasOptions(modelValue: Ref<Option[] | Option | null | undefined>, options: Ref<Option[]>, labelKey: Ref<string>, valueKey: Ref<string>, multiple?: Ref<boolean>): {
+import { NormalizedOption, RawOption } from '@/types';
+export declare function useHasOptions(modelValue: Ref<RawOption[] | RawOption | null | undefined>, options: Ref<RawOption[]>, labelKey: Ref<string>, valueKey: Ref<string>, multiple?: Ref<boolean>): {
     normalizedOptions: import("vue").ComputedRef<NormalizedOption[]>;
     normalizedModelValue: import("vue").ComputedRef<NormalizedOption | NormalizedOption[] | null>;
     isSelected: (option: NormalizedOption) => boolean;

package/dist/types/types/Media.d.ts

@@ -6,4 +6,4 @@ interface Media {
     mime_type: string;
     url: string;
 }
-export { Media };
+export type { Media };

package/dist/types/types/Notification.d.ts

@@ -6,4 +6,4 @@ interface Notification {
     read?: boolean;
     created_at?: string;
 }
-export { Notification };
+export type { Notification };

package/dist/types/types/UploadedFile.d.ts

@@ -7,4 +7,4 @@ interface UploadedFile {
     original_file?: File;
     data_url?: string;
 }
-export { UploadedFile };
+export type { UploadedFile };

package/dist/types/types/User.d.ts

@@ -3,4 +3,4 @@ interface User {
     email?: string;
     avatar_url?: string;
 }
-export { User };
+export type { User };

package/dist/types/types/index.d.ts

@@ -27,9 +27,9 @@ export interface DataTableQuery extends Record<string, any> {
     filter?: Record<string, any>;
 }
 export type OptionValue = string | number | null;
-export type Option = Record<string, any>;
+export type RawOption = Record<string, any>;
 export type NormalizedOption = {
-    option: Option;
+    option: RawOption;
     value: OptionValue;
     label: string;
 };

package/dist/types/utils/sizes.d.ts

@@ -16,4 +16,5 @@ declare const sizes: {
     };
 };
 type Size = keyof typeof sizes;
-export { sizes, Size };
+export { sizes };
+export type { Size };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.84",
+  "version": "0.6.85",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.vue

@@ -108,7 +108,7 @@
 
 <script lang="ts" setup>
 import { PropType, ComputedRef } from 'vue';
-import { NormalizedOption, Option, OptionValue } from '@/types';
+import { NormalizedOption, RawOption, OptionValue } from '@/types';
 import { useHasOptions } from '@/composables/hasOptions';
 import { useField } from '@/composables/field';
 import { Icon as BaseIcon } from '@iconify/vue';
@@ -122,11 +122,11 @@ import { BaseInput, BaseSelect } from '.';
 const props = defineProps({
   modelValue: {
     default: undefined,
-    type: [Object, null] as PropType<Option | null | undefined>,
+    type: [Object, null] as PropType<RawOption | null | undefined>,
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,
@@ -411,7 +411,7 @@ const clear = () => {
   emit('clear');
 };
 
-function onSelect(normalizedModelValue: Option | null | undefined) {
+function onSelect(normalizedModelValue: RawOption | null | undefined) {
   focus();
   update(normalizedModelValue);
   if (props.dropdownShow == 'focus') {
@@ -419,7 +419,7 @@ function onSelect(normalizedModelValue: Option | null | undefined) {
   }
 }
 
-function update(normalizedSelection: Option | null | undefined) {
+function update(normalizedSelection: RawOption | null | undefined) {
   // Re-activate filter
   shouldFilter.value = false;
 

package/src/components/BaseAutocompleteFetch.vue

@@ -66,7 +66,7 @@ import { debounce, throttle } from 'lodash';
 import { PropType } from 'vue';
 import {
   Collection,
-  Option,
+  RawOption,
   PaginatedCollection,
   ResourceCollection,
   SelectConfiguration,
@@ -88,7 +88,7 @@ import { Size } from '@/utils/sizes';
 const props = defineProps({
   modelValue: {
     default: undefined,
-    type: [Object, null] as PropType<Option | null | undefined>,
+    type: [Object, null] as PropType<RawOption | null | undefined>,
   },
   url: {
     required: true,
@@ -177,7 +177,7 @@ const fetching = ref(false);
 const firstSearch = ref(false);
 const keywords = ref('');
 const page = ref(1);
-const options = ref<Option[]>([]);
+const options = ref<RawOption[]>([]);
 
 const data = ref<null | ResourceCollection | PaginatedCollection | Collection>(
   null
@@ -268,7 +268,7 @@ const debouncedSearch = debounce(() => {
   search();
 }, 300);
 
-function filterOptions(option: Option): boolean {
+function filterOptions(option: RawOption): boolean {
   // Do nothing if showEmptyOption is false
   if (!props.showEmptyOption) {
     return true;

package/src/components/BaseBelongsTo.vue

@@ -45,7 +45,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 
 const props = defineProps({
@@ -57,7 +57,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   primaryKey: {
     default: 'id',
@@ -135,7 +135,7 @@ const model = computed(() => {
     : null;
 });
 
-function onUpdate(newModel: Option | null) {
+function onUpdate(newModel: RawOption | null) {
   if (!newModel) {
     emit('update:modelValue', null, null);
   } else {

package/src/components/BaseBelongsToFetch.vue

@@ -47,7 +47,7 @@ import { PropType } from 'vue';
 import { AxiosResponse } from 'axios';
 import { config } from '@/index';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 import { debounce, isObject } from 'lodash';
 
@@ -92,7 +92,7 @@ const props = defineProps({
   },
   currentModel: {
     default: undefined,
-    type: [Object, null, undefined] as PropType<Option | null | undefined>,
+    type: [Object, null, undefined] as PropType<RawOption | null | undefined>,
   },
   hasError: {
     default: false,
@@ -144,7 +144,7 @@ const autocompleteFetch = ref<InstanceType<
   typeof BaseAutocompleteFetch
 > | null>(null);
 
-const model = ref<Option | null>(null);
+const model = ref<RawOption | null>(null);
 const ensureModelIsFilledDebounced = debounce(ensureModelIsFilled, 100);
 
 watch(
@@ -159,7 +159,7 @@ watch(
 
 ensureModelIsFilledDebounced();
 
-function onUpdate(newModel: Option | null) {
+function onUpdate(newModel: RawOption | null) {
   if (!newModel) {
     model.value = null;
     emit('update:modelValue', null, null);

package/src/components/BaseButtonGroup.vue

@@ -27,7 +27,7 @@
 
 <script lang="ts" setup>
 import { PropType, computed } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { cloneDeep, isArray } from 'lodash';
 import { useHasOptions } from '@/composables/hasOptions';
 import { useField } from '@/composables/field';
@@ -43,7 +43,7 @@ const props = defineProps({
   modelValue: {
     default: undefined,
     type: [Object, Array, null, undefined] as PropType<
-      Option[] | Option | null | undefined
+      RawOption[] | RawOption | null | undefined
     >,
   },
   class: {
@@ -67,10 +67,10 @@ const props = defineProps({
     type: String as PropType<'button' | 'submit'>,
   },
   buttonColor: {
-    default(option: Option, selected: boolean) {
+    default(option: RawOption, selected: boolean) {
       return selected ? 'primary' : ''
     },
-    type: Function as PropType<(option: Option, selected: boolean) => string>,
+    type: Function as PropType<(option: RawOption, selected: boolean) => string>,
   },
   twButton: {
     default: '',
@@ -82,7 +82,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseColor.vue

@@ -35,7 +35,7 @@ import { PropType } from 'vue';
 import { BaseButtonGroup } from '.';
 import { isArray } from 'lodash';
 import { useField } from '@/composables/field';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 import { palette } from '@/utils/colors';
 import { getContrast } from 'color2k';
 import { Size } from '@/utils/sizes';
@@ -70,10 +70,10 @@ const props = defineProps({
     },
   },
   buttonColor: {
-    default(option: Option, selected: boolean) {
+    default(option: RawOption, selected: boolean) {
       return option.value;
     },
-    type: Function as PropType<(option: Option, selected: boolean) => string>,
+    type: Function as PropType<(option: RawOption, selected: boolean) => string>,
   },
   multiple: {
     default: false,
@@ -126,7 +126,7 @@ const { emitUpdate } = useField({
   emit: emit,
 });
 
-function transformModelValue(payload: Option | Option[] | null) {
+function transformModelValue(payload: RawOption | RawOption[] | null) {
   if (props.multiple) {
     let newModalValue = [] as string[];
 

package/src/components/BaseDropdownAutocomplete.vue

@@ -61,7 +61,7 @@
 <script lang="ts" setup>
 import { isArray } from 'lodash';
 import { PropType } from 'vue';
-import { Option, SelectConfiguration } from '@/types';
+import { RawOption, SelectConfiguration } from '@/types';
 import BaseDropdown from './BaseDropdown.vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
@@ -72,7 +72,7 @@ import { Placement } from '@floating-ui/vue';
 const props = defineProps({
   modelValue: {
     type: [Array, Object, null, undefined] as PropType<
-      Option[] | Option | null | undefined
+      RawOption[] | RawOption | null | undefined
     >,
     default: undefined,
   },
@@ -85,7 +85,7 @@ const props = defineProps({
     default: undefined,
   },
   options: {
-    type: Array as PropType<Option[] | undefined>,
+    type: Array as PropType<RawOption[] | undefined>,
     default: undefined,
   },
   labelKey: {
@@ -174,7 +174,7 @@ watch(
 );
 
 function onUpdate(
-  value: Option | Option[] | null | undefined,
+  value: RawOption | RawOption[] | null | undefined,
   close: () => void
 ) {
   newValue.value = getNewValue(value);
@@ -186,7 +186,7 @@ function onUpdate(
   }
 }
 
-function getNewValue(value: Option | Option[] | null | undefined) {
+function getNewValue(value: RawOption | RawOption[] | null | undefined) {
   if (isArray(value)) {
     return value;
   }

package/src/components/BaseHasMany.vue

@@ -45,7 +45,7 @@
 
 <script lang="ts" setup>
 import { debounce } from 'lodash';
-import { Option } from '@/types';
+import { RawOption } from '@/types';
 import { config } from '@/index';
 import { PropType } from 'vue';
 import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
@@ -97,7 +97,7 @@ const props = defineProps({
     default() {
       return undefined;
     },
-    type: Array as PropType<Option[] | undefined>,
+    type: Array as PropType<RawOption[] | undefined>,
   },
   hasError: {
     default: false,
@@ -113,7 +113,7 @@ const tagAutocompleteFetch = ref<InstanceType<
   typeof BaseTagAutocompleteFetch
 > | null>(null);
 
-const models = ref<Option[]>([]);
+const models = ref<RawOption[]>([]);
 const ensureModelIsFilledDebounced = debounce(() => ensureModelsAreFilled(), 100);
 
 watch(
@@ -130,7 +130,7 @@ watch(
 
 ensureModelIsFilledDebounced();
 
-function onUpdate(newModels: Option[]) {
+function onUpdate(newModels: RawOption[]) {
   models.value = newModels;
   emit(
     'update:modelValue',

package/src/components/BaseRadioGroup.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import { PropType } from 'vue';
-import { NormalizedOption, Option, OptionValue } from '@/types';
+import { NormalizedOption, RawOption, OptionValue } from '@/types';
 import { useField } from '@/composables/field';
 import { uniqueId } from 'lodash';
 
@@ -61,7 +61,7 @@ const props = defineProps({
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseSelect.vue

@@ -41,7 +41,7 @@
 import { PropType } from 'vue';
 import { get, isArray } from 'lodash';
 import { useField } from '@/composables/field';
-import { NormalizedOption, OptionValue, Option } from '@/types';
+import { NormalizedOption, OptionValue, RawOption } from '@/types';
 import { t } from '@/i18n';
 import { twMerge } from 'tailwind-merge';
 import { Size, sizes } from '@/utils/sizes';
@@ -90,7 +90,7 @@ const props = defineProps({
   },
   options: {
     default: undefined,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     default: undefined,

package/src/components/BaseTagAutocomplete.vue

@@ -92,7 +92,7 @@
 <script lang="ts" setup>
 import { cloneDeep, get } from 'lodash';
 import { PropType, ComputedRef } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { useHasOptions } from '@/composables/hasOptions';
 import { useField } from '@/composables/field';
 import { useClickOutside } from '@/composables/clickOutside';
@@ -107,11 +107,11 @@ const notifications = useNotificationsStore();
 const props = defineProps({
   modelValue: {
     required: true,
-    type: [Array, null] as PropType<Option[] | null>,
+    type: [Array, null] as PropType<RawOption[] | null>,
   },
   options: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   labelKey: {
     required: true,

package/src/components/BaseTagAutocompleteFetch.vue

@@ -63,7 +63,7 @@ import { config } from '@/index';
 import { PropType } from 'vue';
 import {
   Collection,
-  Option,
+  RawOption,
   PaginatedCollection,
   ResourceCollection,
 } from '@/types';
@@ -74,7 +74,7 @@ import { t } from '@/i18n';
 const props = defineProps({
   modelValue: {
     required: true,
-    type: Array as PropType<Option[]>,
+    type: Array as PropType<RawOption[]>,
   },
   url: {
     required: true,
@@ -131,7 +131,7 @@ const fetching = ref(false);
 const firstSearch = ref(false);
 const keywords = ref('');
 const page = ref(1);
-const options = ref<Option[]>([]);
+const options = ref<RawOption[]>([]);
 
 const data = ref<null | ResourceCollection | PaginatedCollection | Collection>(
   null

package/src/composables/hasOptions.ts

@@ -1,10 +1,10 @@
 import { Ref } from 'vue';
-import { NormalizedOption, Option } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import { isArray, isObject } from 'lodash';
 
 export function useHasOptions(
-  modelValue: Ref<Option[] | Option | null | undefined>,
-  options: Ref<Option[]>,
+  modelValue: Ref<RawOption[] | RawOption | null | undefined>,
+  options: Ref<RawOption[]>,
   labelKey: Ref<string>,
   valueKey: Ref<string>,
   multiple: Ref<boolean> = ref(false)

package/src/types/Media.ts

@@ -7,4 +7,4 @@ interface Media {
   url: string;
 }
 
-export { Media };
+export type { Media };

package/src/types/Notification.ts

@@ -8,4 +8,4 @@ interface Notification {
   created_at?: string;
 }
 
-export { Notification };
+export type { Notification };

package/src/types/UploadedFile.ts

@@ -8,4 +8,4 @@ interface UploadedFile {
   data_url?: string;
 }
 
-export { UploadedFile };
+export type { UploadedFile };

package/src/types/User.ts

@@ -4,4 +4,4 @@ interface User {
   avatar_url?: string;
 }
 
-export { User };
+export type { User };

package/src/types/index.ts

@@ -34,10 +34,10 @@ export interface DataTableQuery extends Record<string, any> {
 
 export type OptionValue = string | number | null;
 
-export type Option = Record<string, any>;
+export type RawOption = Record<string, any>;
 
 export type NormalizedOption = {
-  option: Option;
+  option: RawOption;
   value: OptionValue;
   label: string;
 };

package/src/utils/sizes.ts

@@ -18,4 +18,6 @@ const sizes = {
 
 type Size = keyof typeof sizes;
 
-export { sizes, Size }
+export { sizes };
+
+export type { Size };