@onereach/ui-components 4.6.1-beta.2771.0 → 4.6.1

package/dist/bundled/v3/{OrSwitch.vue_vue_type_script_lang-c986f062.js → OrSwitch.vue_vue_type_script_lang-888fbcef.js}

@@ -1,7 +1,6 @@
 import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
 import './components/OrLoader/OrLoader.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-27847e63.js';
 
 var script = defineComponent({
   name: 'OrSwitch',
@@ -26,29 +25,26 @@ var script = defineComponent({
     label: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     isDisabled: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isLoading: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     }
   },
   emits: ['update:modelValue'],
   computed: {
     isArrayModelValue() {
-      return _.isArray(this.modelValue);
+      return Array.isArray(this.modelValue);
     },
     isChecked() {
-      return this.isArrayModelValue ? _.some(this.modelValue, this.value) || _.includes(this.modelValue, this.value) : !!this.modelValue;
+      return this.isArrayModelValue ? this.modelValue.some(this.value) || this.modelValue.includes(this.value) : !!this.modelValue;
     },
     isInactive() {
       return this.isLoading || this.isDisabled;

package/dist/bundled/v3/{OrTab.vue_vue_type_script_lang-71e4fa50.js → OrTab.vue_vue_type_script_lang-d9ee65b6.js}

@@ -1,6 +1,5 @@
 import { defineComponent, unref } from 'vue-demi';
 import { v as v4 } from './v4-cf8987a3.js';
-import _ from 'lodash';
 
 var script = defineComponent({
   name: 'OrTab',
@@ -9,20 +8,17 @@ var script = defineComponent({
     title: {
       type: String,
       default: '',
-      required: true,
-      validator: _.isString
+      required: true
     },
     isSelected: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isDisabled: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     }
   },
   computed: {

package/dist/bundled/v3/{OrTabHeaderItem.vue_vue_type_script_lang-29f331ec.js → OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js}

@@ -1,5 +1,4 @@
 import { defineComponent, ref, computed, watch, nextTick } from 'vue-demi';
-import _ from 'lodash';
 
 var script = defineComponent({
   name: 'OrTabHeaderItem',
@@ -8,20 +7,17 @@ var script = defineComponent({
     isActive: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isDisabled: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     title: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     }
   },
   emits: ['click', 'select'],

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-5836b8bd.js → OrTabs.vue_vue_type_script_lang-9129d34b.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import './components/OrTabHeaderItem/OrTabHeaderItem.js';
-import { s as script$1 } from './OrTabHeaderItem.vue_vue_type_script_lang-29f331ec.js';
+import { s as script$1 } from './OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
 
 var script = defineComponent({
   name: 'OrTabs',

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-597d9726.js → OrTabs.vue_vue_type_script_lang-9d4221f1.js}

@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrTabV3/OrTab.js';
 import { s as script$4 } from './OrTab.vue_vue_type_script_lang-79f2f523.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-a8e1eb6d.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-115f2c60.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-3a636796.js → OrTag.vue_vue_type_script_lang-09948d1f.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-17f98298.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-4e98d8a0.js → OrTag.vue_vue_type_script_lang-d76e6df4.js}

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue-demi';
 import { hexToRgb } from './utils/functions/color.js';
 import './components/OrIcon/OrIcon.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-e5349e49.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-22a17b06.js';
 
 const TAG_DEFAULT_COLOR = '#91969d'; // neutral-4
 var script = defineComponent({

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-325c7158.js → OrTags.vue_vue_type_script_lang-71fb4f1d.js}

@@ -5,8 +5,8 @@ import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
-import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-3592b581.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-3a636796.js';
+import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-09948d1f.js';
 
 var script = defineComponent({
   name: 'OrTags',

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-048cb245.js → OrTextarea.vue_vue_type_script_lang-84594717.js}

@@ -5,10 +5,10 @@ import './components/OrLabel/OrLabel.js';
 import './components/OrHint/OrHint.js';
 import './components/OrError/OrError.js';
 import './components/OrCollapse/OrCollapse.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-45b18baf.js';
+import { s as script$4 } from './OrCollapse.vue_vue_type_script_lang-35fdcade.js';
 
 var script = defineComponent({
   name: 'OrTextarea',

package/dist/bundled/v3/{OrTextbox.vue_vue_type_script_lang-dad835c3.js → OrTextbox.vue_vue_type_script_lang-89fae7b5.js}

@@ -2,18 +2,17 @@ import { defineComponent, ref, computed, getCurrentInstance } from 'vue-demi';
 import { pxToRem } from './utils/functions/px-to-rem.js';
 import { setStyle, requestAF, getCS, reflow, cancelAF } from './utils/functions/dom.js';
 import { TextboxTypes } from './components/OrTextbox/constants.js';
-import _ from 'lodash';
 import './components/OrLabel/OrLabel.js';
 import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrHint/OrHint.js';
 import './components/OrError/OrError.js';
 import './components/OrCollapse/OrCollapse.js';
 import useToggle from './hooks/useToggle.js';
-import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fb99a3ea.js';
-import { s as script$3 } from './OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-6243e348.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a9aa6ad1.js';
+import { s as script$3 } from './OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 import { s as script$4 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$5 } from './OrCollapse.vue_vue_type_script_lang-45b18baf.js';
+import { s as script$5 } from './OrCollapse.vue_vue_type_script_lang-35fdcade.js';
 
 var script = defineComponent({
   name: 'OrTextbox',
@@ -32,110 +31,92 @@ var script = defineComponent({
     modelValue: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     id: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     placeholder: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     type: {
       type: String,
       default: TextboxTypes.text,
-      required: false,
-      validator: _.isString
+      required: false
     },
     label: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     error: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     hint: {
       type: String,
       default: '',
-      required: false,
-      validator: _.isString
+      required: false
     },
     minValue: {
       type: [Number, undefined],
       default: undefined,
-      required: false,
-      validator: _.isNumber
+      required: false
     },
     maxValue: {
       type: [Number, undefined],
       default: undefined,
-      required: false,
-      validator: _.isNumber
+      required: false
     },
     stepValue: {
       type: [Number, undefined],
       default: undefined,
-      required: false,
-      validator: _.isNumber
+      required: false
     },
     maxLength: {
       type: [Number, undefined],
       default: undefined,
-      required: false,
-      validator: _.isNumber
+      required: false
     },
     height: {
       type: [Number, String, undefined],
       default: undefined,
-      required: false,
-      validator: value => _.isNumber(value) || _.isString(value) || _.isUndefined(value)
+      required: false
     },
     maxWidth: {
       type: [Number, String, undefined],
       default: undefined,
-      required: false,
-      validator: value => _.isNumber(value) || _.isString(value) || _.isUndefined(value)
+      required: false
     },
     isSmall: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isRequired: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isDisabled: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isReadonly: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     },
     isInvalid: {
       type: Boolean,
       default: false,
-      required: false,
-      validator: _.isBoolean
+      required: false
     }
   },
   emits: ['focus', 'blur', 'update:modelValue', 'input', 'clear'],
@@ -271,7 +252,7 @@ var script = defineComponent({
     maxWidthStyle() {
       if (!this.maxWidth) return {};
       const permittedUnits = ['px', '%', 'em', 'rem', 'vw'];
-      if (_.isString(this.maxWidth) && this.maxWidth !== '') {
+      if (typeof this.maxWidth === 'string' && this.maxWidth !== '') {
         const unit = this.maxWidth.replace(/[^a-z,%]/gi, '');
         const isIncludedUnit = permittedUnits.includes(unit);
         if (!isIncludedUnit && typeof this.maxWidth !== 'number') {
@@ -283,14 +264,14 @@ var script = defineComponent({
           maxWidth: pxToRem(parseInt(this.maxWidth))
         };
       }
-      return _.isNumber(this.maxWidth) && this.maxWidth > 0 ? {
+      return typeof this.maxWidth === 'number' && this.maxWidth > 0 ? {
         maxWidth: pxToRem(this.maxWidth)
       } : {};
     },
     heightStyle() {
       if (!this.height) return {};
       const permittedUnits = ['px', 'em', 'rem', 'vh'];
-      if (_.isString(this.height) && this.height !== '') {
+      if (typeof this.height === 'string' && this.height !== '') {
         const unit = this.height.replace(/[^a-z]/gi, '');
         const isIncludedUnit = permittedUnits.includes(unit);
         if (!isIncludedUnit && typeof this.height !== 'number') {
@@ -302,7 +283,7 @@ var script = defineComponent({
           height: pxToRem(parseInt(this.height))
         };
       }
-      return _.isNumber(this.height) && this.height > 0 ? {
+      return typeof this.height === 'number' && this.height > 0 ? {
         height: pxToRem(this.height)
       } : {};
     },

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-d4387a74.js → OrTimePicker.vue_vue_type_script_lang-c52a2a0b.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './components/OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-1e3c0ace.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-f43e1818.js';
+import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-8bdb97b7.js';
 import { TimePicker, TimePickerPopover } from './components/OrTimePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
 import './components/OrHintV3/OrHint.js';
@@ -13,10 +13,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-17f98298.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$c } from './OrPopover.vue_vue_type_script_lang-3592b581.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
 import { DropdownClose } from './directives/dropdown-close.js';
 import { DropdownOpen } from './directives/dropdown-open.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-bb3db5bf.js

@@ -0,0 +1,72 @@
+import { useDebounceFn, useElementHover } from '@vueuse/core';
+import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
+import './components/OrPopoverV3/OrPopover.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
+import { PopoverPlacement } from './components/OrPopoverV3/props.js';
+
+var script = defineComponent({
+  name: 'OrTooltip',
+  components: {
+    OrPopover: script$1
+  },
+  props: {
+    text: {
+      type: String,
+      default: undefined
+    },
+    placement: {
+      type: String,
+      default: PopoverPlacement.Bottom
+    }
+  },
+  emits: ['update:state'],
+  expose: ['root', 'open', 'close'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    const popover = ref();
+    const popoverRoot = computed(() => {
+      var _a;
+      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
+    });
+    // Styles
+    const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
+    const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
+    // Methods
+    const open = useDebounceFn(() => {
+      if (hover.value) {
+        const popoverInstance = popover.value;
+        if (popoverInstance) {
+          popoverInstance.open();
+        }
+      }
+    }, 250);
+    const close = useDebounceFn(() => {
+      if (!hover.value) {
+        const popoverInstance = popover.value;
+        if (popoverInstance) {
+          popoverInstance.close();
+        }
+      }
+    }, 250);
+    // Effects
+    // #region Hover
+    const hover = useElementHover(root);
+    watch(hover, value => {
+      value ? open() : close();
+    });
+    // #endregion
+    return {
+      root,
+      popover,
+      popoverRoot,
+      rootStyles,
+      bodyStyles,
+      open,
+      close
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-76a6b7f4.js → OrTooltip.vue_vue_type_script_lang-ebca0d7c.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref } from 'vue-demi';
-import _ from 'lodash';
+import isNil from 'lodash/isNil';
 import './components/OrTooltipContent/OrTooltipContent.js';
-import { s as script$1 } from './OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
+import { s as script$1 } from './OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
+import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-d01f7507.js';
 import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 
 var script = defineComponent({
@@ -78,10 +78,10 @@ var script = defineComponent({
   },
   methods: {
     show() {
-      if (_.isNil(this.isVisible)) this.isShown = true;
+      if (isNil(this.isVisible)) this.isShown = true;
     },
     hide() {
-      if (_.isNil(this.isVisible)) this.isShown = false;
+      if (isNil(this.isVisible)) this.isShown = false;
     }
   }
 });

package/dist/bundled/v3/{OrTooltipContent.vue_vue_type_script_lang-969c20ed.js → OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js}

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue-demi';
-import _ from 'lodash';
 
 var script = defineComponent({
   name: 'OrTooltipContent',
@@ -7,14 +6,12 @@ var script = defineComponent({
     isShown: {
       type: Boolean,
       required: false,
-      default: true,
-      validator: _.isBoolean
+      default: true
     },
     content: {
       type: String,
       required: false,
-      default: '',
-      validator: _.isString
+      default: ''
     }
   }
 });

package/dist/bundled/v3/components/OrAvatar/OrAvatar.js

@@ -1,23 +1,24 @@
-import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-2d5de9d4.js';
-export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-2d5de9d4.js';
+import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-37b5b618.js';
+export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-37b5b618.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import 'lodash';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
+import '../../OrIcon.vue_vue_type_script_lang-22a17b06.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
+import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
+import '../../OrFloating.vue_vue_type_script_lang-d01f7507.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';
 
 const _hoisted_1 = ["src"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/components/OrAvatar/OrAvatar.vue.d.ts

@@ -10,7 +10,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<OR_AVATAR_SIZE>;
         default: OR_AVATAR_SIZE;
         required: false;
-        validator: (value?: any) => boolean;
     };
     icon: {
         type: PropType<string>;
@@ -34,7 +33,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<OR_AVATAR_SIZE>;
         default: OR_AVATAR_SIZE;
         required: false;
-        validator: (value?: any) => boolean;
     };
     icon: {
         type: PropType<string>;

package/dist/bundled/v3/components/OrAvatar/index.js

@@ -1,19 +1,20 @@
 export { OR_AVATAR_SIZE } from './constants.js';
-export { s as OrAvatar } from '../../OrAvatar.vue_vue_type_script_lang-2d5de9d4.js';
+export { s as OrAvatar } from '../../OrAvatar.vue_vue_type_script_lang-37b5b618.js';
 import 'vue-demi';
-import 'lodash';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-e5349e49.js';
+import '../../OrIcon.vue_vue_type_script_lang-22a17b06.js';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
+import '../../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
+import '../../OrFloating.vue_vue_type_script_lang-d01f7507.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleport/OrTeleport.js';
 import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
+import 'lodash/isElement';
+import 'lodash/get';

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-c3a0e7b5.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-c3a0e7b5.js';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
@@ -12,13 +12,12 @@ import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+  return _ctx.state !== 'closed' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
-    fullscreen: _ctx.fullscreen
+    fullscreen: _ctx.state === 'fullscreen'
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps({
       ref: "root"
@@ -30,7 +29,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
-      class: normalizeClass([_ctx.fullscreen ? 'overflow-y-auto' : 'overflow-hidden'])
+      class: normalizeClass([_ctx.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden'])
     }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */