@onereach/ui-components 10.3.2 → 10.3.3-beta.4312.0

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

@@ -1,8 +1,24 @@
-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';
+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';
 
 var _a;
 const isClient = typeof window !== "undefined";
@@ -357,6 +373,64 @@ 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);
@@ -1407,231 +1481,386 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-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',
+const Autocomplete = [
 // Layout
 'layout-column',
-// Shape
-'rounded-t-lg',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark',
+// Spacing
+'gap-xs'];
+const AutocompleteControl = [
+// Box
+'w-full',
 // Typography
-'typography-body-2-regular',
+'typography-inherit',
 // Theme
-'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',
+'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',
 // Box
-'after:w-2xl', 'after:h-xs',
-// Spacing
-'px-sm', 'py-sm',
+'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
-'after:rounded-full',
+'rounded-b-md',
 // Theme
-'after:bg-outline', 'after:dark:bg-outline'];
-const BottomSheetHeader = [
-// Layout (empty)
-'empty:hidden',
-// Spacing
-'px-lg', 'py-md',
+'!border-t-0'];
+const AutocompleteDropdownFlipped = [
+// Shape
+'rounded-t-md',
+// Theme
+'!border-b-0'];
+const AutocompleteDropdownItem = [
 // Typography
-'typography-headline-3'];
-const BottomSheetContent = [
-// Layout
-'layout-column', 'grow'];
+'!typography-body-2-regular'];
 
 var script = defineComponent({
-  name: 'OrBottomSheet',
+  name: 'OrAutocomplete',
   components: {
-    OrOverlay: script$1
+    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'
   },
-  inheritAttrs: false,
   props: {
-    isOpen: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
+    items: {
+      type: Array,
+      default: []
+    },
+    multiple: {
       type: Boolean,
       default: false
     },
-    variant: {
+    overflow: {
+      type: String,
+      default: () => TagsOverflow.Hidden
+    },
+    size: {
       type: String,
-      default: () => BottomSheetVariant.Advanced
+      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)) : [];
+      }
     }
   },
-  emits: ['update:state', 'open', 'close'],
-  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root'],
   setup(props, context) {
-    // Refs
+    const attributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
+    // Refs & Styles
     const root = ref();
-    const content = ref();
-    // Props
-    const {
-      variant,
-      isOpen
-    } = toRefs$1(props);
+    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]);
     // State
-    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 model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const tags = computed(() => {
+      return isArray(model.value) ? model.value.map(item => ({
+        label: item,
+        value: item
+      })) : [];
     });
-    // #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();
+    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;
       }
-    });
-    // #endregion
+      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();
     return {
+      attributes,
       root,
-      content,
       rootStyles,
-      rootInlineStyles,
-      handleStyles,
-      headerStyles,
-      contentStyles,
-      state,
-      fullscreen,
-      open,
-      close,
-      toggle
+      inputBox,
+      inputBoxRoot,
+      control,
+      controlStyles,
+      popover,
+      popoverRoot,
+      popoverState,
+      dropdownStyles,
+      dropdownItemStyles,
+      model,
+      tags,
+      searchText,
+      filteredItems,
+      onInput,
+      add,
+      remove,
+      focus,
+      blur,
+      isMobile
     };
   }
 });
 
+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_OrOverlay = resolveComponent("OrOverlay");
-  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+  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, {
     key: 0,
-    fullscreen: _ctx.fullscreen
+    "control-id": _ctx.attributes.id,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
   }, {
-    default: withCtx(() => [createElementVNode("div", mergeProps({
-      ref: 'root'
-    }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
-      style: _ctx.rootInlineStyles
-    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
+    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, {
       key: 0,
-      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 */)]),
+      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 */)])]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["fullscreen"])) : createCommentVNode("v-if", true);
+  }, 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 */);
 }
 
 script.render = render;
-script.__file = "src/components/or-bottom-sheet-v3/OrBottomSheet.vue";
+script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
 
-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 };
+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 };

package/dist/bundled/v3/components/OrAvatar/OrAvatar.js

@@ -1 +1 @@
-export { a as default } from '../OrAvatar-24c81841.js';
+export { a as default } from '../OrAvatar-df56a1cc.js';

package/dist/bundled/v3/components/OrAvatar/constants.js

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-24c81841.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-df56a1cc.js';