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

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-fca4ac5c.js → OrDateTimePickerMonthSelect-e80cc838.js}

@@ -127,7 +127,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/v2/components/OrBottomSheetV3/OrBottomSheet.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 './styles.js';
+import { BottomSheetVariant } from './props.js';
+import { BottomSheet, BottomSheetVariants, BottomSheetHandle, BottomSheetHeader } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrOverlayV3/styles.js';
@@ -15,13 +16,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
@@ -66,32 +73,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;
+          }
         }
       }
     };
@@ -137,13 +148,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__ = [];
 

package/dist/bundled/v2/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/v2/components/OrBottomSheetV3/index.d.ts

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

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

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

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

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

package/dist/bundled/v2/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/v2/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/v2/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/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -19,6 +19,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrCardCollectionV3/index.js

@@ -17,6 +17,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -37,6 +37,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';

package/dist/bundled/v2/components/OrConfirmV3/index.js

@@ -38,6 +38,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fca4ac5c.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e80cc838.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -41,6 +41,7 @@ import '../OrLabelV3/styles.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
@@ -272,6 +273,9 @@ var __vue_render__ = function () {
     class: _vm.popoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },

package/dist/bundled/v2/components/OrDatePickerV3/index.js

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fca4ac5c.js';
+import '../../OrDateTimePickerMonthSelect-e80cc838.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -25,6 +25,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-fca4ac5c.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-e80cc838.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-7c87f38a.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-aa60911c.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
@@ -43,6 +43,7 @@ import '../OrLabelV3/styles.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
@@ -347,6 +348,9 @@ var __vue_render__ = function () {
     class: _vm.datePopoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },
@@ -404,6 +408,9 @@ var __vue_render__ = function () {
     class: _vm.timePopoverStyles,
     attrs: {
       "variant": 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
       "trigger": _vm.inputBoxRoot,
       "placement": 'bottom-start'
     },

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -2,7 +2,7 @@ export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-fca4ac5c.js';
+import '../../OrDateTimePickerMonthSelect-e80cc838.js';
 import './hooks/useDatePlaceholder.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/OrButton.js';
@@ -25,6 +25,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js

@@ -13,6 +13,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrIconButtonV3/index.js

@@ -14,6 +14,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -26,6 +26,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -22,6 +22,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -24,6 +24,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/index.js

@@ -20,6 +20,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -29,6 +29,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -22,6 +22,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -7,6 +7,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrMenuV3/index.js

@@ -7,6 +7,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '@vueuse/core';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrModalV3/OrModal.js

@@ -22,6 +22,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../../hooks/useResponsive/useResponsive.js';
 

package/dist/bundled/v2/components/OrModalV3/index.js

@@ -23,5 +23,6 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrNotificationV3/OrNotification.js

@@ -16,6 +16,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrNotificationV3/index.js

@@ -17,6 +17,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js

@@ -20,6 +20,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrPaginationV3/index.js

@@ -19,6 +19,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -8,6 +8,7 @@ import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';
@@ -26,6 +27,10 @@ var script = defineComponent({
       type: String,
       default: PopoverVariant.Auto
     },
+    bottomSheetProps: {
+      type: Object,
+      default: undefined
+    },
     trigger: {
       type: HTMLElement,
       default: undefined
@@ -230,7 +235,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) {
@@ -240,7 +245,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/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -24,6 +24,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
     };
+    bottomSheetProps: {
+        type: PropType<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>>;
+        default: undefined;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -52,6 +58,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
     };
+    bottomSheetProps: {
+        type: PropType<Readonly<Partial<{
+            [x: number]: string;
+        } | {}> & Omit<{} & {}, never>>>;
+        default: undefined;
+    };
     trigger: {
         type: {
             new (): HTMLElement;
@@ -77,6 +89,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: "auto" | "popover" | "bottom-sheet";
+    bottomSheetProps: Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fullWidth: boolean;
@@ -105,6 +120,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     close: (auto?: boolean) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     variant: "auto" | "popover" | "bottom-sheet";
+    bottomSheetProps: Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fullWidth: boolean;
@@ -114,6 +132,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     variant: "auto" | "popover" | "bottom-sheet";
+    bottomSheetProps: Readonly<Partial<{
+        [x: number]: string;
+    } | {}> & Omit<{} & {}, never>>;
     trigger: HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fullWidth: boolean;

package/dist/bundled/v2/components/OrPopoverV3/index.js

@@ -5,6 +5,7 @@ import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -22,6 +22,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';

package/dist/bundled/v2/components/OrSearchV3/index.js

@@ -23,6 +23,7 @@ import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
 import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../OrBottomSheetV3/props.js';
 import '../OrBottomSheetV3/styles.js';
 import '../OrOverlayV3/OrOverlay.js';
 import '../OrOverlayV3/styles.js';