@onereach/ui-components 2.62.3-beta.1902.0 → 2.62.3-beta.1903.0

package/dist/v3/index36.js

@@ -1,13 +1,13 @@
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-86f4506d.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index38.js

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-f51916d4.js';
 export { a as InputSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index50.js

@@ -1,11 +1,11 @@
-export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-0713f927.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index52.js

@@ -1,11 +1,11 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-7ef1b4e7.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index62.js

@@ -1,15 +1,15 @@
-export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
+export { s as OrSearchV3 } from './OrSearch-e27cadbf.js';
 export { a as SearchSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import '@vueuse/core';
 import './useClassAttribute-47fdb016.js';
-import './OrInput-d34c8571.js';
+import './OrInput-f51916d4.js';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index64.js

@@ -1,6 +1,7 @@
-export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
+export { s as OrSelectV3 } from './OrSelect-9d821ef2.js';
 export { a as SelectSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
+import './dropdown-open-0d314aa4.js';
 import './useClassAttribute-47fdb016.js';
 import './useOverflow-ac506c65.js';
 import '@vueuse/core';
@@ -12,9 +13,9 @@ import './OrError-19a62a18.js';
 import './OrExpansionPanel-1e2a6375.js';
 import './OrIcon-b3906e35.js';
 import './OrHint-73835593.js';
-import './OrInput-d34c8571.js';
-import './OrIconButton-eef9eb43.js';
-import './OrTooltip-36c6728c.js';
+import './OrInput-f51916d4.js';
+import './OrIconButton-f9226adf.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
@@ -23,4 +24,4 @@ import './OrBottomSheet-9de57dd0.js';
 import './OrOverlay-27050c19.js';
 import './OrTeleport.vue3-8099178c.js';
 import './OrMenuItem-8773d073.js';
-import './OrTag-d1f3a0d0.js';
+import './OrTag-60585386.js';

package/dist/v3/index79.js

@@ -1,11 +1,11 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d1f3a0d0.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-60585386.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index87.js

@@ -1,13 +1,13 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-8ff779b1.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-e4403486.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './OrTeleport.vue3-8099178c.js';
 import 'vue';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-f9226adf.js';
 import './useClassAttribute-47fdb016.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index90.js

@@ -1,4 +1,4 @@
-export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
+export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
 export { P as TooltipPlacement } from './OrPopover-3525c670.js';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/v3/index91.js

@@ -1,7 +1,2 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import 'vue-demi';
-import '@vueuse/core';

package/dist/v3/index92.js

@@ -1,3 +1,7 @@
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v3/index93.js

@@ -0,0 +1,3 @@
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@vueuse/core';
+import 'vue-demi';

package/dist/v3/{types-8ff779b1.js → types-e4403486.js}

@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
-import { s as script$2 } from './OrIconButton-eef9eb43.js';
+import { s as script$2 } from './OrIconButton-f9226adf.js';
 import { s as script$3 } from './OrLoader-60943812.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, toDisplayString, createElementVNode, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.62.3-beta.1902.0",
+  "version": "2.62.3-beta.1903.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-select-v3/OrSelect.vue

@@ -21,7 +21,7 @@
 
     <OrInputBox
       ref="inputBox"
-      v-dropdown-open="open"
+      v-dropdown-open="toggle"
       v-dropdown-close="close"
       :class="[popoverState === 'open' && 'rounded-b-0']"
       :size="size"
@@ -208,8 +208,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, onMounted, PropType, ref, watch } from 'vue-demi';
-import { DropdownClose } from '../../directives/dropdown-close';
-import { DropdownOpen } from '../../directives/dropdown-open';
+import { DropdownClose, DropdownOpen } from '../../directives';
 import { useClassAttribute, useOverflow } from '../../hooks';
 import { OrCheckboxV3 as OrCheckbox } from '../or-checkbox-v3';
 import { OrErrorV3 as OrError } from '../or-error-v3';
@@ -465,12 +464,16 @@ export default defineComponent({
     });
 
     // Methods
-    function open(): void {
+    function toggle(): void {
       if (!readonly.value && !props.disabled) {
         const popoverInstance = popover.value;
 
         if (popoverInstance) {
-          (popoverInstance.open as () => void)();
+          if (popoverState.value === 'open') {
+            (popoverInstance.close as () => void)();
+          } else {
+            (popoverInstance.open as () => void)();
+          }
         }
       }
     }
@@ -515,7 +518,7 @@ export default defineComponent({
       internalSearchOptions,
       resolvedSearchOptions,
       groupedOptions,
-      open,
+      toggle,
       close,
       deselect,
       innerItems,

package/src/components/or-tooltip-v3/OrTooltip.vue

@@ -30,7 +30,7 @@ import { computed, defineComponent, PropType, ref, watch } from 'vue-demi';
 import { useClassAttribute } from '../../hooks';
 import { OrPopoverV3 as OrPopover } from '../or-popover-v3';
 import { TooltipPlacement } from './props';
-import { TooltipBody, TooltipBodyPlacements, TooltipRoot } from './styles';
+import { TooltipBody, TooltipRoot } from './styles';
 
 export default defineComponent({
   name: 'OrTooltip',
@@ -63,7 +63,7 @@ export default defineComponent({
     'close',
   ],
 
-  setup(props) {
+  setup() {
     // Refs
     const root = ref<HTMLElement>();
 
@@ -81,7 +81,6 @@ export default defineComponent({
 
     const bodyStyles = computed(() => [
       ...TooltipBody,
-      ...TooltipBodyPlacements[props.placement],
     ]);
 
     // Methods

package/src/components/or-tooltip-v3/styles.ts

@@ -1,5 +1,3 @@
-import { TooltipPlacement } from './props';
-
 export const TooltipRoot: string[] = [
   // Layout
   'inline-block',
@@ -11,9 +9,6 @@ export const TooltipBody: string[] = [
   'rounded-sm',
 
   // Sizing
-  'mx-sm',
-  'my-sm',
-
   'px-sm',
   'py-xs',
 
@@ -27,53 +22,3 @@ export const TooltipBody: string[] = [
   'text-inverse-on-surface',
   'dark:text-inverse-on-surface-dark',
 ];
-
-export const TooltipBodyPlacements: Record<TooltipPlacement, string[]> = {
-  'top': [],
-
-  'top-start': [
-    // Sizing
-    'ml-none',
-  ],
-
-  'top-end': [
-    // Sizing
-    'mr-none',
-  ],
-
-  'bottom': [],
-
-  'bottom-start': [
-    // Sizing
-    'ml-none',
-  ],
-
-  'bottom-end': [
-    // Sizing
-    'mr-none',
-  ],
-
-  'left': [],
-
-  'left-start': [
-    // Sizing
-    'mt-none',
-  ],
-
-  'left-end': [
-    // Sizing
-    'mb-none',
-  ],
-
-  'right': [],
-
-  'right-start': [
-    // Sizing
-    'mt-none',
-  ],
-
-  'right-end': [
-    // Sizing
-    'mb-none',
-  ],
-};

package/src/directives/index.ts

@@ -0,0 +1,2 @@
+export * from './dropdown-close';
+export * from './dropdown-open';

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './components';
+export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';