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

package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js → OrBottomSheet.vue_vue_type_script_lang-461f99cf.js}

@@ -1,6 +1,7 @@
 import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
-import { BottomSheetRoot, BottomSheetHandle, BottomSheetHeader } from './components/OrBottomSheetV3/styles.js';
+import { BottomSheetVariant } from './components/OrBottomSheetV3/props.js';
+import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader } from './components/OrBottomSheetV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
 
@@ -10,13 +11,19 @@ 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', ...BottomSheetRoot]);
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
     const handleStyles = computed(() => [...BottomSheetHandle]);
     const headerStyles = computed(() => [...BottomSheetHeader]);
     // State
@@ -61,32 +68,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;
+          }
         }
       }
     };

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-7d15b872.js → OrCardCollection.vue_vue_type_script_lang-b42d07c5.js}

@@ -6,13 +6,13 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrButtonV3/OrButton.js';
 import { s as script$3 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import './components/OrMenuV3/OrMenu.js';
-import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-d3ea7d1e.js';
+import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-4151a6c5.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$5 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrSearchV3/OrSearch.js';
-import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-2726e332.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-79acec48.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 
 var script$1 = defineComponent({

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-5ee20884.js → OrConfirm.vue_vue_type_script_lang-c3d584a5.js}

@@ -9,7 +9,7 @@ import './components/OrInputV3/OrInput.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-f9fef480.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-9596c9e5.js';
 
 var script = defineComponent({
   name: 'OrConfirm',

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-8c1c9c3e.js → OrDatePicker.vue_vue_type_script_lang-10648c78.js}

@@ -1,6 +1,6 @@
 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$4 } from './OrDateTimePickerMonthSelect-a9634fe9.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-74896719.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { DatePicker, DatePickerPopover } from './components/OrDatePickerV3/styles.js';
 import './components/OrErrorV3/OrError.js';
@@ -15,10 +15,10 @@ import { DropdownOpen } from './directives/dropdown-open.js';
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$8 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$9 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$a } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$c } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$d } from './OrPopover.vue_vue_type_script_lang-65598970.js';
+import { s as script$d } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-cba80c1c.js → OrDateTimePicker.vue_vue_type_script_lang-c14895ae.js}

@@ -1,6 +1,6 @@
 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$4 } from './OrDateTimePickerMonthSelect-a9634fe9.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-74896719.js';
 import { s as script$3, a as script$5, b as script$6 } from './OrDateTimePickerPopoverHeader-f81b902f.js';
 import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-b962e4d5.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './components/OrDateTimePickerV3/styles.js';
@@ -14,10 +14,10 @@ import './components/OrPopoverV3/OrPopover.js';
 import { s as script$9 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$a } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$b } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$c } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
-import { s as script$f } from './OrPopover.vue_vue_type_script_lang-65598970.js';
+import { s as script$f } from './OrPopover.vue_vue_type_script_lang-2d9a006c.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/{OrDateTimePickerMonthSelect-a9634fe9.js → OrDateTimePickerMonthSelect-74896719.js}

@@ -8,8 +8,8 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrMenuV3/OrMenu.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import { s as script$4 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
-import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-d3ea7d1e.js';
+import { s as script$5 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
+import { s as script$6 } from './OrMenu.vue_vue_type_script_lang-4151a6c5.js';
 import { s as script$7 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 
 const DateTimePickerDateControl = [
@@ -109,7 +109,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/bundled/v3/{OrIconButton.vue_vue_type_script_lang-c2534846.js → OrIconButton.vue_vue_type_script_lang-a4558aec.js}

@@ -3,7 +3,7 @@ import { IconButtonColor } from './components/OrIconButtonV3/props.js';
 import { IconButtonRoot, IconButtonRootColors } from './components/OrIconButtonV3/styles.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrTooltipV3/OrTooltip.js';
-import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-cd7c37c3.js';
+import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-67f6fa3c.js';
 import { IconSize } from './components/OrIconV3/props.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-a8c0670a.js → OrInlineInput.vue_vue_type_script_lang-3317d59e.js}

@@ -12,7 +12,7 @@ import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-03708ef8.js → OrInlineTextarea.vue_vue_type_script_lang-bec81f6e.js}

@@ -9,7 +9,7 @@ import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-f9fef480.js → OrInput.vue_vue_type_script_lang-9596c9e5.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-d3ea7d1e.js → OrMenu.vue_vue_type_script_lang-4151a6c5.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { MenuRoot } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-65598970.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-750e6c92.js → OrModal.vue_vue_type_script_lang-8e6bfbe0.js}

@@ -4,7 +4,7 @@ import { ModalRoot, ModalRootSizes, ModalHeader } from './components/OrModalV3/s
 import './components/OrOverlayV3/OrOverlay.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-47004a50.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 
 var script = defineComponent({
   name: 'OrModal',

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-5a62577f.js → OrNotification.vue_vue_type_script_lang-3cb896a6.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-60000de8.js → OrPagination.vue_vue_type_script_lang-b1501bad.js}

@@ -7,7 +7,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
 import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-d3ea7d1e.js';
+import { s as script$3 } from './OrMenu.vue_vue_type_script_lang-4151a6c5.js';
 import { s as script$4 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-65598970.js → OrPopover.vue_vue_type_script_lang-2d9a006c.js}

@@ -4,7 +4,7 @@ import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, n
 import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import './components/OrBottomSheetV3/OrBottomSheet.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-461f99cf.js';
 import './components/OrTeleportV3/OrTeleport.js';
 import useResponsive from './hooks/useResponsive/useResponsive.js';
 import { useElevation } from './hooks/useElevation.js';
@@ -22,6 +22,10 @@ var script = defineComponent({
       type: String,
       default: PopoverVariant.Auto
     },
+    bottomSheetProps: {
+      type: Object,
+      default: undefined
+    },
     trigger: {
       type: HTMLElement,
       default: undefined

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-2726e332.js → OrSearch.vue_vue_type_script_lang-79acec48.js}

@@ -1,7 +1,7 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-f9fef480.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-9596c9e5.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-c232523a.js → OrSelect.vue_vue_type_script_lang-2bd087f3.js}

@@ -13,16 +13,16 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$b } from './OrTag.vue_vue_type_script_lang-e3ba4ecb.js';
+import { s as script$b } from './OrTag.vue_vue_type_script_lang-f2855602.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-f9fef480.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-9596c9e5.js';
 import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-a21db166.js';
 import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-import { s as script$a } from './OrPopover.vue_vue_type_script_lang-65598970.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-2d9a006c.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/{OrSidebar.vue_vue_type_script_lang-0f22b364.js → OrSidebar.vue_vue_type_script_lang-f6179985.js}

@@ -3,7 +3,7 @@ import _ from 'lodash';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-ff032e95.js → OrTabs.vue_vue_type_script_lang-92e9d9d8.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-d3ea7d1e.js';
+import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-4151a6c5.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-e3ba4ecb.js → OrTag.vue_vue_type_script_lang-f2855602.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-c2534846.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-34c2901e.js → OrTimePicker.vue_vue_type_script_lang-805e884c.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-c2534846.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-a4558aec.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-65598970.js';
+import { s as script$c } from './OrPopover.vue_vue_type_script_lang-2d9a006c.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-cd7c37c3.js → OrTooltip.vue_vue_type_script_lang-67f6fa3c.js}

@@ -2,7 +2,7 @@ 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-65598970.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2d9a006c.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 
 var script = defineComponent({

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

@@ -1,8 +1,9 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-461f99cf.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-461f99cf.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
+import './props.js';
 import './styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-47004a50.js';
@@ -22,9 +23,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "root"
     }, _ctx.$attrs, {
       class: _ctx.rootStyles
-    }), [createElementVNode("div", {
+    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
+      key: 0,
       class: normalizeClass(_ctx.handleStyles)
-    }, null, 2 /* CLASS */), createElementVNode("div", {
+    }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
       class: normalizeClass(_ctx.headerStyles)
     }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
       class: normalizeClass([_ctx.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden'])

package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts

@@ -1,3 +1,5 @@
+import { PropType } from 'vue-demi';
+import { BottomSheetVariant } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -9,7 +11,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isClosed: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
     close: (auto?: boolean) => void;
-}> & import("@vue/composition-api").Data, {}, {}, {}, import("@vue/composition-api").ExtractPropTypes<{}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {} & {
+}> & import("@vue/composition-api").Data, {}, {}, {
+    variant: {
+        type: PropType<"basic" | "advanced">;
+        default: BottomSheetVariant;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    variant: {
+        type: PropType<"basic" | "advanced">;
+        default: BottomSheetVariant;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    variant: "basic" | "advanced";
+} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -22,7 +36,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isClosed: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
     close: (auto?: boolean) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {} & {} & {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    variant: "basic" | "advanced";
+} & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, true>);
+}, {
+    variant: "basic" | "advanced";
+}, true>);
 export default _default;

package/dist/bundled/v3/components/OrBottomSheetV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrBottomSheetV3 } from './OrBottomSheet.vue';
+export * from './props';

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

@@ -1,4 +1,5 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js';
+export { BottomSheetVariant } from './props.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-461f99cf.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrBottomSheetV3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum BottomSheetVariant {
+    Basic = "basic",
+    Advanced = "advanced"
+}

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

@@ -0,0 +1,7 @@
+var BottomSheetVariant;
+(function (BottomSheetVariant) {
+  BottomSheetVariant["Basic"] = "basic";
+  BottomSheetVariant["Advanced"] = "advanced";
+})(BottomSheetVariant || (BottomSheetVariant = {}));
+
+export { BottomSheetVariant };

package/dist/bundled/v3/components/OrBottomSheetV3/styles.d.ts

@@ -1,3 +1,5 @@
-export declare const BottomSheetRoot: string[];
+import { BottomSheetVariant } from './props';
+export declare const BottomSheet: string[];
+export declare const BottomSheetVariants: Record<BottomSheetVariant, string[]>;
 export declare const BottomSheetHandle: string[];
 export declare const BottomSheetHeader: string[];

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

@@ -1,18 +1,22 @@
-const BottomSheetRoot = [
+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',
@@ -34,4 +38,4 @@ const BottomSheetHeader = [
 // Typography
 'typography-headline-3'];
 
-export { BottomSheetHandle, BottomSheetHeader, BottomSheetRoot };
+export { BottomSheet, BottomSheetHandle, BottomSheetHeader, BottomSheetVariants };

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,11 +1,11 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-7d15b872.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-7d15b872.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-b42d07c5.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-b42d07c5.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
 import 'vue-demi';
 import './styles.js';
 import './props.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-c2534846.js';
+import '../../OrIconButton.vue_vue_type_script_lang-a4558aec.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -13,16 +13,17 @@ import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-cd7c37c3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-67f6fa3c.js';
 import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-65598970.js';
+import '../../OrPopover.vue_vue_type_script_lang-2d9a006c.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-1e5544b0.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-461f99cf.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-47004a50.js';
@@ -41,15 +42,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-d3ea7d1e.js';
+import '../../OrMenu.vue_vue_type_script_lang-4151a6c5.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-2726e332.js';
+import '../../OrSearch.vue_vue_type_script_lang-79acec48.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-f9fef480.js';
+import '../../OrInput.vue_vue_type_script_lang-9596c9e5.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';