@weni/unnnic-system 3.12.3-alpha.0 → 3.12.3-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.12.3-alpha.0",
+  "version": "3.12.3-alpha.1",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/{MultiSelectV2 → MultiSelect}/MultSelectOption.vue

@@ -43,25 +43,7 @@ const props = withDefaults(defineProps<SelectOptionProps>(), {
 }
 
 .unnnic-multi-select-option {
-  //   cursor: pointer;
   border-radius: $unnnic-radius-1;
   font: $unnnic-font-emphasis;
-
-  //   TODO: remove variations styles?
-  //   &:hover:not(&--active):not(&--disabled),
-  //   &--focused {
-  //     background-color: $unnnic-color-bg-soft;
-  //   }
-
-  //   &--active {
-  //     background-color: $unnnic-color-bg-active;
-  //     color: $unnnic-color-fg-inverted;
-  //   }
-
-  //   &--disabled {
-  //     color: $unnnic-color-fg-muted;
-  //     background-color: $unnnic-color-bg-muted;
-  //     cursor: not-allowed;
-  //   }
 }
 </style>

package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap

@@ -0,0 +1,81 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UnnnicMultiSelect.vue > snapshot testing > matches snapshot with default props 1`] = `
+"<div data-v-03c7fb50="" class="unnnic-multi-select"><button data-v-9d52eef8="" data-v-03c7fb50="" class="unnnic-popover-trigger" id="reka-popover-trigger-v-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="" data-state="closed">
+    <section data-v-9f8d6c86="" data-v-d890ad85="" data-v-03c7fb50="" class="unnnic-form-element unnnic-form md unnnic-multi-select__input" data-testid="form-element">
+      <!--v-if-->
+      <div data-v-a0d36167="" data-v-d890ad85="" class="text-input size--md unnnic-multi-select__input unnnic-form-input" hascloudycolor="false" mask=""><input data-v-86533b41="" data-v-a0d36167="" class="unnnic-multi-select__input unnnic-form-input input-itself input size-md normal input--has-icon-right input--has-clear-icon unnnic-multi-select__input unnnic-form-input input-itself" hascloudycolor="false" placeholder="" iconleft="" iconright="keyboard_arrow_down" iconleftclickable="false" iconrightclickable="false" showclear="true" type="text" readonly="" value="">
+        <!--v-if-->
+        <section data-v-a0d36167="" class="icon-right-container"><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable icon-clear" data-testid="material-icon" translate="no">close</span><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant icon-right" data-testid="material-icon" translate="no">keyboard_arrow_down</span></section>
+      </div>
+      <!--v-if-->
+    </section>
+  </button>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>"
+`;
+
+exports[`UnnnicMultiSelect.vue > snapshot testing > matches snapshot with disabled state 1`] = `
+"<div data-v-03c7fb50="" class="unnnic-multi-select"><button data-v-9d52eef8="" data-v-03c7fb50="" class="unnnic-popover-trigger" id="reka-popover-trigger-v-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="" data-state="closed">
+    <section data-v-9f8d6c86="" data-v-d890ad85="" data-v-03c7fb50="" class="unnnic-form-element unnnic-form-element--disabled unnnic-form md unnnic-multi-select__input" data-testid="form-element">
+      <!--v-if-->
+      <div data-v-a0d36167="" data-v-d890ad85="" class="text-input size--md unnnic-multi-select__input unnnic-form-input" hascloudycolor="false" mask=""><input data-v-86533b41="" data-v-a0d36167="" class="unnnic-multi-select__input unnnic-form-input input-itself input size-md normal input--has-icon-right input--has-clear-icon unnnic-multi-select__input unnnic-form-input input-itself" hascloudycolor="false" placeholder="" iconleft="" iconright="keyboard_arrow_down" iconleftclickable="false" iconrightclickable="false" showclear="true" type="text" readonly="" value="" disabled="">
+        <!--v-if-->
+        <section data-v-a0d36167="" class="icon-right-container"><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-muted unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable icon-clear" data-testid="material-icon" translate="no">close</span><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-muted unnnic-icon-size--ant unnnic-icon__size--ant icon-right" data-testid="material-icon" translate="no">keyboard_arrow_down</span></section>
+      </div>
+      <!--v-if-->
+    </section>
+  </button>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>"
+`;
+
+exports[`UnnnicMultiSelect.vue > snapshot testing > matches snapshot with multiple selected values 1`] = `
+"<div data-v-03c7fb50="" class="unnnic-multi-select"><button data-v-9d52eef8="" data-v-03c7fb50="" class="unnnic-popover-trigger" id="reka-popover-trigger-v-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="" data-state="closed">
+    <section data-v-9f8d6c86="" data-v-d890ad85="" data-v-03c7fb50="" class="unnnic-form-element unnnic-form md unnnic-multi-select__input" data-testid="form-element">
+      <!--v-if-->
+      <div data-v-a0d36167="" data-v-d890ad85="" class="text-input size--md unnnic-multi-select__input unnnic-form-input" hascloudycolor="false" mask=""><input data-v-86533b41="" data-v-a0d36167="" class="unnnic-multi-select__input unnnic-form-input input-itself input size-md normal input--has-icon-right input--has-clear-icon unnnic-multi-select__input unnnic-form-input input-itself" hascloudycolor="false" placeholder="" iconleft="" iconright="keyboard_arrow_down" iconleftclickable="false" iconrightclickable="false" showclear="true" type="text" readonly="" value="Option 1, Option 2">
+        <!--v-if-->
+        <section data-v-a0d36167="" class="icon-right-container"><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable icon-clear" data-testid="material-icon" translate="no">close</span><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant icon-right" data-testid="material-icon" translate="no">keyboard_arrow_down</span></section>
+      </div>
+      <!--v-if-->
+    </section>
+  </button>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>"
+`;
+
+exports[`UnnnicMultiSelect.vue > snapshot testing > matches snapshot with search enabled 1`] = `
+"<div data-v-03c7fb50="" class="unnnic-multi-select"><button data-v-9d52eef8="" data-v-03c7fb50="" class="unnnic-popover-trigger" id="reka-popover-trigger-v-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="" data-state="closed">
+    <section data-v-9f8d6c86="" data-v-d890ad85="" data-v-03c7fb50="" class="unnnic-form-element unnnic-form md unnnic-multi-select__input" data-testid="form-element">
+      <!--v-if-->
+      <div data-v-a0d36167="" data-v-d890ad85="" class="text-input size--md unnnic-multi-select__input unnnic-form-input" hascloudycolor="false" mask=""><input data-v-86533b41="" data-v-a0d36167="" class="unnnic-multi-select__input unnnic-form-input input-itself input size-md normal input--has-icon-right input--has-clear-icon unnnic-multi-select__input unnnic-form-input input-itself" hascloudycolor="false" placeholder="" iconleft="" iconright="keyboard_arrow_down" iconleftclickable="false" iconrightclickable="false" showclear="true" type="text" readonly="" value="">
+        <!--v-if-->
+        <section data-v-a0d36167="" class="icon-right-container"><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable icon-clear" data-testid="material-icon" translate="no">close</span><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant icon-right" data-testid="material-icon" translate="no">keyboard_arrow_down</span></section>
+      </div>
+      <!--v-if-->
+    </section>
+  </button>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>"
+`;
+
+exports[`UnnnicMultiSelect.vue > snapshot testing > matches snapshot with selected values 1`] = `
+"<div data-v-03c7fb50="" class="unnnic-multi-select"><button data-v-9d52eef8="" data-v-03c7fb50="" class="unnnic-popover-trigger" id="reka-popover-trigger-v-0" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="" data-state="closed">
+    <section data-v-9f8d6c86="" data-v-d890ad85="" data-v-03c7fb50="" class="unnnic-form-element unnnic-form md unnnic-multi-select__input" data-testid="form-element">
+      <!--v-if-->
+      <div data-v-a0d36167="" data-v-d890ad85="" class="text-input size--md unnnic-multi-select__input unnnic-form-input" hascloudycolor="false" mask=""><input data-v-86533b41="" data-v-a0d36167="" class="unnnic-multi-select__input unnnic-form-input input-itself input size-md normal input--has-icon-right input--has-clear-icon unnnic-multi-select__input unnnic-form-input input-itself" hascloudycolor="false" placeholder="" iconleft="" iconright="keyboard_arrow_down" iconleftclickable="false" iconrightclickable="false" showclear="true" type="text" readonly="" value="Option 1">
+        <!--v-if-->
+        <section data-v-a0d36167="" class="icon-right-container"><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant unnnic--clickable icon-clear" data-testid="material-icon" translate="no">close</span><span data-v-26446d8e="" data-v-a0d36167="" class="unnnic-icon material-symbols-rounded unnnic-icon-scheme--fg-base unnnic-icon-size--ant unnnic-icon__size--ant icon-right" data-testid="material-icon" translate="no">keyboard_arrow_down</span></section>
+      </div>
+      <!--v-if-->
+    </section>
+  </button>
+  <!--teleport start-->
+  <!--teleport end-->
+</div>"
+`;

package/src/components/MultiSelect/__tests__/__snapshots__/MultiSelectOption.spec.js.snap

@@ -0,0 +1,51 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`MultiSelectOption.vue > snapshot testing > matches snapshot with active state 1`] = `
+"<div data-v-d2b97c58="" class="unnnic-multi-select-option">
+  <section data-v-18939422="" data-v-d2b97c58="" class="unnnic-checkbox"><label data-v-18939422="" class="unnnic-checkbox__input-wrapper"><input data-v-18939422="" class="unnnic-checkbox__input" type="checkbox" checked="">
+      <p data-v-18939422="" class="unnnic-checkbox__label" data-testid="checkbox-text-right">Test Option</p>
+    </label>
+    <!--v-if-->
+  </section>
+</div>"
+`;
+
+exports[`MultiSelectOption.vue > snapshot testing > matches snapshot with both active and disabled states 1`] = `
+"<div data-v-d2b97c58="" class="unnnic-multi-select-option">
+  <section data-v-18939422="" data-v-d2b97c58="" class="unnnic-checkbox"><label data-v-18939422="" class="unnnic-checkbox__input-wrapper unnnic-checkbox__input-wrapper--disabled"><input data-v-18939422="" class="unnnic-checkbox__input" type="checkbox" disabled="" checked="">
+      <p data-v-18939422="" class="unnnic-checkbox__label unnnic-checkbox__label--disabled" data-testid="checkbox-text-right">Test Option</p>
+    </label>
+    <!--v-if-->
+  </section>
+</div>"
+`;
+
+exports[`MultiSelectOption.vue > snapshot testing > matches snapshot with default props 1`] = `
+"<div data-v-d2b97c58="" class="unnnic-multi-select-option">
+  <section data-v-18939422="" data-v-d2b97c58="" class="unnnic-checkbox"><label data-v-18939422="" class="unnnic-checkbox__input-wrapper"><input data-v-18939422="" class="unnnic-checkbox__input" type="checkbox">
+      <p data-v-18939422="" class="unnnic-checkbox__label" data-testid="checkbox-text-right">Test Option</p>
+    </label>
+    <!--v-if-->
+  </section>
+</div>"
+`;
+
+exports[`MultiSelectOption.vue > snapshot testing > matches snapshot with disabled state 1`] = `
+"<div data-v-d2b97c58="" class="unnnic-multi-select-option">
+  <section data-v-18939422="" data-v-d2b97c58="" class="unnnic-checkbox"><label data-v-18939422="" class="unnnic-checkbox__input-wrapper unnnic-checkbox__input-wrapper--disabled"><input data-v-18939422="" class="unnnic-checkbox__input" type="checkbox" disabled="">
+      <p data-v-18939422="" class="unnnic-checkbox__label unnnic-checkbox__label--disabled" data-testid="checkbox-text-right">Test Option</p>
+    </label>
+    <!--v-if-->
+  </section>
+</div>"
+`;
+
+exports[`MultiSelectOption.vue > snapshot testing > matches snapshot with focused state 1`] = `
+"<div data-v-d2b97c58="" class="unnnic-multi-select-option">
+  <section data-v-18939422="" data-v-d2b97c58="" class="unnnic-checkbox"><label data-v-18939422="" class="unnnic-checkbox__input-wrapper"><input data-v-18939422="" class="unnnic-checkbox__input" type="checkbox">
+      <p data-v-18939422="" class="unnnic-checkbox__label" data-testid="checkbox-text-right">Test Option</p>
+    </label>
+    <!--v-if-->
+  </section>
+</div>"
+`;

package/src/components/index.ts

@@ -36,7 +36,7 @@ import selectSmart from './SelectSmart/SelectSmart.vue';
 import select from './Select/index.vue';
 import selectItem from './Select/SelectItem.vue';
 // import selectListItem from './SelectListItem/SelectListItem.vue';
-import multiSelect from './MultiSelect/MultiSelect.vue';
+import multiSelect from './MultiSelect/index.vue';
 import alert from './Alert/Alert.vue';
 // import autocomplete from './Input/Autocomplete.vue';
 // import autocompleteSelect from './AutocompleteSelect/AutocompleteSelect.vue';
@@ -171,7 +171,7 @@ export const components: ComponentsMap = {
   unnnicSelect: select,
   unnnicSelectItem: selectItem,
   // unnnicSelectListItem: selectListItem,
-  unnnicMultiSelect: multiSelect,
+  unnnicMultiSelect: multiSelect as VueComponent,
   unnnicAlert: alert,
   unnnicCallAlert: callAlert,
   unnnicCallModal: callModal,
@@ -264,7 +264,7 @@ export const unnnicFontSize = fontSize;
 export const unnnicFormElement = formElement;
 export const unnnicInput = input;
 export const unnnicInputNext = inputNext;
-export const unnnicInputDatePicker = inputDatePicker;
+export const unnnicInputDatePicker = inputDatePicker as VueComponent;
 export const unnnicButton = button;
 export const unnnicButtonIcon = buttonIcon;
 export const unnnicSidebar = sidebar;

package/src/stories/MultiSelect.stories.js

@@ -1,62 +1,158 @@
-import UnnnicMultiSelect from '../components/MultiSelect/MultiSelect.vue';
+import UnnnicMultiSelect from '../components/MultiSelect/index.vue';
+
+const options = [
+  { label: 'Option 1', value: 'option1', altValue: 'alt_value_option1' },
+  { label: 'Option 2', value: 'option2', altValue: 'alt_value_option2' },
+  { label: 'Option 3', value: 'option3', altValue: 'alt_value_option3' },
+  { label: 'Option 4', value: 'option4', altValue: 'alt_value_option4' },
+  { label: 'Option 5', value: 'option5', altValue: 'alt_value_option5' },
+  { label: 'Option 6', value: 'option6', altValue: 'alt_value_option6' },
+  { label: 'Option 7', value: 'option7', altValue: 'alt_value_option7' },
+  { label: 'Option 8', value: 'option8', altValue: 'alt_value_option8' },
+  { label: 'Option 9', value: 'option9', altValue: 'alt_value_option9' },
+  { label: 'Option 10', value: 'option10', disabled: true },
+];
 
 export default {
   title: 'Form/MultiSelect',
   component: UnnnicMultiSelect,
-  argTypes: {},
-  render: (args) => ({
-    components: {
-      UnnnicMultiSelect,
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'MultiSelect is designed to solve common problems related to multiple option selection.',
+      },
+    },
+  },
+  argTypes: {
+    options: {
+      description:
+        'List of items to be displayed in the options. If an item has a `disabled` key set to `true`, that item will be disabled. By default, the component looks for the `label` and `value` keys to display and update the model, but these are not required if you wish to customize them using the `itemLabel` and `itemValue` props, respectively.',
+    },
+    placeholder: {
+      description: 'Text to be displayed in the placeholder.',
+    },
+    label: {
+      description: 'Text to be displayed in the label.',
+    },
+    modelValue: {
+      description:
+        'Model variable. Its type will always match a list of the return type of the key specified by `itemValue`, or the entire options object when the `returnObject` property is set to `true`.',
+    },
+    returnObject: {
+      description:
+        'Prop to indicate that the full option object should be returned in the v-model.',
+    },
+    itemLabel: {
+      description:
+        'Field of the option item that should be used to render the option label.',
+    },
+    itemValue: {
+      description:
+        'Field of the option item that should be used to return value to v-model.',
+    },
+    type: {
+      description: 'Select state type',
+    },
+    errors: {
+      description:
+        "Error message or messages. When it's an array, the messages will be separated by commas.",
+    },
+    message: {
+      description: 'Help or hint message.',
+    },
+    size: {
+      description: 'Select size',
+    },
+    optionsLines: {
+      description:
+        'Number of options to display at most; if exceeded, scrolling will be enabled.',
+    },
+    enableSearch: {
+      description:
+        'If true, enables a search field displayed inside the options popover. The `update:search` event is emitted on each input.',
+    },
+    search: {
+      description: 'Search value.',
     },
+    locale: {
+      description: 'Locale for i18n translations.',
+    },
+    disabled: {
+      description: 'Disable the select.',
+    },
+  },
+  render: (args) => ({
+    components: { UnnnicMultiSelect },
     setup() {
-      return { args };
+      const handleSearch = (value) => {
+        args.search = value;
+      };
+      return { args, handleSearch };
     },
     data() {
       return {
-        groups: [
-          {
-            title: 'Permissões Gerais',
-            selected: 0,
-            items: [
-              {
-                title: 'Moderador',
-                description:
-                  'Gerencia membros do projeto e administra o rocket',
-              },
-              {
-                title: 'Contribuidor',
-                description: 'Consegue editar o projeto',
-              },
-              {
-                title: 'Vizualizador',
-                description: 'Apenas vizualiza o projeto',
-              },
-            ],
-          },
-          {
-            title: 'Permissões do módulo chat',
-            selected: 0,
-            items: [
-              {
-                title: 'Gerente de Atendimento',
-                description:
-                  'Consegue responder mensagens e criar grupos no Rocket',
-              },
-              {
-                title: 'Agente',
-                description: 'Consegue responder mensagens no Rocket',
-              },
-            ],
-          },
-        ],
+        exampleValue: [],
       };
     },
     template: `
-      <div>
-        <UnnnicMultiSelect v-bind="args" v-model="groups" />
-      </div>
+      <p>modelValue: {{ exampleValue }}</p>
+      <unnnic-multi-select v-model="exampleValue" v-bind="args" @update:search="handleSearch" />
     `,
   }),
 };
 
-export const Medium = { args: {} };
+export const Default = {
+  args: {
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+  },
+};
+
+export const ReturnObject = {
+  args: {
+    returnObject: true,
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+  },
+};
+
+export const AlternativeValueKey = {
+  args: {
+    itemValue: 'altValue',
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+  },
+};
+
+export const AlternativeValueLabel = {
+  args: {
+    itemLabel: 'altValue',
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+  },
+};
+
+export const Disabled = {
+  args: {
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+    disabled: true,
+  },
+};
+
+export const WithSearch = {
+  args: {
+    placeholder: 'Placeholder',
+    label: 'Label',
+    options,
+    enableSearch: true,
+    search: '',
+  },
+};

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

@@ -1,163 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    isOpen: {
-        default: boolean;
-    };
-    expand: {
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    inputTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideRadio: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideGroupTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {
-    active: boolean;
-}, {}, {
-    handleIsOpenKeyboard(event: any): void;
-    onClickOutside(): void;
-    change(indexGroup: any, indexSelected: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    isOpen: {
-        default: boolean;
-    };
-    expand: {
-        default: boolean;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    inputTitle: {
-        type: StringConstructor;
-        default: string;
-    };
-    hideRadio: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideGroupTitle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    label: string;
-    modelValue: unknown[];
-    isOpen: boolean;
-    expand: boolean;
-    inputTitle: string;
-    hideRadio: boolean;
-    hideGroupTitle: boolean;
-    unselectable: boolean;
-}, {}, {
-    UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        click: (event: Event) => any;
-        mousedown: (event: Event) => any;
-        mouseup: (event: Event) => any;
-    }, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
-        onClick?: ((event: Event) => any) | undefined;
-        onMousedown?: ((event: Event) => any) | undefined;
-        onMouseup?: ((event: Event) => any) | undefined;
-    }>, {
-        size: import('../Icon.vue').IconSize;
-        filled: boolean;
-        icon: string | null;
-        clickable: boolean;
-        scheme: import('../Icon.vue').SchemeColor;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    UnnnicRadio: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-            $emit: (event: "update:modelValue", ...args: any[]) => void;
-            disabled: boolean;
-            label: string;
-            name: string;
-            modelValue: string | number;
-            value: string | number;
-            helper: string;
-            $props: {
-                readonly disabled?: boolean | undefined;
-                readonly label?: string | undefined;
-                readonly name?: string | undefined;
-                readonly modelValue?: string | number | undefined;
-                readonly value?: string | number | undefined;
-                readonly helper?: string | undefined;
-            };
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{}> & Readonly<{}>, {
-            $emit: (event: "update:modelValue", ...args: any[]) => void;
-            disabled: boolean;
-            label: string;
-            name: string;
-            modelValue: string | number;
-            value: string | number;
-            helper: string;
-            $props: {
-                readonly disabled?: boolean | undefined;
-                readonly label?: string | undefined;
-                readonly name?: string | undefined;
-                readonly modelValue?: string | number | undefined;
-                readonly value?: string | number | undefined;
-                readonly helper?: string | undefined;
-            };
-        }, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        disabled: boolean;
-        label: string;
-        name: string;
-        modelValue: string | number;
-        value: string | number;
-        helper: string;
-        $props: {
-            readonly disabled?: boolean | undefined;
-            readonly label?: string | undefined;
-            readonly name?: string | undefined;
-            readonly modelValue?: string | number | undefined;
-            readonly value?: string | number | undefined;
-            readonly helper?: string | undefined;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-}, {
-    onClickOutside: any;
-}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=MultiSelect.vue.d.ts.map

package/dist/components/MultiSelect/MultiSelect.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.vue"],"names":[],"mappings":"AA6EA;"}