@onereach/ui-components 4.3.6-beta.2636.0 → 4.3.6

package/dist/esm/v2/components/or-time-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-2f4a6525.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-038ceb81.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -11,14 +11,14 @@ import '@vueuse/core';
 import '../../OrDateTimePickerTimeSelect-0b70d0df.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-ddbe7c15.js';
+import '../../OrIconButton-0ec2cda6.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-97841769.js';
-import '../../OrPopover-707feca8.js';
+import '../../OrTooltip-b7290ed1.js';
+import '../../OrPopover-c902e2fd.js';
 import '@floating-ui/dom';
 import '../../useElevation-df91fa50.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-1c3f7920.js';
+import '../../OrBottomSheet-0938dbde.js';
 import '../../OrOverlay-b1609eef.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';

package/dist/esm/v2/components/or-toast-v3/index.js

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-9011d890.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-5646f386.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -6,13 +6,13 @@ import '../../useElevation-df91fa50.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-ddbe7c15.js';
+import '../../OrIconButton-0ec2cda6.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-97841769.js';
-import '../../OrPopover-707feca8.js';
+import '../../OrTooltip-b7290ed1.js';
+import '../../OrPopover-c902e2fd.js';
 import '@floating-ui/dom';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-1c3f7920.js';
+import '../../OrBottomSheet-0938dbde.js';
 import '../../OrOverlay-b1609eef.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-toast-v3/or-toast-container-v3/index.js

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-9011d890.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-5646f386.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../../useToast-0665462d.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -6,13 +6,13 @@ import '../../../useElevation-df91fa50.js';
 import '../../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../../normalize-component-6e8e3d80.js';
-import '../../../OrIconButton-ddbe7c15.js';
+import '../../../OrIconButton-0ec2cda6.js';
 import '../../../OrIcon-d35a84d8.js';
-import '../../../OrTooltip-97841769.js';
-import '../../../OrPopover-707feca8.js';
+import '../../../OrTooltip-b7290ed1.js';
+import '../../../OrPopover-c902e2fd.js';
 import '@floating-ui/dom';
 import '../../../useResponsive-a02e95b7.js';
-import '../../../OrBottomSheet-1c3f7920.js';
+import '../../../OrBottomSheet-0938dbde.js';
 import '../../../OrOverlay-b1609eef.js';
 import '../../../OrLoader-b0c381f9.js';
 import '../../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-tooltip-v3/index.js

@@ -1,12 +1,12 @@
-export { _ as OrTooltipV3 } from '../../OrTooltip-97841769.js';
-export { P as TooltipPlacement } from '../../OrPopover-707feca8.js';
+export { _ as OrTooltipV3 } from '../../OrTooltip-b7290ed1.js';
+export { P as TooltipPlacement } from '../../OrPopover-c902e2fd.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
 import '@floating-ui/dom';
 import '../../useElevation-df91fa50.js';
 import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-1c3f7920.js';
+import '../../OrBottomSheet-0938dbde.js';
 import '../../OrOverlay-b1609eef.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';

package/dist/esm/v2/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 { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-1c3f7920.js';
+export { _ as OrBottomSheetV3 } from './OrBottomSheet-0938dbde.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-51d7f875.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-ead1d063.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-705577bb.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-794302e6.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d1572223.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-ff4cebfb.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-b9bfa090.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-da3d6d4d.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-ddbe7c15.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-0ec2cda6.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-91fbc06a.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-7a60a995.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-9541b625.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-a42a6b71.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-56d8f558.js';
 export { _ as OrInput } from './OrInput-c005a759.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-08c3a06e.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-884b6686.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-27397f01.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-707feca8.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 OrModal, O as OrModalSizes } from './OrModal-b9cfb8ec.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-b2a56d75.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-41f09f4f.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-7e6102a7.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-4497b02f.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-69c5c204.js';
+export { _ as OrPaginationV3 } from './OrPagination-67b30f14.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-a0b80719.js';
+export { _ as OrSearchV3 } from './OrSearch-dea30353.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-d887118b.js';
-export { _ as OrSelectV3 } from './OrSelect-41d7c5bb.js';
+export { _ as OrSelectV3 } from './OrSelect-7266296e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from './OrSidebar-f0850bce.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-3582b92e.js';
+export { _ as OrSidebarV3 } from './OrSidebar-82a4c03f.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-c41c688a.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-08bbb2ae.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-a8008116.js';
 export { _ as OrTag } from './OrTag-6349049b.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ddfbcfa2.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-213bc082.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-2f4a6525.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-038ceb81.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-9011d890.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-5646f386.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-97841769.js';
+export { _ as OrTooltipV3 } from './OrTooltip-b7290ed1.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-df91fa50.js';
@@ -142,7 +142,7 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import './OrDateTimePickerMonthSelect-958aaf2c.js';
+import './OrDateTimePickerMonthSelect-7803ed9e.js';
 import './OrDateTimePickerTimeSelect-0b70d0df.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';

package/dist/esm/v2/{types-9011d890.js → types-5646f386.js}

@@ -3,7 +3,7 @@ import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTic
 import { u as useElevation } from './useElevation-df91fa50.js';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-fb92f29f.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 { _ as __vue_component__$2 } from './OrIconButton-ddbe7c15.js';
+import { _ as __vue_component__$2 } from './OrIconButton-0ec2cda6.js';
 import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v3/{OrBottomSheet-e491689f.js → OrBottomSheet-6538d9c3.js}

@@ -1,33 +1,23 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
 import { s as script$1 } from './OrOverlay-d63d39c3.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 
-var BottomSheetVariant;
-(function (BottomSheetVariant) {
-  BottomSheetVariant["Basic"] = "basic";
-  BottomSheetVariant["Advanced"] = "advanced";
-})(BottomSheetVariant || (BottomSheetVariant = {}));
-
-const BottomSheet = [
+const BottomSheetRoot = [
 // 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'];
-const BottomSheetVariants = {
-  'basic': [],
-  'advanced': [
-  // Box
-  'max-h-[50%]',
-  // Animation
-  'transition-[min-height]', 'transition-[max-height]']
-};
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Animation
+'transition-[min-height]', 'transition-[max-height]'];
 const BottomSheetHandle = [
 // Layout
 'layout-row justify-center',
@@ -55,19 +45,13 @@ var script = defineComponent({
     OrOverlay: script$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', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheetRoot]);
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
@@ -112,36 +96,32 @@ var script = defineComponent({
     const swipeOptions = {
       threshold: 0,
       onSwipe(event) {
-        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`
-          });
-        }
+        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) {
-        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;
-          }
+        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;
         }
       }
     };
@@ -182,10 +162,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
-    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
-      key: 0,
+    }), [createElementVNode("div", {
       class: normalizeClass(_ctx.handleStyles)
-    }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    }, null, 2 /* CLASS */), createElementVNode("div", {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
       class: normalizeClass([_ctx.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden'])
@@ -198,4 +177,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-bottom-sheet-v3/OrBottomSheet.vue";
 
-export { BottomSheetVariant as B, script as s };
+export { script as s };

package/dist/esm/v3/{OrCardCollection-a0cc4895.js → OrCardCollection-b7d73647.js}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$2 } from './OrIconButton-6c3fafc2.js';
+import { s as script$2 } from './OrIconButton-46b3c1e2.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$5 } from './OrMenuItem-dbee450f.js';
-import { s as script$4 } from './OrMenu-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
-import { s as script$7 } from './OrSearch-2770023a.js';
+import { s as script$4 } from './OrMenu-03a8a492.js';
+import './OrPopover-e34e8f6c.js';
+import { s as script$7 } from './OrSearch-7277ebfd.js';
 import './OrInputBox-ba40bbdf.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrConfirm-c497fe8e.js → OrConfirm-14cefbad.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 { s as script$2, a as ButtonColor } from './OrButton-c2b6aa9e.js';
-import { s as script$3 } from './OrInput-4215a3d8.js';
+import { s as script$3 } from './OrInput-cc1991ff.js';
 import { s as script$1 } from './OrOverlay-d63d39c3.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-b4e92bf3.js → OrDatePicker-748c8f09.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-9fb0b634.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7e13dcca.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-6c3fafc2.js';
+import { s as script$a } from './OrIconButton-46b3c1e2.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
-import { s as script$d } from './OrPopover-0635cb63.js';
+import { s as script$d } from './OrPopover-e34e8f6c.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DatePicker = [
@@ -233,9 +233,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "popover",
       class: normalizeClass(_ctx.popoverStyles),
       variant: 'auto',
-      "bottom-sheet-props": {
-        variant: 'basic'
-      },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
       "onUpdate:state:closedAutomatically": _cache[5] || (_cache[5] = $event => _ctx.reset())

package/dist/esm/v3/{OrDateTimePicker-cd4741af.js → OrDateTimePicker-10f2eb69.js}

@@ -2,13 +2,13 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$9 } from './OrError-c01d0c29.js';
 import { s as script$a } from './OrHint-06ab89d7.js';
-import { s as script$c } from './OrIconButton-6c3fafc2.js';
+import { s as script$c } from './OrIconButton-46b3c1e2.js';
 import { s as script$b } from './OrIcon-62793572.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
-import { s as script$f } from './OrPopover-0635cb63.js';
+import { s as script$f } from './OrPopover-e34e8f6c.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-9fb0b634.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-7e13dcca.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
 
@@ -294,9 +294,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "datePopover",
       class: normalizeClass(_ctx.datePopoverStyles),
       variant: 'auto',
-      "bottom-sheet-props": {
-        variant: 'basic'
-      },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
       "onUpdate:state:closedAutomatically": _cache[6] || (_cache[6] = $event => _ctx.reset())
@@ -343,9 +340,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "timePopover",
       class: normalizeClass(_ctx.timePopoverStyles),
       variant: 'auto',
-      "bottom-sheet-props": {
-        variant: 'basic'
-      },
       trigger: _ctx.inputBoxRoot,
       placement: 'bottom-start',
       "onUpdate:state:closedAutomatically": _cache[10] || (_cache[10] = $event => _ctx.reset())

package/dist/esm/v3/{OrDateTimePickerMonthSelect-9fb0b634.js → OrDateTimePickerMonthSelect-7e13dcca.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode } from 'vue';
 import { s as script$3 } from './OrButton-c2b6aa9e.js';
-import { s as script$5 } from './OrIconButton-6c3fafc2.js';
+import { s as script$5 } from './OrIconButton-46b3c1e2.js';
 import { s as script$4 } from './OrIcon-62793572.js';
 import { s as script$7 } from './OrMenuItem-dbee450f.js';
-import { s as script$6 } from './OrMenu-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
+import { s as script$6 } from './OrMenu-03a8a492.js';
+import './OrPopover-e34e8f6c.js';
 
 function useDatePlaceholder() {
   const sample = new Date(Date.UTC(1111, 1, 3, 4, 5)).toLocaleString(navigator.language, {
@@ -112,7 +112,7 @@ const DateTimePickerDateSelectButtonGroup = [
 // Layout
 'grid content-start', 'grid-cols-7',
 // Box
-'h-[262px]',
+'h-[318px] md:h-[262px]',
 // Spacing
 'gap-xs'];
 const DateTimePickerDateSelectButtonGroupWeekdayItem = [

package/dist/esm/v3/{OrIconButton-6c3fafc2.js → OrIconButton-46b3c1e2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-a38adced.js';
-import './OrPopover-0635cb63.js';
+import { s as script$2 } from './OrTooltip-e3c85390.js';
+import './OrPopover-e34e8f6c.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;

package/dist/esm/v3/{OrInlineInput-6209e8c8.js → OrInlineInput-63b1d245.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-6c3fafc2.js';
+import { s as script$3 } from './OrIconButton-46b3c1e2.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-1c36f763.js → OrInlineTextarea-d03f81c4.js}

@@ -4,7 +4,7 @@ import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-6c3fafc2.js';
+import { s as script$3 } from './OrIconButton-46b3c1e2.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-4215a3d8.js → OrInput-cc1991ff.js}

@@ -5,7 +5,7 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-6c3fafc2.js';
+import { s as script$4 } from './OrIconButton-46b3c1e2.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$6 } from './OrLabel-4da56db0.js';

package/dist/esm/v3/{OrMenu-45a1dc3e.js → OrMenu-03a8a492.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-0635cb63.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-e34e8f6c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const MenuRoot = [

package/dist/esm/v3/{OrModal-6ff24390.js → OrModal-7305680a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6c3fafc2.js';
+import { s as script$2 } from './OrIconButton-46b3c1e2.js';
 import { s as script$1 } from './OrOverlay-d63d39c3.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrNotification-0a674902.js → OrNotification-16190cf5.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6c3fafc2.js';
+import { s as script$2 } from './OrIconButton-46b3c1e2.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrPagination-5846675e.js → OrPagination-6bf44eec.js}

@@ -4,8 +4,8 @@ import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import { s as script$1 } from './OrButton-c2b6aa9e.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-dbee450f.js';
-import { s as script$3 } from './OrMenu-45a1dc3e.js';
-import './OrPopover-0635cb63.js';
+import { s as script$3 } from './OrMenu-03a8a492.js';
+import './OrPopover-e34e8f6c.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-0635cb63.js → OrPopover-e34e8f6c.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 { s as script$1 } from './OrBottomSheet-e491689f.js';
+import { s as script$1 } from './OrBottomSheet-6538d9c3.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -84,10 +84,6 @@ var script = defineComponent({
       type: String,
       default: PopoverVariant.Auto
     },
-    bottomSheetProps: {
-      type: Object,
-      default: undefined
-    },
     trigger: {
       type: HTMLElement,
       default: undefined
@@ -288,16 +284,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }) : (openBlock(), createElementBlock("div", {
       key: 1,
       class: normalizeClass(_ctx.bodyStyles)
-    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */))], 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.variant === 'auto' || _ctx.variant === 'bottom-sheet' ? (openBlock(), createBlock(_component_OrBottomSheet, mergeProps({
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */))], 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true), _ctx.isMobile && _ctx.variant === 'auto' || _ctx.variant === 'bottom-sheet' ? (openBlock(), createBlock(_component_OrBottomSheet, {
       key: 1,
-      ref: "bottomSheet"
-    }, _ctx.bottomSheetProps, {
+      ref: "bottomSheet",
       "onUpdate:state": _cache[0] || (_cache[0] = $event => _ctx.state = $event),
       "onUpdate:state:closedAutomatically": _cache[1] || (_cache[1] = $event => _ctx.$emit('update:state:closed-automatically'))
-    }), {
+    }, {
       default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
       _: 3 /* FORWARDED */
-    }, 16 /* FULL_PROPS */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, _ctx.isOpen]])]),
+    }, 512 /* NEED_PATCH */)) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, _ctx.isOpen]])]),
     _: 3 /* FORWARDED */
   });
 }