@onereach/ui-components 2.62.3-beta.1899.0 → 2.62.3-beta.1900.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/v2/{OrConfirm-d561bf82.js → OrConfirm-8d149ece.js} +1 -1
  2. package/dist/v2/{OrIconButton-1b34f3fa.js → OrIconButton-5883eba0.js} +1 -1
  3. package/dist/v2/{OrInlineInput-e754cb9f.js → OrInlineInput-16a343c1.js} +1 -1
  4. package/dist/v2/{OrInlineTextarea-7dc58bb1.js → OrInlineTextarea-f154bdf5.js} +1 -1
  5. package/dist/v2/{OrInput-0dcfba2a.js → OrInput-4a50fe57.js} +1 -1
  6. package/dist/v2/{OrModal-1ed53441.js → OrModal-64c5ae2e.js} +1 -1
  7. package/dist/v2/{OrNotification-e2d510b3.js → OrNotification-9c164908.js} +1 -1
  8. package/dist/v2/{OrSearch-45ea8c33.js → OrSearch-a247f072.js} +1 -1
  9. package/dist/v2/{OrSelect-b44cac14.js → OrSelect-bb223cce.js} +33 -13
  10. package/dist/v2/{OrTag-c42c3f9c.js → OrTag-ab03c4f7.js} +1 -1
  11. package/dist/v2/components/or-select-v3/OrSelect.vue.d.ts +2 -2
  12. package/dist/v2/index.d.ts +0 -1
  13. package/dist/v2/index.js +11 -12
  14. package/dist/v2/index2.js +11 -12
  15. package/dist/v2/index20.js +3 -3
  16. package/dist/v2/index31.js +1 -1
  17. package/dist/v2/index34.js +2 -2
  18. package/dist/v2/index36.js +2 -2
  19. package/dist/v2/index38.js +2 -2
  20. package/dist/v2/index50.js +2 -2
  21. package/dist/v2/index52.js +2 -2
  22. package/dist/v2/index62.js +3 -3
  23. package/dist/v2/index64.js +4 -5
  24. package/dist/v2/index79.js +2 -2
  25. package/dist/v2/index87.js +2 -2
  26. package/dist/v2/index91.js +6 -1
  27. package/dist/v2/index92.js +1 -5
  28. package/dist/v2/{types-8ea6482d.js → types-fb93ea4e.js} +1 -1
  29. package/dist/v3/{OrConfirm-a9d3f157.js → OrConfirm-456ddee1.js} +1 -1
  30. package/dist/v3/{OrIconButton-f9226adf.js → OrIconButton-b8066b5d.js} +1 -1
  31. package/dist/v3/{OrInlineInput-8f473205.js → OrInlineInput-280768ba.js} +1 -1
  32. package/dist/v3/{OrInlineTextarea-86f4506d.js → OrInlineTextarea-0f63f344.js} +1 -1
  33. package/dist/v3/{OrInput-f51916d4.js → OrInput-3eef7945.js} +1 -1
  34. package/dist/v3/{OrModal-0713f927.js → OrModal-f67d37d3.js} +1 -1
  35. package/dist/v3/{OrNotification-7ef1b4e7.js → OrNotification-fefa1cb4.js} +1 -1
  36. package/dist/v3/{OrSearch-e27cadbf.js → OrSearch-15a70678.js} +1 -1
  37. package/dist/v3/{OrSelect-9d821ef2.js → OrSelect-63ada65d.js} +32 -12
  38. package/dist/v3/{OrTag-60585386.js → OrTag-144b4ab8.js} +1 -1
  39. package/dist/v3/components/or-select-v3/OrSelect.vue.d.ts +2 -2
  40. package/dist/v3/index.d.ts +0 -1
  41. package/dist/v3/index.js +11 -12
  42. package/dist/v3/index2.js +11 -12
  43. package/dist/v3/index20.js +3 -3
  44. package/dist/v3/index31.js +1 -1
  45. package/dist/v3/index34.js +2 -2
  46. package/dist/v3/index36.js +2 -2
  47. package/dist/v3/index38.js +2 -2
  48. package/dist/v3/index50.js +2 -2
  49. package/dist/v3/index52.js +2 -2
  50. package/dist/v3/index62.js +3 -3
  51. package/dist/v3/index64.js +4 -5
  52. package/dist/v3/index79.js +2 -2
  53. package/dist/v3/index87.js +2 -2
  54. package/dist/v3/index91.js +6 -1
  55. package/dist/v3/index92.js +1 -5
  56. package/dist/v3/{types-e4403486.js → types-a2a8f948.js} +1 -1
  57. package/package.json +1 -1
  58. package/src/components/or-icon-button-v3/styles.ts +1 -0
  59. package/src/components/or-select-v3/OrSelect.vue +6 -9
  60. package/src/index.ts +0 -1
  61. package/dist/v2/directives/index.d.ts +0 -2
  62. package/dist/v2/dropdown-open-0d314aa4.js +0 -28
  63. package/dist/v2/index93.js +0 -3
  64. package/dist/v3/directives/index.d.ts +0 -2
  65. package/dist/v3/dropdown-open-0d314aa4.js +0 -28
  66. package/dist/v3/index93.js +0 -3
  67. package/src/directives/index.ts +0 -2
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-eb895669.js';
3
3
  import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
4
- import { _ as __vue_component__$3 } from './OrInput-0dcfba2a.js';
4
+ import { _ as __vue_component__$3 } from './OrInput-4a50fe57.js';
5
5
  import { useMagicKeys, whenever } from '@vueuse/core';
6
6
  import { logicAnd } from '@vueuse/math';
7
7
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -37,7 +37,7 @@ const IconButtonRootColors = {
37
37
  'theme-preset-3-error', 'dark:theme-preset-3-error-dark'],
38
38
  'inherit': [
39
39
  // Theme
40
- 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit']
40
+ 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit']
41
41
  };
42
42
 
43
43
  var script = defineComponent({
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { _ as __vue_component__$1 } from './OrError-be656098.js';
5
5
  import { _ as __vue_component__$2 } from './OrHint-44356417.js';
6
- import { _ as __vue_component__$3 } from './OrIconButton-1b34f3fa.js';
6
+ import { _ as __vue_component__$3 } from './OrIconButton-5883eba0.js';
7
7
  import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-6a15ea2b.js';
8
8
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
9
9
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { _ as __vue_component__$1 } from './OrError-be656098.js';
5
5
  import { _ as __vue_component__$2 } from './OrHint-44356417.js';
6
- import { _ as __vue_component__$3 } from './OrIconButton-1b34f3fa.js';
6
+ import { _ as __vue_component__$3 } from './OrIconButton-5883eba0.js';
7
7
  import { _ as __vue_component__$4 } from './OrInlineInputBox-6a15ea2b.js';
8
8
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
9
9
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { _ as __vue_component__$1 } from './OrError-be656098.js';
5
5
  import { _ as __vue_component__$2 } from './OrHint-44356417.js';
6
- import { _ as __vue_component__$4 } from './OrIconButton-1b34f3fa.js';
6
+ import { _ as __vue_component__$4 } from './OrIconButton-5883eba0.js';
7
7
  import { _ as __vue_component__$3 } from './OrIcon-124f3bad.js';
8
8
  import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-208dceac.js';
9
9
  import { _ as __vue_component__$6 } from './OrLabel-5670468e.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
- import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.js';
4
+ import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
5
5
  import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
- import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.js';
4
+ import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
5
5
  import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { debouncedWatch } from '@vueuse/core';
3
3
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
4
- import { _ as __vue_component__$1 } from './OrInput-0dcfba2a.js';
4
+ import { _ as __vue_component__$1 } from './OrInput-4a50fe57.js';
5
5
  import { a as InputBoxSize } from './OrInputBox-208dceac.js';
6
6
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
7
7
 
@@ -1,5 +1,4 @@
1
- import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
2
- import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
1
+ import { isVue3, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
3
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
4
3
  import { u as useOverflow } from './useOverflow-ac506c65.js';
5
4
  import '@vueuse/core';
@@ -9,13 +8,38 @@ import { _ as __vue_component__$3 } from './OrExpansionPanel-ce82a6fd.js';
9
8
  import { _ as __vue_component__$4 } from './OrHint-44356417.js';
10
9
  import { _ as __vue_component__$5 } from './OrIcon-124f3bad.js';
11
10
  import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-208dceac.js';
12
- import { _ as __vue_component__$6 } from './OrInput-0dcfba2a.js';
11
+ import { _ as __vue_component__$6 } from './OrInput-4a50fe57.js';
13
12
  import { _ as __vue_component__$8 } from './OrLabel-5670468e.js';
14
13
  import { _ as __vue_component__$9 } from './OrMenuItem-3a28db7b.js';
15
14
  import { _ as __vue_component__$a } from './OrPopover-9080fc00.js';
16
- import { _ as __vue_component__$b } from './OrTag-c42c3f9c.js';
15
+ import { _ as __vue_component__$b } from './OrTag-ab03c4f7.js';
17
16
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
18
17
 
18
+ const created$1 = (element, binding) => {
19
+ element.addEventListener('keydown', event => {
20
+ event.preventDefault();
21
+ if (['Escape'].includes(event.key)) {
22
+ binding.value(event);
23
+ }
24
+ });
25
+ };
26
+ const DropdownClose = {
27
+ [isVue3 ? 'created' : 'bind']: created$1
28
+ };
29
+
30
+ const created = (element, binding) => {
31
+ element.addEventListener('keydown', event => {
32
+ event.preventDefault();
33
+ if (['Enter', ' '].includes(event.key)) {
34
+ binding.value(event);
35
+ }
36
+ });
37
+ element.addEventListener('click', binding.value);
38
+ };
39
+ const DropdownOpen = {
40
+ [isVue3 ? 'created' : 'bind']: created
41
+ };
42
+
19
43
  const SelectRoot = [
20
44
  // Layout
21
45
  'flex', 'flex-col',
@@ -223,15 +247,11 @@ var script = defineComponent({
223
247
  };
224
248
  });
225
249
  // Methods
226
- function toggle() {
250
+ function open() {
227
251
  if (!readonly.value && !props.disabled) {
228
252
  const popoverInstance = popover.value;
229
253
  if (popoverInstance) {
230
- if (popoverState.value === 'open') {
231
- popoverInstance.close();
232
- } else {
233
- popoverInstance.open();
234
- }
254
+ popoverInstance.open();
235
255
  }
236
256
  }
237
257
  }
@@ -273,7 +293,7 @@ var script = defineComponent({
273
293
  internalSearchOptions,
274
294
  resolvedSearchOptions,
275
295
  groupedOptions,
276
- toggle,
296
+ open,
277
297
  close,
278
298
  deselect,
279
299
  innerItems,
@@ -311,8 +331,8 @@ var __vue_render__ = function () {
311
331
  directives: [{
312
332
  name: "dropdown-open",
313
333
  rawName: "v-dropdown-open",
314
- value: _vm.toggle,
315
- expression: "toggle"
334
+ value: _vm.open,
335
+ expression: "open"
316
336
  }, {
317
337
  name: "dropdown-close",
318
338
  rawName: "v-dropdown-close",
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
2
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
- import { _ as __vue_component__$1 } from './OrIconButton-1b34f3fa.js';
4
+ import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
5
5
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
6
6
 
7
7
  var TagVariant;
@@ -34,7 +34,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
34
34
  }[]>;
35
35
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
36
36
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
37
- toggle: () => void;
37
+ open: () => void;
38
38
  close: () => void;
39
39
  deselect: (option: SelectOption) => void;
40
40
  innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
@@ -221,7 +221,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
221
221
  }[]>;
222
222
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
223
223
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
224
- toggle: () => void;
224
+ open: () => void;
225
225
  close: () => void;
226
226
  deselect: (option: SelectOption) => void;
227
227
  innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
@@ -1,4 +1,3 @@
1
1
  export * from './components';
2
- export * from './directives';
3
2
  export * from './hooks';
4
3
  export * from './utils/functions/text';
package/dist/v2/index.js CHANGED
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
18
18
  export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
19
19
  export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0abe3636.js';
20
20
  export { _ as OrConfirm } from './OrConfirm-812badbf.js';
21
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d561bf82.js';
21
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
22
22
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
23
23
  export { _ as OrError } from './OrError-efc74907.js';
24
24
  export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
29
29
  export { _ as OrHint } from './OrHint-fe65fbe6.js';
30
30
  export { _ as OrHintV3 } from './OrHint-44356417.js';
31
31
  export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
32
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-1b34f3fa.js';
32
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-e754cb9f.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7dc58bb1.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
- export { I as InputType, _ as OrInputV3 } from './OrInput-0dcfba2a.js';
39
+ export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
41
41
  export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
42
42
  export { _ as OrSearch } from './OrSearch-b228915a.js';
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
51
51
  export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
52
52
  export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
53
53
  export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
54
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-1ed53441.js';
54
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e2d510b3.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
57
57
  export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
58
58
  export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
59
59
  export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
@@ -62,9 +62,9 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
62
62
  export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
- export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
65
+ export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
66
66
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
- export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
67
+ export { _ as OrSelectV3 } from './OrSelect-bb223cce.js';
68
68
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
69
69
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
70
70
  export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -79,7 +79,7 @@ export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
79
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
80
  export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
81
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c42c3f9c.js';
82
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
83
83
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
84
84
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
85
85
  export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
@@ -87,12 +87,11 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
87
87
  export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
88
88
  export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
89
89
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
90
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8ea6482d.js';
90
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
91
91
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
92
92
  export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
93
93
  export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
94
94
  export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
95
- export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
96
95
  export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
97
96
  export { u as useElevation } from './useElevation-0e973238.js';
98
97
  export { u as useOverflow } from './useOverflow-ac506c65.js';
package/dist/v2/index2.js CHANGED
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
18
18
  export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
19
19
  export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0abe3636.js';
20
20
  export { _ as OrConfirm } from './OrConfirm-812badbf.js';
21
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d561bf82.js';
21
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
22
22
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
23
23
  export { _ as OrError } from './OrError-efc74907.js';
24
24
  export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
29
29
  export { _ as OrHint } from './OrHint-fe65fbe6.js';
30
30
  export { _ as OrHintV3 } from './OrHint-44356417.js';
31
31
  export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
32
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-1b34f3fa.js';
32
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-e754cb9f.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7dc58bb1.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
- export { I as InputType, _ as OrInputV3 } from './OrInput-0dcfba2a.js';
39
+ export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
41
41
  export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
42
42
  export { _ as OrSearch } from './OrSearch-b228915a.js';
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
51
51
  export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
52
52
  export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
53
53
  export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
54
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-1ed53441.js';
54
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e2d510b3.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
57
57
  export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
58
58
  export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
59
59
  export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
@@ -62,9 +62,9 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
62
62
  export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
- export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
65
+ export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
66
66
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
- export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
67
+ export { _ as OrSelectV3 } from './OrSelect-bb223cce.js';
68
68
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
69
69
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
70
70
  export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -79,7 +79,7 @@ export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
79
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
80
  export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
81
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c42c3f9c.js';
82
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
83
83
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
84
84
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
85
85
  export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
@@ -87,7 +87,7 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
87
87
  export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
88
88
  export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
89
89
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
90
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8ea6482d.js';
90
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
91
91
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
92
92
  export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
93
93
  export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
@@ -117,7 +117,6 @@ import 'sortablejs';
117
117
  import './useElevation-0e973238.js';
118
118
  import './useResponsive-a02e95b7.js';
119
119
  import '@vueuse/integrations/useFocusTrap';
120
- import './dropdown-open-0d314aa4.js';
121
120
  import './useOverflow-ac506c65.js';
122
121
  import 'vue';
123
122
  import 'portal-vue';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d561bf82.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
2
2
  import 'vue-demi';
3
3
  import './OrButton-eb895669.js';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -9,10 +9,10 @@ import './OrOverlay-4838a9b0.js';
9
9
  import './useElevation-0e973238.js';
10
10
  import './OrTeleport.vue2-fb92f29f.js';
11
11
  import 'portal-vue';
12
- import './OrInput-0dcfba2a.js';
12
+ import './OrInput-4a50fe57.js';
13
13
  import './OrError-be656098.js';
14
14
  import './OrHint-44356417.js';
15
- import './OrIconButton-1b34f3fa.js';
15
+ import './OrIconButton-5883eba0.js';
16
16
  import './OrIcon-124f3bad.js';
17
17
  import './OrTooltip-caeac590.js';
18
18
  import './OrPopover-9080fc00.js';
@@ -1,4 +1,4 @@
1
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-1b34f3fa.js';
1
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-e754cb9f.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-6a15ea2b.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,7 +6,7 @@ import '@vueuse/core';
6
6
  import './OrError-be656098.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrHint-44356417.js';
9
- import './OrIconButton-1b34f3fa.js';
9
+ import './OrIconButton-5883eba0.js';
10
10
  import './OrIcon-124f3bad.js';
11
11
  import './OrTooltip-caeac590.js';
12
12
  import './OrPopover-9080fc00.js';
@@ -1,11 +1,11 @@
1
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7dc58bb1.js';
1
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrError-be656098.js';
6
6
  import './normalize-component-6e8e3d80.js';
7
7
  import './OrHint-44356417.js';
8
- import './OrIconButton-1b34f3fa.js';
8
+ import './OrIconButton-5883eba0.js';
9
9
  import './OrIcon-124f3bad.js';
10
10
  import './OrTooltip-caeac590.js';
11
11
  import './OrPopover-9080fc00.js';
@@ -1,4 +1,4 @@
1
- export { I as InputType, _ as OrInputV3 } from './OrInput-0dcfba2a.js';
1
+ export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
2
2
  export { a as InputSize } from './OrInputBox-208dceac.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,7 +6,7 @@ import '@vueuse/core';
6
6
  import './OrError-be656098.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrHint-44356417.js';
9
- import './OrIconButton-1b34f3fa.js';
9
+ import './OrIconButton-5883eba0.js';
10
10
  import './OrIcon-124f3bad.js';
11
11
  import './OrTooltip-caeac590.js';
12
12
  import './OrPopover-9080fc00.js';
@@ -1,8 +1,8 @@
1
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-1ed53441.js';
1
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-1b34f3fa.js';
5
+ import './OrIconButton-5883eba0.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrTooltip-caeac590.js';
@@ -1,8 +1,8 @@
1
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-e2d510b3.js';
1
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-1b34f3fa.js';
5
+ import './OrIconButton-5883eba0.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrTooltip-caeac590.js';
@@ -1,13 +1,13 @@
1
- export { _ as OrSearchV3 } from './OrSearch-45ea8c33.js';
1
+ export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
2
2
  export { a as SearchSize } from './OrInputBox-208dceac.js';
3
3
  import 'vue-demi';
4
4
  import '@vueuse/core';
5
5
  import './useClassAttribute-47fdb016.js';
6
- import './OrInput-0dcfba2a.js';
6
+ import './OrInput-4a50fe57.js';
7
7
  import './OrError-be656098.js';
8
8
  import './normalize-component-6e8e3d80.js';
9
9
  import './OrHint-44356417.js';
10
- import './OrIconButton-1b34f3fa.js';
10
+ import './OrIconButton-5883eba0.js';
11
11
  import './OrIcon-124f3bad.js';
12
12
  import './OrTooltip-caeac590.js';
13
13
  import './OrPopover-9080fc00.js';
@@ -1,7 +1,6 @@
1
- export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
1
+ export { _ as OrSelectV3 } from './OrSelect-bb223cce.js';
2
2
  export { a as SelectSize } from './OrInputBox-208dceac.js';
3
3
  import 'vue-demi';
4
- import './dropdown-open-0d314aa4.js';
5
4
  import './useClassAttribute-47fdb016.js';
6
5
  import './useOverflow-ac506c65.js';
7
6
  import '@vueuse/core';
@@ -13,8 +12,8 @@ import './OrError-be656098.js';
13
12
  import './OrExpansionPanel-ce82a6fd.js';
14
13
  import './OrIcon-124f3bad.js';
15
14
  import './OrHint-44356417.js';
16
- import './OrInput-0dcfba2a.js';
17
- import './OrIconButton-1b34f3fa.js';
15
+ import './OrInput-4a50fe57.js';
16
+ import './OrIconButton-5883eba0.js';
18
17
  import './OrTooltip-caeac590.js';
19
18
  import './OrPopover-9080fc00.js';
20
19
  import '@floating-ui/dom';
@@ -25,4 +24,4 @@ import './OrOverlay-4838a9b0.js';
25
24
  import './OrTeleport.vue2-fb92f29f.js';
26
25
  import 'portal-vue';
27
26
  import './OrMenuItem-3a28db7b.js';
28
- import './OrTag-c42c3f9c.js';
27
+ import './OrTag-ab03c4f7.js';
@@ -1,8 +1,8 @@
1
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c42c3f9c.js';
1
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-1b34f3fa.js';
5
+ import './OrIconButton-5883eba0.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrTooltip-caeac590.js';
@@ -1,11 +1,11 @@
1
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8ea6482d.js';
1
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
2
2
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
5
  import './OrTeleport.vue2-fb92f29f.js';
6
6
  import 'portal-vue';
7
7
  import './normalize-component-6e8e3d80.js';
8
- import './OrIconButton-1b34f3fa.js';
8
+ import './OrIconButton-5883eba0.js';
9
9
  import './useClassAttribute-47fdb016.js';
10
10
  import './OrIcon-124f3bad.js';
11
11
  import './OrTooltip-caeac590.js';
@@ -1,2 +1,7 @@
1
- export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
1
+ export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
2
+ export { u as useElevation } from './useElevation-0e973238.js';
3
+ export { u as useOverflow } from './useOverflow-ac506c65.js';
4
+ export { u as useResponsive } from './useResponsive-a02e95b7.js';
5
+ export { u as useToggle } from './useToggle-29e4d7c7.js';
2
6
  import 'vue-demi';
7
+ import '@vueuse/core';
@@ -1,7 +1,3 @@
1
- export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
2
- export { u as useElevation } from './useElevation-0e973238.js';
3
- export { u as useOverflow } from './useOverflow-ac506c65.js';
4
1
  export { u as useResponsive } from './useResponsive-a02e95b7.js';
5
- export { u as useToggle } from './useToggle-29e4d7c7.js';
6
- import 'vue-demi';
7
2
  import '@vueuse/core';
3
+ import 'vue-demi';
@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
3
3
  import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.js';
4
4
  import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
5
- import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.js';
5
+ import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
6
6
  import { _ as __vue_component__$3 } from './OrLoader-bd088836.js';
7
7
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
8
8
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { s as script$2, a as ButtonColor } from './OrButton-12b36e89.js';
3
3
  import { s as script$1 } from './OrOverlay-27050c19.js';
4
- import { s as script$3 } from './OrInput-f51916d4.js';
4
+ import { s as script$3 } from './OrInput-3eef7945.js';
5
5
  import { useMagicKeys, whenever } from '@vueuse/core';
6
6
  import { logicAnd } from '@vueuse/math';
7
7
  import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
@@ -37,7 +37,7 @@ const IconButtonRootColors = {
37
37
  'theme-preset-3-error', 'dark:theme-preset-3-error-dark'],
38
38
  'inherit': [
39
39
  // Theme
40
- 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit']
40
+ 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-inherit', 'dark:theme-foreground-inherit']
41
41
  };
42
42
 
43
43
  var script = defineComponent({
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { s as script$1 } from './OrError-19a62a18.js';
5
5
  import { s as script$2 } from './OrHint-73835593.js';
6
- import { s as script$3 } from './OrIconButton-f9226adf.js';
6
+ import { s as script$3 } from './OrIconButton-b8066b5d.js';
7
7
  import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-1b473796.js';
8
8
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
9
9
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { s as script$1 } from './OrError-19a62a18.js';
5
5
  import { s as script$2 } from './OrHint-73835593.js';
6
- import { s as script$3 } from './OrIconButton-f9226adf.js';
6
+ import { s as script$3 } from './OrIconButton-b8066b5d.js';
7
7
  import { s as script$4 } from './OrInlineInputBox-1b473796.js';
8
8
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString } from 'vue';
9
9
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { s as script$1 } from './OrError-19a62a18.js';
5
5
  import { s as script$2 } from './OrHint-73835593.js';
6
- import { s as script$4 } from './OrIconButton-f9226adf.js';
6
+ import { s as script$4 } from './OrIconButton-b8066b5d.js';
7
7
  import { s as script$3 } from './OrIcon-b3906e35.js';
8
8
  import { s as script$5, a as InputBoxSize } from './OrInputBox-634230b1.js';
9
9
  import { s as script$6 } from './OrLabel-7d4fe80b.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
- import { s as script$2 } from './OrIconButton-f9226adf.js';
4
+ import { s as script$2 } from './OrIconButton-b8066b5d.js';
5
5
  import { s as script$1 } from './OrOverlay-27050c19.js';
6
6
  import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
7
7