@onereach/ui-components 10.3.4-beta.4317.0 → 10.3.4-beta.4320.0

package/dist/bundled/v3/components/{OrAutocompleteV3-96054416.js → OrBottomSheetV3-fa1d34c6.js}

@@ -1,24 +1,8 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createSlots, createElementVNode, mergeProps, withKeys, Fragment, renderList, withDirectives, vShow } from 'vue';
-import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, shallowRef, watchEffect, reactive, isVue2, readonly, defineComponent, toRef } from 'vue-demi';
-import { s as script$1 } from './OrErrorV3-b04d76aa.js';
-import { s as script$2 } from './OrHintV3-c8ac5975.js';
-import { s as script$3 } from './OrIconButtonV3-4694e5b5.js';
-import { s as script$4, I as InputBoxSize } from './OrInputBoxV3-dbc63649.js';
-import { s as script$5 } from './OrLabelV3-23a42d9d.js';
-import { s as script$6 } from './OrLoaderV3-4bdb79c8.js';
-import { s as script$7 } from './OrMenuItemV3-75269a25.js';
-import { s as script$8 } from './OrPopoverV3-604a68ab.js';
-import { s as script$9, T as TagsOverflow } from './OrTagsV3-49939459.js';
-import { useIdAttribute } from '../hooks/useIdAttribute.js';
-import { useControlAttributes } from '../hooks/useControlAttributes.js';
-import { useValidationAttributes } from '../hooks/useValidationAttributes.js';
-import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
-import { include } from '../utils/include.js';
-import { toArray } from '../utils/toArray.js';
-import { exclude } from '../utils/exclude.js';
-import { isArray } from '../utils/isArray.js';
-import useResponsive from '../hooks/useResponsive/useResponsive.js';
-import { isNil } from '../utils/isNil.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
+import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, reactive, isVue2, watchEffect, readonly, defineComponent } from 'vue-demi';
+import { useTheme } from '../hooks/useTheme.js';
+import { s as script$1 } from './OrOverlayV3-7a07a30a.js';
+import { usePopoverState } from '../hooks/usePopoverState.js';
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -373,64 +357,6 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-function computedAsync(evaluationCallback, initialState, optionsOrRef) {
-  let options;
-  if (isRef(optionsOrRef)) {
-    options = {
-      evaluating: optionsOrRef
-    };
-  } else {
-    options = optionsOrRef || {};
-  }
-  const {
-    lazy = false,
-    evaluating = void 0,
-    shallow = false,
-    onError = noop
-  } = options;
-  const started = ref(!lazy);
-  const current = shallow ? shallowRef(initialState) : ref(initialState);
-  let counter = 0;
-  watchEffect(async (onInvalidate) => {
-    if (!started.value)
-      return;
-    counter++;
-    const counterAtBeginning = counter;
-    let hasFinished = false;
-    if (evaluating) {
-      Promise.resolve().then(() => {
-        evaluating.value = true;
-      });
-    }
-    try {
-      const result = await evaluationCallback((cancelCallback) => {
-        onInvalidate(() => {
-          if (evaluating)
-            evaluating.value = false;
-          if (!hasFinished)
-            cancelCallback();
-        });
-      });
-      if (counterAtBeginning === counter)
-        current.value = result;
-    } catch (e) {
-      onError(e);
-    } finally {
-      if (evaluating && counterAtBeginning === counter)
-        evaluating.value = false;
-      hasFinished = true;
-    }
-  });
-  if (lazy) {
-    return computed(() => {
-      started.value = true;
-      return current.value;
-    });
-  } else {
-    return current;
-  }
-}
-
 function unrefElement(elRef) {
   var _a;
   const plain = resolveUnref(elRef);
@@ -1481,386 +1407,231 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-const Autocomplete = [
+var BottomSheetVariant;
+(function (BottomSheetVariant) {
+  BottomSheetVariant["Basic"] = "basic";
+  BottomSheetVariant["Advanced"] = "advanced";
+})(BottomSheetVariant || (BottomSheetVariant = {}));
+
+function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
+  const inlineSwipingStyles = ref({});
+  const skipSwipe = ref(false);
+  const theme = useTheme();
+  const isEventSkipped = event => {
+    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
+  };
+  const {
+    isSwiping
+  } = usePointerSwipe(root, {
+    threshold: 12,
+    onSwipe(event) {
+      skipSwipe.value = isEventSkipped(event);
+      if (variant.value === BottomSheetVariant.Advanced) {
+        const rootElement = unref(root);
+        inlineSwipingStyles.value = {
+          transitionProperty: 'none',
+          minHeight: `${rootElement.clientHeight - event.offsetY}px`,
+          maxHeight: `${rootElement.clientHeight - event.offsetY}px`
+        };
+      }
+    },
+    onSwipeEnd(event, direction) {
+      if (isEventSkipped(event)) {
+        return;
+      }
+      if (variant.value === BottomSheetVariant.Advanced) {
+        switch (direction) {
+          case 'up':
+          case 'UP':
+            fullscreen.value = true;
+            break;
+          case 'down':
+          case 'DOWN':
+            if (fullscreen.value) {
+              fullscreen.value = false;
+            } else {
+              close();
+            }
+            break;
+        }
+      }
+    }
+  });
+  const rootInlineStyles = computed(() => {
+    if (variant.value === BottomSheetVariant.Basic) {
+      return {
+        transitionProperty: 'min-height, max-height',
+        minHeight: '0',
+        maxHeight: `calc(100% - ${theme.spacing.xl})`
+      };
+    }
+    return isSwiping.value && !skipSwipe.value ? inlineSwipingStyles.value : fullscreen.value ? {
+      transitionProperty: 'min-height, max-height',
+      minHeight: `calc(100% - ${theme.spacing.xl})`,
+      maxHeight: `calc(100% - ${theme.spacing.xl})`
+    } : {
+      transitionProperty: 'min-height, max-height',
+      minHeight: '0',
+      maxHeight: '50%'
+    };
+  });
+  return {
+    rootInlineStyles
+  };
+}
+
+const BottomSheet = [
+// Position
+'fixed', 'left-0', 'right-0', 'bottom-0',
 // Layout
 'layout-column',
-// Spacing
-'gap-xs'];
-const AutocompleteControl = [
-// Box
-'w-full',
+// Shape
+'rounded-t-lg',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
 // Typography
-'typography-inherit',
+'typography-body-2-regular',
 // Theme
-'theme-background-transparent', 'dark:theme-background-transparent-dark', 'outline-none',
-// Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
-const AutocompleteDropdown = [
-// Overflow
-'overflow-y-auto',
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const BottomSheetVariants = {
+  [BottomSheetVariant.Basic]: [],
+  [BottomSheetVariant.Advanced]: [
+  // Box
+  'max-h-[50%]',
+  // Transition
+  'transition-[min-height]', 'transition-[max-height]']
+};
+const BottomSheetHandle = [
+// Layout
+'layout-row justify-center',
+// Interactivity
+'interactivity-drag',
 // Box
-'max-h-[340px]',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
-const AutocompleteDropdownDefault = [
-// Shape
-'rounded-b-md',
-// Theme
-'!border-t-0'];
-const AutocompleteDropdownFlipped = [
+'after:w-2xl', 'after:h-xs',
+// Spacing
+'px-sm', 'py-sm',
 // Shape
-'rounded-t-md',
+'after:rounded-full',
 // Theme
-'!border-b-0'];
-const AutocompleteDropdownItem = [
+'after:bg-outline', 'after:dark:bg-outline'];
+const BottomSheetHeader = [
+// Layout (empty)
+'empty:hidden',
+// Spacing
+'px-lg', 'py-md',
 // Typography
-'!typography-body-2-regular'];
+'typography-headline-3'];
+const BottomSheetContent = [
+// Layout
+'layout-column', 'grow'];
 
 var script = defineComponent({
-  name: 'OrAutocomplete',
+  name: 'OrBottomSheet',
   components: {
-    OrError: script$1,
-    OrHint: script$2,
-    OrIconButton: script$3,
-    OrInputBox: script$4,
-    OrLabel: script$5,
-    OrLoader: script$6,
-    OrMenuItem: script$7,
-    OrPopover: script$8,
-    OrTags: script$9
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
+    OrOverlay: script$1
   },
+  inheritAttrs: false,
   props: {
-    modelValue: {
-      type: undefined,
-      default: undefined
-    },
-    items: {
-      type: Array,
-      default: []
-    },
-    multiple: {
+    isOpen: {
       type: Boolean,
       default: false
     },
-    overflow: {
-      type: String,
-      default: () => TagsOverflow.Hidden
-    },
-    size: {
+    variant: {
       type: String,
-      default: () => InputBoxSize.M
-    },
-    label: {
-      type: String,
-      default: undefined
-    },
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    hint: {
-      type: String,
-      default: undefined
-    },
-    error: {
-      type: [String, Boolean],
-      default: undefined
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    },
-    enableClear: {
-      type: Boolean,
-      default: false
-    },
-    searchFunction: {
-      type: Function,
-      default: async (value, items) => {
-        return value.length > 0 ? items.filter(item => new RegExp(value, 'i').test(item)) : [];
-      }
+      default: () => BottomSheetVariant.Advanced
     }
   },
-  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
-  expose: ['root'],
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
   setup(props, context) {
-    const attributes = reactive({
-      id: useIdAttribute(),
-      ...useControlAttributes(),
-      ...useValidationAttributes()
-    });
-    // Refs & Styles
+    // Refs
     const root = ref();
-    const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete]);
-    const inputBox = ref();
-    const inputBoxRoot = computed(() => {
-      var _a;
-      return (_a = inputBox.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const control = ref();
-    const controlStyles = computed(() => [...AutocompleteControl]);
-    const popover = ref();
-    const popoverRoot = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
-    });
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
-    const dropdownStyles = computed(() => {
-      var _a;
-      return ['or-autocomplete-popover-v3', ...AutocompleteDropdown, ...(((_a = popover.value) === null || _a === void 0 ? void 0 : _a.isFlipped) ? AutocompleteDropdownFlipped : AutocompleteDropdownDefault)];
-    });
-    const dropdownItemStyles = computed(() => [...AutocompleteDropdownItem]);
+    const content = ref();
+    // Props
+    const {
+      variant,
+      isOpen
+    } = toRefs$1(props);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
-    const tags = computed(() => {
-      return isArray(model.value) ? model.value.map(item => ({
-        label: item,
-        value: item
-      })) : [];
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(isOpen, context.emit);
+    const fullscreen = ref(false);
+    // Styles
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const handleStyles = computed(() => [...BottomSheetHandle]);
+    const headerStyles = computed(() => [...BottomSheetHeader]);
+    const contentStyles = computed(() => [...BottomSheetContent, fullscreen.value || variant.value === 'basic' ? 'overflow-y-auto' : 'overflow-hidden']);
+    // Effects
+    // #region Swipe
+    const {
+      rootInlineStyles
+    } = useBottomSheetSwipeState(root, content, fullscreen, variant, close);
+    // #endregion
+    watch(state, value => {
+      if (value === 'closed') {
+        fullscreen.value = false;
+      }
     });
-    const searchText = ref('');
-    const filteredItems = computedAsync(async () => {
-      return searchText.value.length > 0 ? props.searchFunction(searchText.value, props.items) : [];
-    }, []);
-    // Handlers
-    function onInput(event) {
-      searchText.value = event.target.value;
-    }
-    // Methods
-    function add(value) {
-      if (props.multiple) {
-        model.value = include(value, isNil(model.value) ? [] : toArray(model.value));
-      } else {
-        model.value = value;
+    // #region Click Outside
+    onClickOutside(root, event => {
+      const path = event.composedPath();
+      if (!path.some(_ref => {
+        let {
+          classList
+        } = _ref;
+        return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
+      })) {
+        close();
       }
-      searchText.value = '';
-    }
-    function remove(value) {
-      model.value = exclude(value, isNil(model.value) ? [] : toArray(model.value));
-    }
-    function focus() {
-      var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function blur() {
-      var _a;
-      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive();
+    });
+    // #endregion
     return {
-      attributes,
       root,
+      content,
       rootStyles,
-      inputBox,
-      inputBoxRoot,
-      control,
-      controlStyles,
-      popover,
-      popoverRoot,
-      popoverState,
-      dropdownStyles,
-      dropdownItemStyles,
-      model,
-      tags,
-      searchText,
-      filteredItems,
-      onInput,
-      add,
-      remove,
-      focus,
-      blur,
-      isMobile
+      rootInlineStyles,
+      handleStyles,
+      headerStyles,
+      contentStyles,
+      state,
+      fullscreen,
+      open,
+      close,
+      toggle
     };
   }
 });
 
-const _hoisted_1 = {
-  class: /*#__PURE__*/normalizeClass(['inline-flex', 'w-fit', 'max-w-full'])
-};
-const _hoisted_2 = ["value", "placeholder", "readonly", "disabled"];
-const _hoisted_3 = ["value", "placeholder", "required", "readonly", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrLabel = resolveComponent("OrLabel");
-  const _component_OrTags = resolveComponent("OrTags");
-  const _component_OrLoader = resolveComponent("OrLoader");
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  const _component_OrMenuItem = resolveComponent("OrMenuItem");
-  const _component_OrPopover = resolveComponent("OrPopover");
-  const _component_OrInputBox = resolveComponent("OrInputBox");
-  const _component_OrHint = resolveComponent("OrHint");
-  const _component_OrError = resolveComponent("OrError");
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles)
-  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
     key: 0,
-    "control-id": _ctx.attributes.id,
-    variant: 'input',
-    required: _ctx.required,
-    disabled: _ctx.disabled
+    fullscreen: _ctx.fullscreen
   }, {
-    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
-    ref: 'inputBox',
-    class: normalizeClass([_ctx.popoverState === 'open' && (_ctx.popover && _ctx.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0')]),
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
-    size: _ctx.size,
-    invalid: !!_ctx.error,
-    readonly: _ctx.readonly,
-    disabled: _ctx.disabled
-  }, createSlots({
-    default: withCtx(() => [_ctx.multiple ? (openBlock(), createBlock(_component_OrTags, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: 'root'
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles,
+      style: _ctx.rootInlineStyles
+    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: normalizeClass(['grow']),
-      items: _ctx.tags,
-      overflow: _ctx.overflow,
-      "tag-props": {
-        variant: _ctx.readonly || _ctx.disabled ? 'tag' : 'reset',
-        disabled: _ctx.disabled
-      },
-      disabled: _ctx.disabled,
-      onReset: _cache[6] || (_cache[6] = $event => _ctx.remove($event))
-    }, {
-      tag: withCtx(_ref => {
-        let {
-          item
-        } = _ref;
-        return [renderSlot(_ctx.$slots, "tag", {
-          item: item
-        }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])];
-      }),
-
-      tail: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("input", mergeProps({
-        ref: 'control'
-      }, _ctx.attributes, {
-        class: _ctx.controlStyles,
-        type: 'text',
-        value: _ctx.searchText,
-        placeholder: _ctx.placeholder,
-        readonly: _ctx.readonly,
-        disabled: _ctx.disabled,
-        onInput: _cache[0] || (_cache[0] = $event => {
-          _ctx.$emit('input', $event);
-          _ctx.onInput($event);
-        }),
-        onKeydown: [_cache[1] || (_cache[1] = $event => _ctx.$emit('keydown', $event)), _cache[2] || (_cache[2] = withKeys($event => _ctx.add(_ctx.searchText), ["enter"]))],
-        onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),
-        onFocus: _cache[4] || (_cache[4] = $event => _ctx.$emit('focus', $event)),
-        onBlur: _cache[5] || (_cache[5] = $event => _ctx.$emit('blur', $event))
-      }), null, 16 /* FULL_PROPS */, _hoisted_2)])]),
-      _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["items", "overflow", "tag-props", "disabled"])) : (openBlock(), createElementBlock("input", mergeProps({
-      key: 1,
-      ref: 'сontrol'
-    }, _ctx.attributes, {
-      class: _ctx.controlStyles,
-      type: 'text',
-      value: _ctx.searchText || _ctx.model,
-      placeholder: _ctx.placeholder,
-      required: _ctx.required,
-      readonly: _ctx.readonly,
-      disabled: _ctx.disabled,
-      onInput: _cache[7] || (_cache[7] = $event => {
-        _ctx.$emit('input', $event);
-        _ctx.onInput($event);
-        _ctx.model = _ctx.searchText;
-      }),
-      onKeydown: _cache[8] || (_cache[8] = $event => _ctx.$emit('keydown', $event)),
-      onKeyup: _cache[9] || (_cache[9] = $event => _ctx.$emit('keyup', $event)),
-      onFocus: _cache[10] || (_cache[10] = $event => _ctx.$emit('focus', $event)),
-      onBlur: _cache[11] || (_cache[11] = $event => _ctx.$emit('blur', $event))
-    }), null, 16 /* FULL_PROPS */, _hoisted_3)), createVNode(_component_OrPopover, {
-      ref: 'popover',
-      class: normalizeClass(_ctx.dropdownStyles),
-      "custom-styles": _ctx.dropdownStyles,
-      "is-open": _ctx.filteredItems.length > 0,
-      variant: 'auto',
-      trigger: _ctx.inputBoxRoot,
-      placement: 'bottom',
-      offset: 0,
-      "full-width": true,
-      "disable-default-styles": true
-    }, {
-      default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filteredItems, (item, i) => {
-        return openBlock(), createBlock(_component_OrMenuItem, {
-          key: i,
-          class: normalizeClass(_ctx.dropdownItemStyles),
-          onClick: $event => _ctx.add(item)
-        }, {
-          default: withCtx(() => [renderSlot(_ctx.$slots, "item", {
-            item: item
-          }, () => [createTextVNode(toDisplayString(item), 1 /* TEXT */)])]),
-
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "onClick"]);
-      }), 128 /* KEYED_FRAGMENT */))]),
-
-      _: 3 /* FORWARDED */
-    }, 8 /* PROPS */, ["class", "custom-styles", "is-open", "trigger"])]),
-    _: 2 /* DYNAMIC */
-  }, [_ctx.loading ? {
-    name: "addon",
-    fn: withCtx(() => [createVNode(_component_OrLoader, {
-      variant: 'circular',
-      color: _ctx.error ? 'danger' : 'primary',
-      size: _ctx.isMobile ? 'm' : 's'
-    }, null, 8 /* PROPS */, ["color", "size"])]),
-    key: "0"
-  } : _ctx.enableClear && !_ctx.readonly && _ctx.model ? {
-    name: "addon",
-    fn: withCtx(() => [createVNode(_component_OrIconButton, {
-      icon: 'close',
-      color: 'inherit',
-      disabled: _ctx.disabled,
-      onClick: _cache[12] || (_cache[12] = $event => _ctx.model = undefined)
-    }, null, 8 /* PROPS */, ["disabled"])]),
-    key: "1"
-  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "size", "invalid", "readonly", "disabled"]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
-    key: 1,
-    disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+      class: normalizeClass(_ctx.handleStyles)
+    }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
+      ref: 'content',
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
-    disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+  }, 8 /* PROPS */, ["fullscreen"])) : createCommentVNode("v-if", true);
 }
 
 script.render = render;
-script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
+script.__file = "src/components/or-bottom-sheet-v3/OrBottomSheet.vue";
 
-export { useMutationObserver as A, refDebounced as B, useMediaQuery as C, Autocomplete as D, AutocompleteControl as E, AutocompleteDropdown as F, AutocompleteDropdownDefault as G, AutocompleteDropdownFlipped as H, AutocompleteDropdownItem as I, useToggle as a, useElementHover as b, useMagicKeys as c, useActiveElement as d, useScroll as e, useVModel as f, useElementSize as g, unrefElement as h, useScrollLock as i, useElementBounding as j, useDraggable as k, clamp as l, useResizeObserver as m, useDebounceFn as n, onClickOutside as o, watchDebounced as p, useFocus as q, resolveUnref as r, formatTimeAgo as s, tryOnScopeDispose as t, usePointerSwipe as u, createSharedComposable as v, whenever as w, useEventBus as x, noop as y, script as z };
+export { refDebounced as A, BottomSheetVariant as B, useMediaQuery as C, useBottomSheetSwipeState as D, BottomSheet as E, BottomSheetVariants as F, BottomSheetHandle as G, BottomSheetHeader as H, BottomSheetContent as I, useElementHover as a, useMagicKeys as b, useActiveElement as c, useScroll as d, useVModel as e, useElementSize as f, unrefElement as g, useScrollLock as h, useElementBounding as i, useDraggable as j, clamp as k, useResizeObserver as l, useDebounceFn as m, watchDebounced as n, onClickOutside as o, useFocus as p, formatTimeAgo as q, resolveUnref as r, script as s, tryOnScopeDispose as t, useToggle as u, createSharedComposable as v, whenever as w, useEventBus as x, noop as y, useMutationObserver as z };

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-df56a1cc.js';
+import { s as styleInject } from '../OrAvatar-24c81841.js';
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as script$1, LoaderViews } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonGroupV3-146e8cf5.js';
+export { s as default } from '../OrButtonGroupV3-be10bd71.js';