@onereach/ui-components 4.3.6 → 4.3.7-beta.2642.0

package/dist/esm/v2/{OrBottomSheet-0938dbde.js → OrBottomSheet-1c3f7920.js}

@@ -3,21 +3,31 @@ import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrOverlay-b1609eef.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const BottomSheetRoot = [
+var BottomSheetVariant;
+(function (BottomSheetVariant) {
+  BottomSheetVariant["Basic"] = "basic";
+  BottomSheetVariant["Advanced"] = "advanced";
+})(BottomSheetVariant || (BottomSheetVariant = {}));
+
+const BottomSheet = [
 // Position
 'fixed', 'left-none', 'right-none', 'bottom-none',
 // Layout
 'layout-column',
-// Box
-'max-h-[50%]',
 // Shape
 'rounded-t-lg',
 // Theme
 'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
 // Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
-// Animation
-'transition-[min-height]', 'transition-[max-height]'];
+'shadow-contextual', 'dark:shadow-contextual-dark'];
+const BottomSheetVariants = {
+  'basic': [],
+  'advanced': [
+  // Box
+  'max-h-[50%]',
+  // Animation
+  'transition-[min-height]', 'transition-[max-height]']
+};
 const BottomSheetHandle = [
 // Layout
 'layout-row justify-center',
@@ -45,13 +55,19 @@ var script = defineComponent({
     OrOverlay: __vue_component__$1
   },
   inheritAttrs: false,
+  props: {
+    variant: {
+      type: String,
+      default: BottomSheetVariant.Advanced
+    }
+  },
   emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
   expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'open', 'close'],
   setup(props, context) {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheetRoot]);
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
@@ -96,32 +112,36 @@ var script = defineComponent({
     const swipeOptions = {
       threshold: 0,
       onSwipe(event) {
-        const rootElement = unref(root);
-        Object.assign(rootElement.style, {
-          transitionProperty: 'none',
-          minHeight: `${rootElement.clientHeight - event.offsetY}px`,
-          maxHeight: `${rootElement.clientHeight - event.offsetY}px`
-        });
+        if (props.variant === BottomSheetVariant.Advanced) {
+          const rootElement = unref(root);
+          Object.assign(rootElement.style, {
+            transitionProperty: 'none',
+            minHeight: `${rootElement.clientHeight - event.offsetY}px`,
+            maxHeight: `${rootElement.clientHeight - event.offsetY}px`
+          });
+        }
       },
       onSwipeEnd(event, direction) {
-        const rootElement = unref(root);
-        switch (direction) {
-          case SwipeDirection.UP:
-            Object.assign(rootElement.style, {
-              transitionProperty: 'min-height, max-height',
-              minHeight: '100%',
-              maxHeight: '100%'
-            });
-            onSwipeUp();
-            break;
-          case SwipeDirection.DOWN:
-            Object.assign(rootElement.style, {
-              transitionProperty: 'min-height, max-height',
-              minHeight: '0',
-              maxHeight: '50%'
-            });
-            onSwipeDown();
-            break;
+        if (props.variant === BottomSheetVariant.Advanced) {
+          const rootElement = unref(root);
+          switch (direction) {
+            case SwipeDirection.UP:
+              Object.assign(rootElement.style, {
+                transitionProperty: 'min-height, max-height',
+                minHeight: '100%',
+                maxHeight: '100%'
+              });
+              onSwipeUp();
+              break;
+            case SwipeDirection.DOWN:
+              Object.assign(rootElement.style, {
+                transitionProperty: 'min-height, max-height',
+                minHeight: '0',
+                maxHeight: '50%'
+              });
+              onSwipeDown();
+              break;
+          }
         }
       }
     };
@@ -167,13 +187,13 @@ var __vue_render__ = function () {
   }, [_c('div', _vm._b({
     ref: "root",
     class: _vm.rootStyles
-  }, 'div', _vm.$attrs, false), [_c('div', {
+  }, 'div', _vm.$attrs, false), [_vm.variant === 'advanced' ? [_c('div', {
     class: _vm.handleStyles
-  }), _vm._v(" "), _c('div', {
+  })] : _vm._e(), _vm._v(" "), _c('div', {
     class: _vm.headerStyles
   }, [_vm._t("header")], 2), _vm._v(" "), _c('div', {
     class: [_vm.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden']
-  }, [_vm._t("default")], 2)])]) : _vm._e();
+  }, [_vm._t("default")], 2)], 2)]) : _vm._e();
 };
 var __vue_staticRenderFns__ = [];
 
@@ -196,4 +216,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { __vue_component__ as _ };
+export { BottomSheetVariant as B, __vue_component__ as _ };

package/dist/esm/v2/{OrCardCollection-ead1d063.js → OrCardCollection-51d7f875.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$2 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$2 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$6 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$4 } from './OrMenu-55befbc8.js';
-import './OrPopover-c902e2fd.js';
-import { _ as __vue_component__$7 } from './OrSearch-dea30353.js';
+import { _ as __vue_component__$4 } from './OrMenu-27397f01.js';
+import './OrPopover-707feca8.js';
+import { _ as __vue_component__$7 } from './OrSearch-a0b80719.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrConfirm-d1572223.js → OrConfirm-705577bb.js}

@@ -2,7 +2,7 @@ import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-9622e713.js';
-import { _ as __vue_component__$3 } from './OrInput-884b6686.js';
+import { _ as __vue_component__$3 } from './OrInput-08c3a06e.js';
 import { _ as __vue_component__$1 } from './OrOverlay-b1609eef.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrDatePicker-ff4cebfb.js → OrDatePicker-794302e6.js}

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-7803ed9e.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-958aaf2c.js';
 import { _ as __vue_component__$7 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$8 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$a } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$a } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$9 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$b } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$c } from './OrLabel-63380256.js';
-import { _ as __vue_component__$d } from './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$d } from './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DatePicker = [
@@ -243,6 +243,9 @@ var __vue_render__ = function () {
     class: _vm.popoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },

package/dist/esm/v2/{OrDateTimePicker-da3d6d4d.js → OrDateTimePicker-b9bfa090.js}

@@ -2,14 +2,14 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { _ as __vue_component__$9 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$a } from './OrHint-aa221198.js';
-import { _ as __vue_component__$c } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$c } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$b } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$d } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$e } from './OrLabel-63380256.js';
-import { _ as __vue_component__$f } from './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$f } from './OrPopover-707feca8.js';
 import { _ as __vue_component__$3, a as __vue_component__$5, b as __vue_component__$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-7803ed9e.js';
+import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_component__$4 } from './OrDateTimePickerMonthSelect-958aaf2c.js';
 import { _ as __vue_component__$7, a as __vue_component__$8 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -320,6 +320,9 @@ var __vue_render__ = function () {
     class: _vm.datePopoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },
@@ -377,6 +380,9 @@ var __vue_render__ = function () {
     class: _vm.timePopoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },

package/dist/esm/v2/{OrDateTimePickerMonthSelect-7803ed9e.js → OrDateTimePickerMonthSelect-958aaf2c.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { _ as __vue_component__$3 } from './OrButton-9622e713.js';
-import { _ as __vue_component__$5 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$5 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$4 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$6 } from './OrMenu-55befbc8.js';
-import './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$6 } from './OrMenu-27397f01.js';
+import './OrPopover-707feca8.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {
@@ -134,7 +134,7 @@ const DateTimePickerDateSelectButtonGroup = [
 // Layout
 'grid content-start', 'grid-cols-7',
 // Box
-'h-[318px] md:h-[262px]',
+'h-[262px]',
 // Spacing
 'gap-xs'];
 const DateTimePickerDateSelectButtonGroupWeekdayItem = [

package/dist/esm/v2/{OrIconButton-0ec2cda6.js → OrIconButton-ddbe7c15.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { _ as __vue_component__$1, I as IconSize } from './OrIcon-d35a84d8.js';
-import { _ as __vue_component__$2 } from './OrTooltip-b7290ed1.js';
-import './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$2 } from './OrTooltip-97841769.js';
+import './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var IconButtonColor;

package/dist/esm/v2/{OrInlineInput-7a60a995.js → OrInlineInput-91fbc06a.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$3 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInlineTextarea-56d8f558.js → OrInlineTextarea-a42a6b71.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$3 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$3 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-19b49ee6.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{OrInput-884b6686.js → OrInput-08c3a06e.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { _ as __vue_component__$1 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$2 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$4 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$4 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$3 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$5 } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';

package/dist/esm/v2/{OrMenu-55befbc8.js → OrMenu-27397f01.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const MenuRoot = [

package/dist/esm/v2/{OrModal-41f09f4f.js → OrModal-b2a56d75.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$2 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$1 } from './OrOverlay-b1609eef.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrNotification-4497b02f.js → OrNotification-7e6102a7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$2 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$2 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrPagination-67b30f14.js → OrPagination-69c5c204.js}

@@ -4,8 +4,8 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { _ as __vue_component__$1 } from './OrButton-9622e713.js';
 import { _ as __vue_component__$2 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$4 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$3 } from './OrMenu-55befbc8.js';
-import './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$3 } from './OrMenu-27397f01.js';
+import './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const PaginationRoot = [

package/dist/esm/v2/{OrPopover-c902e2fd.js → OrPopover-707feca8.js}

@@ -3,7 +3,7 @@ import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { u as useElevation } from './useElevation-df91fa50.js';
 import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { _ as __vue_component__$1 } from './OrBottomSheet-0938dbde.js';
+import { _ as __vue_component__$1 } from './OrBottomSheet-1c3f7920.js';
 import { _ as __vue_component__$2 } from './OrTeleport.vue2-fb92f29f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -84,6 +84,10 @@ var script = defineComponent({
       type: String,
       default: PopoverVariant.Auto
     },
+    bottomSheetProps: {
+      type: Object,
+      default: undefined
+    },
     trigger: {
       type: HTMLElement,
       default: undefined
@@ -288,7 +292,7 @@ var __vue_render__ = function () {
     class: _vm.rootStyles
   }, 'div', _vm.$attrs, false), [_vm.disableDefaultStyles ? [_vm._t("default")] : [_c('div', {
     class: _vm.bodyStyles
-  }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', {
+  }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', _vm._b({
     ref: "bottomSheet",
     on: {
       "update:state": function ($event) {
@@ -298,7 +302,7 @@ var __vue_render__ = function () {
         return _vm.$emit('update:state:closed-automatically');
       }
     }
-  }, [_vm._t("default")], 2)] : _vm._e()], 2)]);
+  }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _vm._e()], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/esm/v2/{OrSearch-dea30353.js → OrSearch-a0b80719.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrInput-884b6686.js';
+import { _ as __vue_component__$1 } from './OrInput-08c3a06e.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-7266296e.js → OrSelect-41d7c5bb.js}

@@ -9,11 +9,11 @@ import { _ as __vue_component__$4 } from './OrHint-aa221198.js';
 import { _ as __vue_component__$5 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$7 } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
-import { _ as __vue_component__$6 } from './OrInput-884b6686.js';
+import { _ as __vue_component__$6 } from './OrInput-08c3a06e.js';
 import { _ as __vue_component__$8 } from './OrLabel-63380256.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$a } from './OrPopover-c902e2fd.js';
-import { _ as __vue_component__$b } from './OrTag-213bc082.js';
+import { _ as __vue_component__$a } from './OrPopover-707feca8.js';
+import { _ as __vue_component__$b } from './OrTag-ddfbcfa2.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

package/dist/esm/v2/{OrSidebar-82a4c03f.js → OrSidebar-f0850bce.js}

@@ -1,7 +1,7 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-c41c688a.js';
+import { O as OrSidebarPlacement, _ as __vue_component__$1 } from './OrSidebarCollapseButton-3582b92e.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SidebarRoot = [

package/dist/esm/v2/{OrSidebarCollapseButton-c41c688a.js → OrSidebarCollapseButton-3582b92e.js}

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$1 } from './OrIconButton-ddbe7c15.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var OrSidebarPlacement;

package/dist/esm/v2/{OrTabs-a8008116.js → OrTabs-08bbb2ae.js}

@@ -2,8 +2,8 @@ import { useResizeObserver } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch, nextTick, onMounted } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-6f9b8a93.js';
-import { _ as __vue_component__$2 } from './OrMenu-55befbc8.js';
-import './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$2 } from './OrMenu-27397f01.js';
+import './OrPopover-707feca8.js';
 import { _ as __vue_component__$4 } from './OrTab-5b198746.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrTag-213bc082.js → OrTag-ddfbcfa2.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$1 } from './OrIconButton-ddbe7c15.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/esm/v2/{OrTimePicker-038ceb81.js → OrTimePicker-2f4a6525.js}

@@ -4,12 +4,12 @@ import { _ as __vue_component__$1, a as __vue_component__$2, b as __vue_componen
 import { _ as __vue_component__$4, a as __vue_component__$5 } from './OrDateTimePickerTimeSelect-0b70d0df.js';
 import { _ as __vue_component__$6 } from './OrError-4ffc1c39.js';
 import { _ as __vue_component__$7 } from './OrHint-aa221198.js';
-import { _ as __vue_component__$9 } from './OrIconButton-0ec2cda6.js';
+import { _ as __vue_component__$9 } from './OrIconButton-ddbe7c15.js';
 import { _ as __vue_component__$8 } from './OrIcon-d35a84d8.js';
 import { _ as __vue_component__$a } from './OrInputBox-d36b1323.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import { _ as __vue_component__$b } from './OrLabel-63380256.js';
-import { _ as __vue_component__$c } from './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$c } from './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TimePicker = [
@@ -238,6 +238,9 @@ var __vue_render__ = function () {
     class: _vm.popoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },

package/dist/esm/v2/{OrTooltip-b7290ed1.js → OrTooltip-97841769.js}

@@ -1,6 +1,6 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-c902e2fd.js';
+import { _ as __vue_component__$1, P as PopoverPlacement } from './OrPopover-707feca8.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [

package/dist/esm/v2/components/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-7c024521.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from '../OrAvatar-12b0e276.js';
-export { _ as OrBottomSheetV3 } from '../OrBottomSheet-0938dbde.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from '../OrBottomSheet-1c3f7920.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-549e8852.js';
 export { _ as OrButtonV2 } from '../OrButton-4e532ddb.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-23972f7d.js';
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-9622e713.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-9bf513b7.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-ead1d063.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-51d7f875.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
 export { _ as OrCarousel } from '../OrCarousel-e0c2e387.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
@@ -20,12 +20,12 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-e54e09f7.js';
 export { _ as OrCollapse } from '../OrCollapse-50e3914c.js';
 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-fa92b4fa.js';
 export { _ as OrConfirm } from '../OrConfirm-5d5dd9bc.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d1572223.js';
-export { _ as OrDatePickerV3 } from '../OrDatePicker-ff4cebfb.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-705577bb.js';
+export { _ as OrDatePickerV3 } from '../OrDatePicker-794302e6.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-d36b1323.js';
 export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-6e2853ec.js';
-export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-da3d6d4d.js';
+export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-b9bfa090.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from '../OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-a55ae01a.js';
@@ -36,14 +36,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { _ as OrHint } from '../OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from '../OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-a40e60af.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-0ec2cda6.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-ddbe7c15.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-7a60a995.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-91fbc06a.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-9541b625.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-56d8f558.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-a42a6b71.js';
 export { _ as OrInput } from '../OrInput-c005a759.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-884b6686.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-08c3a06e.js';
 export { _ as OrLabel } from '../OrLabel-931394a5.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-63380256.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-3679a61f.js';
@@ -52,17 +52,17 @@ export { _ as OrListOfInputs } from '../OrListOfInputs-e1b09290.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-6f9b8a93.js';
-export { _ as OrMenuV3 } from '../OrMenu-55befbc8.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-c902e2fd.js';
+export { _ as OrMenuV3 } from '../OrMenu-27397f01.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-707feca8.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-b9cfb8ec.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-41f09f4f.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-b2a56d75.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-fdb88eec.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-4497b02f.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-7e6102a7.js';
 export { _ as OrNumberInput } from '../OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-83540c76.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-b1609eef.js';
-export { _ as OrPaginationV3 } from '../OrPagination-67b30f14.js';
+export { _ as OrPaginationV3 } from '../OrPagination-69c5c204.js';
 export { _ as OrPassword } from '../OrPassword-022e10fd.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-e6f20dc1.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-29957e64.js';
@@ -70,13 +70,13 @@ export { _ as OrRadio } from '../OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from '../OrRadio-a812088f.js';
 export { _ as OrSearch } from '../OrSearch-620d5d76.js';
-export { _ as OrSearchV3 } from '../OrSearch-dea30353.js';
+export { _ as OrSearchV3 } from '../OrSearch-a0b80719.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-d887118b.js';
-export { _ as OrSelectV3 } from '../OrSelect-7266296e.js';
+export { _ as OrSelectV3 } from '../OrSelect-41d7c5bb.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-82a4c03f.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-c41c688a.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-f0850bce.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-3582b92e.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-db96ddb6.js';
 export { _ as OrSkeletonRect } from '../OrSkeletonRect-8df5791c.js';
 export { _ as OrSkeletonText } from '../OrSkeletonText-8063af02.js';
@@ -93,23 +93,23 @@ export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from '../OrTab-5b198746.js';
 export { _ as OrTabs } from '../OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-a8008116.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-08bbb2ae.js';
 export { _ as OrTag } from '../OrTag-6349049b.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-213bc082.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-ddfbcfa2.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from '../OrText-6097bca5.js';
 export { _ as OrTextarea } from '../OrTextarea-724a4d6f.js';
 export { _ as OrTextareaV3 } from '../OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-0373bd6a.js';
-export { _ as OrTimePickerV3 } from '../OrTimePicker-038ceb81.js';
+export { _ as OrTimePickerV3 } from '../OrTimePicker-2f4a6525.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-1625b803.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-5646f386.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-9011d890.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { _ as OrTooltip } from '../OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-d85e1071.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-b7290ed1.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-97841769.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';
@@ -136,7 +136,7 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-9e49aba0.js';
-import '../OrDateTimePickerMonthSelect-7803ed9e.js';
+import '../OrDateTimePickerMonthSelect-958aaf2c.js';
 import '../OrDateTimePickerTimeSelect-0b70d0df.js';
 import '@floating-ui/dom';
 import '../OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';