@onereach/ui-components 2.62.3-beta.1902.0 → 2.62.3-beta.1903.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 (74) hide show
  1. package/dist/v2/{OrConfirm-f3aed6d3.js → OrConfirm-d561bf82.js} +1 -1
  2. package/dist/v2/{OrIconButton-94c69467.js → OrIconButton-1b34f3fa.js} +1 -1
  3. package/dist/v2/{OrInlineInput-50da2b1f.js → OrInlineInput-e754cb9f.js} +1 -1
  4. package/dist/v2/{OrInlineTextarea-94253b64.js → OrInlineTextarea-7dc58bb1.js} +1 -1
  5. package/dist/v2/{OrInput-040147f3.js → OrInput-0dcfba2a.js} +1 -1
  6. package/dist/v2/{OrModal-e4439825.js → OrModal-1ed53441.js} +1 -1
  7. package/dist/v2/{OrNotification-be6132e6.js → OrNotification-e2d510b3.js} +1 -1
  8. package/dist/v2/{OrSearch-375ad422.js → OrSearch-45ea8c33.js} +1 -1
  9. package/dist/v2/{OrSelect-846e9a87.js → OrSelect-b44cac14.js} +13 -33
  10. package/dist/v2/{OrTag-02320f5f.js → OrTag-c42c3f9c.js} +1 -1
  11. package/dist/v2/{OrTooltip-afe7030b.js → OrTooltip-caeac590.js} +3 -33
  12. package/dist/v2/components/or-select-v3/OrSelect.vue.d.ts +2 -2
  13. package/dist/v2/components/or-tooltip-v3/styles.d.ts +0 -2
  14. package/dist/v2/directives/index.d.ts +2 -0
  15. package/dist/v2/dropdown-open-0d314aa4.js +28 -0
  16. package/dist/v2/index.d.ts +1 -0
  17. package/dist/v2/index.js +13 -12
  18. package/dist/v2/index2.js +13 -12
  19. package/dist/v2/index20.js +4 -4
  20. package/dist/v2/index31.js +2 -2
  21. package/dist/v2/index34.js +3 -3
  22. package/dist/v2/index36.js +3 -3
  23. package/dist/v2/index38.js +3 -3
  24. package/dist/v2/index50.js +3 -3
  25. package/dist/v2/index52.js +3 -3
  26. package/dist/v2/index62.js +4 -4
  27. package/dist/v2/index64.js +6 -5
  28. package/dist/v2/index79.js +3 -3
  29. package/dist/v2/index87.js +3 -3
  30. package/dist/v2/index90.js +1 -1
  31. package/dist/v2/index91.js +1 -6
  32. package/dist/v2/index92.js +5 -1
  33. package/dist/v2/index93.js +3 -0
  34. package/dist/v2/{types-dd4c7282.js → types-8ea6482d.js} +1 -1
  35. package/dist/v3/{OrConfirm-58aa4260.js → OrConfirm-a9d3f157.js} +1 -1
  36. package/dist/v3/{OrIconButton-eef9eb43.js → OrIconButton-f9226adf.js} +1 -1
  37. package/dist/v3/{OrInlineInput-0c87838c.js → OrInlineInput-8f473205.js} +1 -1
  38. package/dist/v3/{OrInlineTextarea-d50f03b7.js → OrInlineTextarea-86f4506d.js} +1 -1
  39. package/dist/v3/{OrInput-d34c8571.js → OrInput-f51916d4.js} +1 -1
  40. package/dist/v3/{OrModal-179f5a1a.js → OrModal-0713f927.js} +1 -1
  41. package/dist/v3/{OrNotification-4a0dc24a.js → OrNotification-7ef1b4e7.js} +1 -1
  42. package/dist/v3/{OrSearch-95d4e098.js → OrSearch-e27cadbf.js} +1 -1
  43. package/dist/v3/{OrSelect-32f188bd.js → OrSelect-9d821ef2.js} +12 -32
  44. package/dist/v3/{OrTag-d1f3a0d0.js → OrTag-60585386.js} +1 -1
  45. package/dist/v3/{OrTooltip-36c6728c.js → OrTooltip-30e05f9e.js} +3 -33
  46. package/dist/v3/components/or-select-v3/OrSelect.vue.d.ts +2 -2
  47. package/dist/v3/components/or-tooltip-v3/styles.d.ts +0 -2
  48. package/dist/v3/directives/index.d.ts +2 -0
  49. package/dist/v3/dropdown-open-0d314aa4.js +28 -0
  50. package/dist/v3/index.d.ts +1 -0
  51. package/dist/v3/index.js +13 -12
  52. package/dist/v3/index2.js +13 -12
  53. package/dist/v3/index20.js +4 -4
  54. package/dist/v3/index31.js +2 -2
  55. package/dist/v3/index34.js +3 -3
  56. package/dist/v3/index36.js +3 -3
  57. package/dist/v3/index38.js +3 -3
  58. package/dist/v3/index50.js +3 -3
  59. package/dist/v3/index52.js +3 -3
  60. package/dist/v3/index62.js +4 -4
  61. package/dist/v3/index64.js +6 -5
  62. package/dist/v3/index79.js +3 -3
  63. package/dist/v3/index87.js +3 -3
  64. package/dist/v3/index90.js +1 -1
  65. package/dist/v3/index91.js +1 -6
  66. package/dist/v3/index92.js +5 -1
  67. package/dist/v3/index93.js +3 -0
  68. package/dist/v3/{types-8ff779b1.js → types-e4403486.js} +1 -1
  69. package/package.json +1 -1
  70. package/src/components/or-select-v3/OrSelect.vue +9 -6
  71. package/src/components/or-tooltip-v3/OrTooltip.vue +2 -3
  72. package/src/components/or-tooltip-v3/styles.ts +0 -55
  73. package/src/directives/index.ts +2 -0
  74. package/src/index.ts +1 -0
@@ -1,6 +1,7 @@
1
- export { _ as OrSelectV3 } from './OrSelect-846e9a87.js';
1
+ export { _ as OrSelectV3 } from './OrSelect-b44cac14.js';
2
2
  export { a as SelectSize } from './OrInputBox-208dceac.js';
3
3
  import 'vue-demi';
4
+ import './dropdown-open-0d314aa4.js';
4
5
  import './useClassAttribute-47fdb016.js';
5
6
  import './useOverflow-ac506c65.js';
6
7
  import '@vueuse/core';
@@ -12,9 +13,9 @@ import './OrError-be656098.js';
12
13
  import './OrExpansionPanel-ce82a6fd.js';
13
14
  import './OrIcon-124f3bad.js';
14
15
  import './OrHint-44356417.js';
15
- import './OrInput-040147f3.js';
16
- import './OrIconButton-94c69467.js';
17
- import './OrTooltip-afe7030b.js';
16
+ import './OrInput-0dcfba2a.js';
17
+ import './OrIconButton-1b34f3fa.js';
18
+ import './OrTooltip-caeac590.js';
18
19
  import './OrPopover-9080fc00.js';
19
20
  import '@floating-ui/dom';
20
21
  import './useElevation-0e973238.js';
@@ -24,4 +25,4 @@ import './OrOverlay-4838a9b0.js';
24
25
  import './OrTeleport.vue2-fb92f29f.js';
25
26
  import 'portal-vue';
26
27
  import './OrMenuItem-3a28db7b.js';
27
- import './OrTag-02320f5f.js';
28
+ import './OrTag-c42c3f9c.js';
@@ -1,11 +1,11 @@
1
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-02320f5f.js';
1
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c42c3f9c.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-94c69467.js';
5
+ import './OrIconButton-1b34f3fa.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
- import './OrTooltip-afe7030b.js';
8
+ import './OrTooltip-caeac590.js';
9
9
  import './OrPopover-9080fc00.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
@@ -1,14 +1,14 @@
1
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-dd4c7282.js';
1
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-8ea6482d.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-94c69467.js';
8
+ import './OrIconButton-1b34f3fa.js';
9
9
  import './useClassAttribute-47fdb016.js';
10
10
  import './OrIcon-124f3bad.js';
11
- import './OrTooltip-afe7030b.js';
11
+ import './OrTooltip-caeac590.js';
12
12
  import './OrPopover-9080fc00.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
1
+ export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
2
2
  export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
@@ -1,7 +1,2 @@
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';
1
+ export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
6
2
  import 'vue-demi';
7
- import '@vueuse/core';
@@ -1,3 +1,7 @@
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';
1
4
  export { u as useResponsive } from './useResponsive-a02e95b7.js';
2
- import '@vueuse/core';
5
+ export { u as useToggle } from './useToggle-29e4d7c7.js';
3
6
  import 'vue-demi';
7
+ import '@vueuse/core';
@@ -0,0 +1,3 @@
1
+ export { u as useResponsive } from './useResponsive-a02e95b7.js';
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-94c69467.js';
5
+ import { _ as __vue_component__$2 } from './OrIconButton-1b34f3fa.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-d34c8571.js';
4
+ import { s as script$3 } from './OrInput-f51916d4.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';
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
3
  import '@vueuse/core';
4
4
  import { s as script$1 } from './OrIcon-b3906e35.js';
5
- import { s as script$2 } from './OrTooltip-36c6728c.js';
5
+ import { s as script$2 } from './OrTooltip-30e05f9e.js';
6
6
  import './OrPopover-3525c670.js';
7
7
  import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, createVNode } from 'vue';
8
8
 
@@ -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-eef9eb43.js';
6
+ import { s as script$3 } from './OrIconButton-f9226adf.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-eef9eb43.js';
6
+ import { s as script$3 } from './OrIconButton-f9226adf.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-eef9eb43.js';
6
+ import { s as script$4 } from './OrIconButton-f9226adf.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-eef9eb43.js';
4
+ import { s as script$2 } from './OrIconButton-f9226adf.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
 
@@ -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 { s as script$2 } from './OrIconButton-eef9eb43.js';
4
+ import { s as script$2 } from './OrIconButton-f9226adf.js';
5
5
  import { s as script$1 } from './OrIcon-b3906e35.js';
6
6
  import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, createVNode, renderSlot, withModifiers } from 'vue';
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 { s as script$1 } from './OrInput-d34c8571.js';
4
+ import { s as script$1 } from './OrInput-f51916d4.js';
5
5
  import { a as InputBoxSize } from './OrInputBox-634230b1.js';
6
6
  import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
7
7
 
@@ -1,4 +1,5 @@
1
- import { isVue3, defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
1
+ import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
2
+ import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
2
3
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
4
  import { u as useOverflow } from './useOverflow-ac506c65.js';
4
5
  import '@vueuse/core';
@@ -8,38 +9,13 @@ import { s as script$3 } from './OrExpansionPanel-1e2a6375.js';
8
9
  import { s as script$4 } from './OrHint-73835593.js';
9
10
  import { s as script$5 } from './OrIcon-b3906e35.js';
10
11
  import { s as script$7, a as InputBoxSize } from './OrInputBox-634230b1.js';
11
- import { s as script$6 } from './OrInput-d34c8571.js';
12
+ import { s as script$6 } from './OrInput-f51916d4.js';
12
13
  import { s as script$8 } from './OrLabel-7d4fe80b.js';
13
14
  import { s as script$9 } from './OrMenuItem-8773d073.js';
14
15
  import { s as script$a } from './OrPopover-3525c670.js';
15
- import { s as script$b } from './OrTag-d1f3a0d0.js';
16
+ import { s as script$b } from './OrTag-60585386.js';
16
17
  import { resolveComponent, resolveDirective, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, normalizeClass, createElementVNode, Fragment, renderList, createVNode, withModifiers } from 'vue';
17
18
 
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
-
43
19
  const SelectRoot = [
44
20
  // Layout
45
21
  'flex', 'flex-col',
@@ -247,11 +223,15 @@ var script = defineComponent({
247
223
  };
248
224
  });
249
225
  // Methods
250
- function open() {
226
+ function toggle() {
251
227
  if (!readonly.value && !props.disabled) {
252
228
  const popoverInstance = popover.value;
253
229
  if (popoverInstance) {
254
- popoverInstance.open();
230
+ if (popoverState.value === 'open') {
231
+ popoverInstance.close();
232
+ } else {
233
+ popoverInstance.open();
234
+ }
255
235
  }
256
236
  }
257
237
  }
@@ -293,7 +273,7 @@ var script = defineComponent({
293
273
  internalSearchOptions,
294
274
  resolvedSearchOptions,
295
275
  groupedOptions,
296
- open,
276
+ toggle,
297
277
  close,
298
278
  deselect,
299
279
  innerItems,
@@ -484,7 +464,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
484
464
  _: 3 /* FORWARDED */
485
465
  }, 8 /* PROPS */, ["class", "trigger"])]),
486
466
  _: 3 /* FORWARDED */
487
- }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.open], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
467
+ }, 8 /* PROPS */, ["class", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), !_ctx.invalid ? (openBlock(), createBlock(_component_OrHint, {
488
468
  key: 1,
489
469
  disabled: _ctx.disabled
490
470
  }, {
@@ -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 { s as script$1 } from './OrIconButton-eef9eb43.js';
4
+ import { s as script$1 } from './OrIconButton-f9226adf.js';
5
5
  import { resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, normalizeClass, withModifiers, createCommentVNode } from 'vue';
6
6
 
7
7
  var TagVariant;
@@ -11,41 +11,11 @@ const TooltipBody = [
11
11
  // Box
12
12
  'max-w-max', 'rounded-sm',
13
13
  // Sizing
14
- 'mx-sm', 'my-sm', 'px-sm', 'py-xs',
14
+ 'px-sm', 'py-xs',
15
15
  // Typography
16
16
  'typography-caption-regular',
17
17
  // Theme
18
18
  'bg-inverse-surface', 'dark:bg-inverse-surface-dark', 'text-inverse-on-surface', 'dark:text-inverse-on-surface-dark'];
19
- const TooltipBodyPlacements = {
20
- 'top': [],
21
- 'top-start': [
22
- // Sizing
23
- 'ml-none'],
24
- 'top-end': [
25
- // Sizing
26
- 'mr-none'],
27
- 'bottom': [],
28
- 'bottom-start': [
29
- // Sizing
30
- 'ml-none'],
31
- 'bottom-end': [
32
- // Sizing
33
- 'mr-none'],
34
- 'left': [],
35
- 'left-start': [
36
- // Sizing
37
- 'mt-none'],
38
- 'left-end': [
39
- // Sizing
40
- 'mb-none'],
41
- 'right': [],
42
- 'right-start': [
43
- // Sizing
44
- 'mt-none'],
45
- 'right-end': [
46
- // Sizing
47
- 'mb-none']
48
- };
49
19
 
50
20
  var script = defineComponent({
51
21
  name: 'OrTooltip',
@@ -65,7 +35,7 @@ var script = defineComponent({
65
35
  },
66
36
  emits: ['update:state'],
67
37
  expose: ['root', 'open', 'close'],
68
- setup(props) {
38
+ setup() {
69
39
  // Refs
70
40
  const root = ref();
71
41
  const popover = ref();
@@ -76,7 +46,7 @@ var script = defineComponent({
76
46
  // Styles
77
47
  const classAttribute = useClassAttribute();
78
48
  const rootStyles = computed(() => ['or-tooltip', ...TooltipRoot, classAttribute.value]);
79
- const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
49
+ const bodyStyles = computed(() => [...TooltipBody]);
80
50
  // Methods
81
51
  function open() {
82
52
  const popoverInstance = popover.value;
@@ -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
- open: () => void;
37
+ toggle: () => 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
- open: () => void;
224
+ toggle: () => void;
225
225
  close: () => void;
226
226
  deselect: (option: SelectOption) => void;
227
227
  innerItems: import("@vue/composition-api").Ref<HTMLElement[]>;
@@ -1,4 +1,2 @@
1
- import { TooltipPlacement } from './props';
2
1
  export declare const TooltipRoot: string[];
3
2
  export declare const TooltipBody: string[];
4
- export declare const TooltipBodyPlacements: Record<TooltipPlacement, string[]>;
@@ -0,0 +1,2 @@
1
+ export * from './dropdown-close';
2
+ export * from './dropdown-open';
@@ -0,0 +1,28 @@
1
+ import { isVue3 } from 'vue-demi';
2
+
3
+ const created$1 = (element, binding) => {
4
+ element.addEventListener('keydown', event => {
5
+ event.preventDefault();
6
+ if (['Escape'].includes(event.key)) {
7
+ binding.value(event);
8
+ }
9
+ });
10
+ };
11
+ const DropdownClose = {
12
+ [isVue3 ? 'created' : 'bind']: created$1
13
+ };
14
+
15
+ const created = (element, binding) => {
16
+ element.addEventListener('keydown', event => {
17
+ event.preventDefault();
18
+ if (['Enter', ' '].includes(event.key)) {
19
+ binding.value(event);
20
+ }
21
+ });
22
+ element.addEventListener('click', binding.value);
23
+ };
24
+ const DropdownOpen = {
25
+ [isVue3 ? 'created' : 'bind']: created
26
+ };
27
+
28
+ export { DropdownClose as D, DropdownOpen as a };
@@ -1,3 +1,4 @@
1
1
  export * from './components';
2
+ export * from './directives';
2
3
  export * from './hooks';
3
4
  export * from './utils/functions/text';
package/dist/v3/index.js CHANGED
@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
15
15
  export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
16
16
  export { s 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-0a944d25.js';
17
17
  export { s as OrConfirm } from './OrConfirm-00134f53.js';
18
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
18
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-a9d3f157.js';
19
19
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
20
20
  export { s as OrError } from './OrError-f90296db.js';
21
21
  export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
26
26
  export { s as OrHint } from './OrHint-1414c530.js';
27
27
  export { s as OrHintV3 } from './OrHint-73835593.js';
28
28
  export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
29
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
29
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f9226adf.js';
30
30
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
31
31
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
32
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
32
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-8f473205.js';
33
33
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
34
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
34
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-86f4506d.js';
35
35
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
36
- export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
36
+ export { I as InputType, s as OrInputV3 } from './OrInput-f51916d4.js';
37
37
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
38
38
  export { s as OrLabel } from './OrLabel-876f8729.js';
39
39
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
46
46
  export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
47
47
  export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
48
48
  export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
49
- export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
49
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-0713f927.js';
50
50
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
51
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
51
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-7ef1b4e7.js';
52
52
  export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
53
53
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
54
54
  export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -57,9 +57,9 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
57
57
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
58
58
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
59
59
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
60
- export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
60
+ export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
61
61
  export { s as OrSelect } from './OrSelect-056731af.js';
62
- export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
62
+ export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
63
63
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
64
64
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
65
65
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -74,7 +74,7 @@ export { s as OrTabV3 } from './OrTab-97044946.js';
74
74
  export { s as OrTabs } from './OrTabs-d3812c11.js';
75
75
  export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
76
76
  export { s as OrTag } from './OrTag-7e24fdbc.js';
77
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d1f3a0d0.js';
77
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-60585386.js';
78
78
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
79
79
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
80
80
  export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -82,10 +82,11 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
82
82
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
83
83
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
84
84
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
85
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-8ff779b1.js';
85
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-e4403486.js';
86
86
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
87
87
  export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
88
- export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
88
+ export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
89
+ export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
89
90
  export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
90
91
  export { u as useElevation } from './useElevation-0e973238.js';
91
92
  export { u as useOverflow } from './useOverflow-ac506c65.js';
package/dist/v3/index2.js CHANGED
@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
15
15
  export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
16
16
  export { s 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-0a944d25.js';
17
17
  export { s as OrConfirm } from './OrConfirm-00134f53.js';
18
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
18
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-a9d3f157.js';
19
19
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
20
20
  export { s as OrError } from './OrError-f90296db.js';
21
21
  export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
26
26
  export { s as OrHint } from './OrHint-1414c530.js';
27
27
  export { s as OrHintV3 } from './OrHint-73835593.js';
28
28
  export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
29
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
29
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f9226adf.js';
30
30
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
31
31
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
32
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
32
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-8f473205.js';
33
33
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
34
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
34
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-86f4506d.js';
35
35
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
36
- export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
36
+ export { I as InputType, s as OrInputV3 } from './OrInput-f51916d4.js';
37
37
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
38
38
  export { s as OrLabel } from './OrLabel-876f8729.js';
39
39
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
46
46
  export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
47
47
  export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
48
48
  export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
49
- export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
49
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-0713f927.js';
50
50
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
51
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
51
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-7ef1b4e7.js';
52
52
  export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
53
53
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
54
54
  export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -57,9 +57,9 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
57
57
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
58
58
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
59
59
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
60
- export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
60
+ export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
61
61
  export { s as OrSelect } from './OrSelect-056731af.js';
62
- export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
62
+ export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
63
63
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
64
64
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
65
65
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -74,7 +74,7 @@ export { s as OrTabV3 } from './OrTab-97044946.js';
74
74
  export { s as OrTabs } from './OrTabs-d3812c11.js';
75
75
  export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
76
76
  export { s as OrTag } from './OrTag-7e24fdbc.js';
77
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d1f3a0d0.js';
77
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-60585386.js';
78
78
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
79
79
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
80
80
  export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -82,10 +82,10 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
82
82
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
83
83
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
84
84
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
85
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-8ff779b1.js';
85
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-e4403486.js';
86
86
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
87
87
  export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
88
- export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
88
+ export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
89
89
  import 'vue-demi';
90
90
  import 'lodash';
91
91
  import 'vue';
@@ -111,4 +111,5 @@ import 'sortablejs';
111
111
  import './useElevation-0e973238.js';
112
112
  import './useResponsive-a02e95b7.js';
113
113
  import '@vueuse/integrations/useFocusTrap';
114
+ import './dropdown-open-0d314aa4.js';
114
115
  import './useOverflow-ac506c65.js';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
1
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-a9d3f157.js';
2
2
  import 'vue-demi';
3
3
  import './OrButton-12b36e89.js';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -8,12 +8,12 @@ import 'vue';
8
8
  import './OrOverlay-27050c19.js';
9
9
  import './useElevation-0e973238.js';
10
10
  import './OrTeleport.vue3-8099178c.js';
11
- import './OrInput-d34c8571.js';
11
+ import './OrInput-f51916d4.js';
12
12
  import './OrError-19a62a18.js';
13
13
  import './OrHint-73835593.js';
14
- import './OrIconButton-eef9eb43.js';
14
+ import './OrIconButton-f9226adf.js';
15
15
  import './OrIcon-b3906e35.js';
16
- import './OrTooltip-36c6728c.js';
16
+ import './OrTooltip-30e05f9e.js';
17
17
  import './OrPopover-3525c670.js';
18
18
  import '@floating-ui/dom';
19
19
  import './useResponsive-a02e95b7.js';
@@ -1,10 +1,10 @@
1
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
1
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f9226adf.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrIcon-b3906e35.js';
6
6
  import 'vue';
7
- import './OrTooltip-36c6728c.js';
7
+ import './OrTooltip-30e05f9e.js';
8
8
  import './OrPopover-3525c670.js';
9
9
  import '@floating-ui/dom';
10
10
  import './useElevation-0e973238.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
1
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-8f473205.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
6
6
  import './OrError-19a62a18.js';
7
7
  import 'vue';
8
8
  import './OrHint-73835593.js';
9
- import './OrIconButton-eef9eb43.js';
9
+ import './OrIconButton-f9226adf.js';
10
10
  import './OrIcon-b3906e35.js';
11
- import './OrTooltip-36c6728c.js';
11
+ import './OrTooltip-30e05f9e.js';
12
12
  import './OrPopover-3525c670.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';