@volverjs/ui-vue 0.0.3 → 0.0.5-beta.1

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js

@@ -1 +1 @@
-(function(e,V){typeof exports=="object"&&typeof module<"u"?module.exports=V(require("vue")):typeof define=="function"&&define.amd?define(["vue"],V):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=V(e.vue))})(this,function(e){"use strict";var V=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(V||{}),P=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(P||{}),A=(t=>(t.before="before",t.after="after",t))(A||{});const j=Symbol.for("checkGroup");function x(t){return Array.isArray(t)?t.filter(f=>isString(f)).join(" "):t}function I(t,f){const{invalid:o,valid:v,hint:u,loading:d}=f,{hintLabel:a,modelValue:k,valid:c,validLabel:i,invalid:n,invalidLabel:r,...y}=toRefs(t),s=resolveFieldData(y,"loading"),p=resolveFieldData(y,"loadingLabel"),m=computed(()=>n.value?!!(n.value&&o||r!=null&&r.value&&Array.isArray(r.value)&&r.value.length>0||r!=null&&r.value&&!isEmpty(r)):!1),l=computed(()=>!!(a&&a.value||u)),g=computed(()=>!!(i&&i.value||v)),C=computed(()=>!!(s!=null&&s.value&&d||s!=null&&s.value&&(p!=null&&p.value))),B=computed(()=>l.value||g.value||m.value||C.value);return{hasInvalid:m,hasHint:l,hasValid:g,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(O){const N=computed(()=>{const S=toReactive({hintLabel:a,modelValue:k,valid:c,validLabel:i,invalid:n,invalidLabel:r,loading:s,loadingLabel:p,...O.params});return n!=null&&n.value?(o==null?void 0:o(S))||x(r==null?void 0:r.value)||(a==null?void 0:a.value):c!=null&&c.value?(v==null?void 0:v(S))||x(i==null?void 0:i.value)||(a==null?void 0:a.value):s!=null&&s.value?(d==null?void 0:d(S))||x(p==null?void 0:p.value)||(a==null?void 0:a.value):(u==null?void 0:u(S))||x(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:B,hasInvalid:m,hasValid:g,hintContent:N}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const G={valid:Boolean,validLabel:[String,Array]},R={invalid:Boolean,invalidLabel:[String,Array]},w={disabled:Boolean},F={readonly:Boolean},E={modifiers:[String,Array]},H={hintLabel:{type:String,default:""}},$={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};A.before;const D={tabindex:{type:[String,Number],default:0}},M={id:[String,Number]};V.bottom;const T={...{...M,name:{type:String,required:!0}},...D,...G,...R,...H,...w,...F,...E,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q={...G,...R,...$,...H,...w,...F,...E,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},K={...T,...E,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},z=["click","update:modelValue","change","blur"];function U(t,f){const{group:o,isInGroup:v,getGroupOrLocalRef:u}=useInjectedGroupState(j),{id:d,switch:a,indeterminate:k}=toRefs(t),c=u("modelValue",t,f),i=u("readonly",t),n=u("disabled",t),r=u("valid",t),y=u("invalid",t);return{id:d,propsSwitch:a,indeterminate:k,group:o,isInGroup:v,modelValue:c,readonly:i,disabled:n,valid:r,invalid:y}}const J=["for"],W=["id","name","disabled","value","tabindex","aria-invalid"],Y={name:"VvCheckbox"},Q=e.defineComponent({...Y,props:K,emits:z,setup(t,{emit:f}){const o=t,v=useSlots(),{id:u,disabled:d,readonly:a,valid:k,invalid:c,propsSwitch:i,modelValue:n,indeterminate:r,isInGroup:y}=U(o,f),s=useUniqueId(u),p=computed(()=>g.value?-1:o.tabindex),m=ref(),l=computed(()=>o.uncheckedValue!==void 0&&!y.value),g=computed(()=>d.value||a.value),C=computed(()=>{if(c.value===!0)return!0;if(k.value===!0)return!1}),B=computed(()=>l.value?n.value===o.value:Array.isArray(n.value)?contains(o.value,n.value):equals(o.value,n.value)),O=computed(()=>!!(r.value||!B.value&&l.value&&o.uncheckedValue!==n.value)),N=computed(()=>{if(!l.value)return["string","number","boolean"].includes(typeof o.value)?o.value:!0}),S=computed({get(){return B.value},set(b){if(l.value)n.value=b?o.value:o.uncheckedValue;else if(Array.isArray(n.value)||y.value){const _=new Set(Array.isArray(n.value)?n.value:n.value!==void 0?[n.value]:[]);b?_.add(o.value):_.delete(o.value),n.value=[..._]}else n.value=b?o.value:void 0;f("change",b)}}),{modifiers:oe}=toRefs(o),ne=useBemModifiers("vv-checkbox",oe,computed(()=>({switch:i.value,valid:k.value,invalid:c.value,disabled:d.value,readonly:a.value,indeterminate:r.value})));watchEffect(()=>{l.value&&Array.isArray(n.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),watch(()=>O.value,b=>{b?m.value.indeterminate=!0:m.value.indeterminate=!1}),onMounted(()=>{O.value&&(m.value.indeterminate=!0)});const{HintSlot:ae}=I(o,v);return(b,_)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(ne)),for:e.unref(s)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(s),ref_key:"input",ref:m,"onUpdate:modelValue":_[0]||(_[0]=re=>e.isRef(S)?S.value=re:null),type:"checkbox",class:"vv-checkbox__input",name:b.name,disabled:e.unref(g),value:e.unref(N),tabindex:e.unref(p),"aria-invalid":e.unref(C)},null,8,W),[[e.vModelCheckbox,e.unref(S)]]),e.renderSlot(b.$slots,"default",{value:e.unref(n)},()=>[e.createTextVNode(e.toDisplayString(b.label),1)]),e.createVNode(e.unref(ae),{class:"vv-checkbox__hint",params:{value:e.unref(n)}},null,8,["params"])],10,J))}}),X=q,Z=["update:modelValue","change"],L=["textContent"],ee={class:"vv-checkbox-group__wrapper"},te={name:"VvCheckboxGroup"};return e.defineComponent({...te,props:X,emits:Z,setup(t,{emit:f}){const o=t,v=useSlots(),u=useVModel(o,"modelValue",f),{disabled:d,readonly:a,vertical:k,valid:c,invalid:i,modifiers:n}=toRefs(o);useProvideGroupState({key:j,modelValue:u,disabled:d,readonly:a,valid:c,invalid:i});const{getOptionLabel:r,getOptionValue:y}=useOptions(o),s=useBemModifiers("vv-checkbox-group",n,computed(()=>({disabled:d.value,readonly:a.value,horizontal:!k.value,valid:c.value,invalid:i.value}))),p=(l,g)=>({id:`${o.name}_opt${g}`,name:o.name,label:r(l),value:y(l)}),{HintSlot:m}=I(o,v);return(l,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(s))},[l.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(l.label)},null,8,L)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[l.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(C,B)=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:B},p(C,B)),null,16))),128)):e.renderSlot(l.$slots,"default",{key:1})]),e.createVNode(e.unref(m),{class:"vv-checkbox-group__hint"})],2))}})});
+!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l(require("vue"),require("@vueuse/core"),require("nanoid")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","nanoid"],l):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCheckboxGroup=l(e.vue,e.core,e.nanoid)}(this,(function(e,l,n){"use strict";var t=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(t||{}),a=(e=>(e.before="before",e.after="after",e))(a||{}),o=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(o||{});const u=Symbol.for("checkGroup");function i(e,l,n){return n?d(e,n)===d(l,n):r(e,l)}function r(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){const n=Array.isArray(e),t=Array.isArray(l);let a,o,u;if(n&&t){if(o=e.length,o!=l.length)return!1;for(a=o;0!=a--;)if(!r(e[a],l[a]))return!1;return!0}if(n!=t)return!1;const i=e instanceof Date,d=l instanceof Date;if(i!=d)return!1;if(i&&d)return e.getTime()==l.getTime();const v=e instanceof RegExp,s=l instanceof RegExp;if(v!=s)return!1;if(v&&s)return e.toString()==l.toString();const c=Object.keys(e);if(o=c.length,o!==Object.keys(l).length)return!1;for(a=o;0!=a--;)if(!Object.prototype.hasOwnProperty.call(l,c[a]))return!1;for(a=o;0!=a--;)if(u=c[a],!r(e[u],l[u]))return!1;return!0}return e!=e&&l!=l}function d(e,l){if(e&&Object.keys(e).length&&l){if(-1===l.indexOf("."))return e[l];{const n=l.split(".");let t=e;for(let l=0,a=n.length;l<a;++l){if(null==e)return null;t=t[n[l]]}return t}}return null}function v(l){return null==(n=e.unref(l))||""===n||Array.isArray(n)&&0===n.length||!(n instanceof Date)&&"object"==typeof n&&0===Object.keys(n).length;var n}function s(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(l=e)||l instanceof String;var l})).join(" "):e}function c(n,t){const{invalid:a,valid:o,hint:u,loading:i}=t,{hintLabel:r,modelValue:c,valid:f,validLabel:p,invalid:m,invalidLabel:b,...y}=e.toRefs(n),g=d(y,"loading"),h=d(y,"loadingLabel"),k=e.computed((()=>!!m.value&&(!(!m.value||!a)||(!!((null==b?void 0:b.value)&&Array.isArray(b.value)&&b.value.length>0)||!(!(null==b?void 0:b.value)||v(b)))))),S=e.computed((()=>!!(r&&r.value||u))),V=e.computed((()=>!!(p&&p.value||o))),B=e.computed((()=>!!((null==g?void 0:g.value)&&i||(null==g?void 0:g.value)&&(null==h?void 0:h.value)))),A=e.computed((()=>S.value||V.value||k.value||B.value));return{hasInvalid:k,hasHint:S,hasValid:V,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(n){const t=e.computed((()=>{const e=l.toReactive({hintLabel:r,modelValue:c,valid:f,validLabel:p,invalid:m,invalidLabel:b,loading:g,loadingLabel:h,...n.params});return(null==m?void 0:m.value)?(null==a?void 0:a(e))||s(null==b?void 0:b.value)||(null==r?void 0:r.value):(null==f?void 0:f.value)?(null==o?void 0:o(e))||s(null==p?void 0:p.value)||(null==r?void 0:r.value):(null==g?void 0:g.value)?(null==i?void 0:i(e))||s(null==h?void 0:h.value)||(null==r?void 0:r.value):(null==u?void 0:u(e))||s(null==r?void 0:r.value)||(null==r?void 0:r.value)}));return{isVisible:A,hasInvalid:k,hasValid:V,hintContent:t}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const f={valid:Boolean,validLabel:[String,Array]},p={invalid:Boolean,invalidLabel:[String,Array]},m={disabled:Boolean},b=(Boolean,Boolean,{label:[String,Number]}),y={readonly:Boolean},g={modifiers:[String,Array]},h={hintLabel:{type:String,default:""}},k={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};a.before;const S={tabindex:{type:[String,Number],default:0}},V={id:[String,Number]};t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const B={...{...V,name:{type:String,required:!0}},...S,...f,...p,...h,...m,...y,...g,...b,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]},A={...f,...p,...k,...h,...m,...y,...g,...b,modelValue:[String,Array,Boolean,Number,Symbol],name:{type:String,required:!0},vertical:Boolean};o.button;const x={...B,...g,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean};function O(l,n){const{group:t,isInGroup:a,getGroupOrLocalRef:o}=function(l){const n=e.inject(l,void 0),t=e.computed((()=>!v(n)));return{group:n,isInGroup:t,getGroupOrLocalRef:function(l,t,a){if(null==n?void 0:n.value){const t=e.unref(n.value)[l];return e.computed({get:()=>null==t?void 0:t.value,set(e){t.value=e}})}const o=e.toRef(t,l);return e.computed({get:()=>o.value,set(e){a&&a(`update:${l}`,e)}})}}}(u),{id:i,switch:r,indeterminate:d}=e.toRefs(l),s=o("modelValue",l,n),c=o("valid",l),f=o("invalid",l),p=e.computed((()=>{var e;return Boolean(l.readonly||(null==(e=null==t?void 0:t.value)?void 0:e.disabled.value))})),m=e.computed((()=>{var e;return Boolean(l.disabled||(null==(e=null==t?void 0:t.value)?void 0:e.disabled.value))}));return{id:i,propsSwitch:r,indeterminate:d,group:t,isInGroup:a,modelValue:s,valid:c,invalid:f,readonly:p,disabled:m}}function j(l,n,t){return e.computed((()=>{const a={[l]:!0},o="string"==typeof(null==n?void 0:n.value)?n.value.split(" "):null==n?void 0:n.value;return o&&Array.isArray(o)&&o.forEach((e=>{e&&(a[`${l}--${e}`]=!0)})),t&&Object.keys(t.value).forEach((n=>{a[`${l}--${n}`]=e.unref(t.value[n])})),a}))}const L=["for"],C=["id","name","disabled","value","tabindex","aria-invalid"],w=e.defineComponent({name:"VvCheckbox",props:x,emits:["click","update:modelValue","change","blur"],setup(l,{emit:t}){const a=l,o=e.useSlots(),{id:u,disabled:r,readonly:d,valid:v,invalid:s,propsSwitch:f,modelValue:p,indeterminate:m,isInGroup:b}=O(a,t),y=(l=>e.computed((()=>String((null==l?void 0:l.value)||n.nanoid()))))(u),g=e.computed((()=>S.value?-1:a.tabindex)),h=e.ref(),k=e.computed((()=>void 0!==a.uncheckedValue&&!b.value)),S=e.computed((()=>r.value||d.value)),V=e.computed((()=>!0===s.value||!0!==v.value&&void 0)),B=e.computed((()=>k.value?p.value===a.value:Array.isArray(p.value)?function(e,l){if(null!=e&&l&&l.length)for(const n of l)if(i(e,n))return!0;return!1}(a.value,p.value):i(a.value,p.value))),A=e.computed((()=>!!m.value||!(B.value||!k.value||a.uncheckedValue===p.value))),x=e.computed((()=>{if(!k.value)return!["string","number","boolean"].includes(typeof a.value)||a.value})),w=e.computed({get:()=>B.value,set(e){if(k.value)p.value=e?a.value:a.uncheckedValue;else if(Array.isArray(p.value)||b.value){const l=new Set(Array.isArray(p.value)?p.value:void 0!==p.value?[p.value]:[]);e?l.add(a.value):l.delete(a.value),p.value=[...l]}else p.value=e?a.value:void 0;t("change",e)}}),{modifiers:N}=e.toRefs(a),R=j("vv-checkbox",N,e.computed((()=>({switch:f.value,valid:v.value,invalid:s.value,disabled:r.value,readonly:d.value,indeterminate:m.value}))));e.watchEffect((()=>{k.value&&Array.isArray(p.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")})),e.watch((()=>A.value),(e=>{h.value.indeterminate=!!e})),e.onMounted((()=>{A.value&&(h.value.indeterminate=!0)}));const{HintSlot:E}=c(a,o);return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(R)),for:e.unref(y)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(y),ref_key:"input",ref:h,"onUpdate:modelValue":n[0]||(n[0]=l=>e.isRef(w)?w.value=l:null),type:"checkbox",class:"vv-checkbox__input",name:l.name,disabled:e.unref(S),value:e.unref(x),tabindex:e.unref(g),"aria-invalid":e.unref(V)},null,8,C),[[e.vModelCheckbox,e.unref(w)]]),e.renderSlot(l.$slots,"default",{value:e.unref(p)},(()=>[e.createTextVNode(e.toDisplayString(l.label),1)])),e.createVNode(e.unref(E),{class:"vv-checkbox__hint",params:{value:e.unref(p)}},null,8,["params"])],10,L))}}),N=A;const R=["textContent"],E={class:"vv-checkbox-group__wrapper"};return e.defineComponent({name:"VvCheckboxGroup",props:N,emits:["update:modelValue","change"],setup(n,{emit:t}){const a=n,o=e.useSlots(),i=l.useVModel(a,"modelValue",t),{disabled:r,readonly:d,vertical:v,valid:s,invalid:f,modifiers:p}=e.toRefs(a);!function(l){if(Object.keys(l).some((n=>"key"!==n&&!e.isRef(l[n]))))throw Error("One or more groupState props aren't ref.");e.provide(l.key,e.computed((()=>l)))}({key:u,modelValue:i,disabled:r,readonly:d,valid:s,invalid:f});const{getOptionLabel:m,getOptionValue:b}=function(l){const{options:n,labelKey:t,valueKey:a,disabledKey:o}=e.toRefs(l);return{options:n,getOptionLabel:e=>"object"!=typeof e&&null!==e?e:"function"==typeof t.value?t.value(e):e[t.value],getOptionValue:e=>"object"!=typeof e&&null!==e?e:"function"==typeof a.value?a.value(e):e[a.value],getOptionDisabled:e=>("object"==typeof e||null===e)&&("function"==typeof o.value?o.value(e):e[o.value])}}(a),y=j("vv-checkbox-group",p,e.computed((()=>({disabled:r.value,readonly:d.value,horizontal:!v.value,valid:s.value,invalid:f.value})))),{HintSlot:g}=c(a,o);return(l,n)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(y))},[l.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(l.label)},null,8,R)):e.createCommentVNode("",!0),e.createElementVNode("div",E,[l.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,((l,n)=>(e.openBlock(),e.createBlock(w,e.mergeProps({key:n},((e,l)=>({id:`${a.name}_opt${l}`,name:a.name,label:m(e),value:b(e)}))(l,n)),null,16)))),128)):e.renderSlot(l.$slots,"default",{key:1})]),e.createVNode(e.unref(g),{class:"vv-checkbox-group__hint"})],2))}})}));

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts

@@ -1,13 +1,13 @@
-import type { Option } from '@/types/generic';
+import type { Option } from '../../types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | Option)[]>;
+        type: globalThis.PropType<(string | Option)[]>;
         default: () => never[];
     };
     labelKey: {
@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     valid: BooleanConstructor;
     validLabel: (StringConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | Option)[]>;
+        type: globalThis.PropType<(string | Option)[]>;
         default: () => never[];
     };
     labelKey: {

package/dist/components/VvCheckboxGroup/index.d.ts

@@ -1,12 +1,12 @@
 export declare const VvCheckboxGroupProps: {
-    modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
+    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    label: (StringConstructor | NumberConstructor)[];
+    modifiers: globalThis.PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -14,7 +14,7 @@ export declare const VvCheckboxGroupProps: {
         default: string;
     };
     options: {
-        type: import("vue").PropType<(string | import("../../types/generic").Option)[]>;
+        type: globalThis.PropType<(string | import("../../types/generic").Option)[]>;
         default: () => never[];
     };
     labelKey: {