sprintify-ui 0.6.84 → 0.6.86

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.86",
   "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;