sprintify-ui 0.6.83 → 0.6.85

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/BaseJsonReader.vue.d.ts

@@ -1,22 +1,25 @@
 import { Size } from '@/utils/sizes';
-interface JsonData {
-    [key: string]: string | number | null | undefined | JsonData[];
-}
+import { JsonData } from '@/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     modelValue: JsonData;
     size?: "xs" | "sm" | "md" | undefined;
     variant?: "list" | "collapse" | undefined;
+    class?: string | string[] | undefined;
 }>, {
     size: string;
     variant: string;
+    class: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     modelValue: JsonData;
     size?: "xs" | "sm" | "md" | undefined;
     variant?: "list" | "collapse" | undefined;
+    class?: string | string[] | undefined;
 }>, {
     size: string;
     variant: string;
+    class: undefined;
 }>>>, {
+    class: string | string[];
     size: Size;
     variant: 'list' | 'collapse';
 }, {}>;

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

@@ -0,0 +1,25 @@
+import { JsonDataItem } from '@/types';
+import { Size } from '@/utils/sizes';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: JsonDataItem;
+    label: string | number;
+    size: Size;
+    class?: string | string[] | undefined;
+    variant: 'list' | 'collapse';
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue: JsonDataItem;
+    label: string | number;
+    size: Size;
+    class?: string | string[] | undefined;
+    variant: 'list' | 'collapse';
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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;
 };
@@ -220,3 +220,7 @@ export interface TimelineItem {
     onEdit?: () => void | Promise<void>;
     onDelete?: () => void | Promise<void>;
 }
+export type JsonDataItem = string | number | null | undefined | JsonData[] | JsonData;
+export interface JsonData {
+    [key: string]: JsonDataItem;
+}

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.83",
+  "version": "0.6.85",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/assets/main.css

@@ -6,7 +6,6 @@
 @import "./base-table.css";
 @import "./base-tabs.css";
 @import "./base-spinner.css";
-@import "./base-json-reader";
 
 /** BaseAddressForm */
 @import "./google-pac.css";

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;
   }