@onereach/ui-components 4.7.3 → 4.7.4-beta.2863.0

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-48bbd13c.js → OrCardCollection.vue_vue_type_script_lang-748fb337.js}

@@ -11,7 +11,7 @@ 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-8a82fdc6.js';
+import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-18dc2df8.js';
 import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 

package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-0f1a6320.js → OrConfirm.vue_vue_type_script_lang-93458f1f.js}

@@ -10,7 +10,7 @@ import { usePopoverState } from './hooks/usePopoverState.js';
 import { ButtonColor } from './components/OrButtonV3/props.js';
 import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-0fdf19ba.js';
 import { s as script$2 } from './OrButton.vue_vue_type_script_lang-e8969bd3.js';
-import { s as script$3 } from './OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import { s as script$3 } from './OrInput.vue_vue_type_script_lang-66363c62.js';
 import { w as whenever } from './index-f4d8e24c.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-3f8700f9.js → OrDatePicker.vue_vue_type_script_lang-8ec017e2.js}

@@ -16,7 +16,7 @@ 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-c3a78c23.js';
-import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$b } from './OrInputBox.vue_vue_type_script_lang-49fb179a.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-506ae7bb.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js → OrDateTimePicker.vue_vue_type_script_lang-fec947db.js}

@@ -15,7 +15,7 @@ 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-c3a78c23.js';
-import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-49fb179a.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-506ae7bb.js';
 import { DropdownClose } from './directives/dropdown-close.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-a9fe34c8.js → OrInput.vue_vue_type_script_lang-66363c62.js}

@@ -9,7 +9,7 @@ import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-c3a78c23.js';
 import './components/OrInputBoxV3/OrInputBox.js';
-import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import './components/OrLabelV3/OrLabel.js';
 import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import './components/OrLoaderV3/OrLoader.js';

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-8a82fdc6.js → OrSearch.vue_vue_type_script_lang-18dc2df8.js}

@@ -1,6 +1,6 @@
 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-a9fe34c8.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-66363c62.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { a as watchDebounced } from './index-f4d8e24c.js';
 

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-ba73f458.js → OrSelect.vue_vue_type_script_lang-359bac94.js}

@@ -19,8 +19,8 @@ import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-616a0cce.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-a9fe34c8.js';
-import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-66363c62.js';
+import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.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-506ae7bb.js';

package/dist/bundled/v3/OrTagInput.vue_vue_type_script_lang-679e7b9d.js

@@ -0,0 +1,145 @@
+import { defineComponent, ref, computed, reactive } from 'vue-demi';
+import { TagInput, TagInputControl, TagInputItem } from './components/OrTagInputV3/styles.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import './components/OrInputBoxV3/OrInputBox.js';
+import './components/OrLabelV3/OrLabel.js';
+import './components/OrTagsV3/OrTags.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-45bbc68e.js';
+import { useIdAttribute } from './hooks/useIdAttribute.js';
+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-c3a78c23.js';
+import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+
+var script = defineComponent({
+  name: 'OrTagInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrIconButton: script$3,
+    OrInputBox: script$4,
+    OrLabel: script$5,
+    OrTags: script$6
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    size: {
+      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
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disableDefaultStyles: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
+    const controlStyles = computed(() => [...TagInputControl]);
+    const itemStyles = computed(() => [...TagInputItem]);
+    // State
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes(),
+      ...useValidationAttributes()
+    });
+    const proxyModelValue = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    const draftModelValue = ref();
+    const currentLength = computed(() => {
+      var _a, _b;
+      return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+    });
+    const maxLength = computed(() => controlAttributes.maxlength);
+    // Methods
+    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();
+    }
+    function add() {
+      if (draftModelValue.value) {
+        proxyModelValue.value = [...proxyModelValue.value, draftModelValue.value];
+        draftModelValue.value = undefined;
+      }
+    }
+    function remove(value) {
+      proxyModelValue.value = proxyModelValue.value.filter(item => item !== value);
+    }
+    function reset() {
+      draftModelValue.value = undefined;
+    }
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      itemStyles,
+      controlAttributes,
+      proxyModelValue,
+      draftModelValue,
+      currentLength,
+      maxLength,
+      focus,
+      blur,
+      add,
+      remove,
+      reset
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-c14463c4.js → OrTags.vue_vue_type_script_lang-45bbc68e.js}

@@ -25,6 +25,8 @@ var script = defineComponent({
       default: undefined
     }
   },
+  emits: ['click', 'focus', 'blur', 'reset'],
+  expose: ['root'],
   setup(props) {
     // Refs
     const root = ref();

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-af284089.js → OrTextarea.vue_vue_type_script_lang-0d1a7a48.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 './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$3 } from './OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-845ec78b.js → OrTimePicker.vue_vue_type_script_lang-c737eaa8.js}

@@ -14,7 +14,7 @@ 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-c3a78c23.js';
-import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-49fb179a.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-506ae7bb.js';
 import { DropdownClose } from './directives/dropdown-close.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-48bbd13c.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-48bbd13c.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-748fb337.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-748fb337.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';
@@ -50,9 +50,9 @@ 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-8a82fdc6.js';
+import '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -63,7 +63,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,5 +1,5 @@
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-48bbd13c.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-748fb337.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
@@ -49,9 +49,9 @@ 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-8a82fdc6.js';
+import '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -62,7 +62,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-0f1a6320.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-0f1a6320.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-93458f1f.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-93458f1f.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import '../../index-09d1cb24.js';
 import '../../index-f4d8e24c.js';
@@ -23,7 +23,7 @@ import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -56,7 +56,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,5 +1,5 @@
 export { ConfirmType } from './props.js';
-export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-0f1a6320.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-93458f1f.js';
 import '../../index-09d1cb24.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
@@ -22,7 +22,7 @@ import '../../OrLoader.vue_vue_type_script_lang-f076f6b3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -55,7 +55,7 @@ import '../OrBottomSheetV3/styles.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-3f8700f9.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-3f8700f9.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-8ec017e2.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-8ec017e2.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -63,7 +63,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-3f8700f9.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-8ec017e2.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -63,7 +63,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-fec947db.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-fec947db.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
@@ -65,7 +65,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';

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

@@ -1,4 +1,4 @@
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-ecd7cbd1.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-fec947db.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
@@ -65,7 +65,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js';
-export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js';
+import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-820cc7e9.js';
+export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-820cc7e9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';

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

@@ -1,5 +1,5 @@
 export { InlineInputType } from './props.js';
-export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-c4fb7c0e.js';
+export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-820cc7e9.js';
 export { InlineInputBoxSize as InlineInputSize } from '../OrInlineInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';

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

@@ -8,7 +8,7 @@ const InlineInputControl = [
 'w-full',
 // Typography
 'typography-inherit',
-// Theme
+// Theme (placeholder)
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineInputAction = [
 // Layout

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-4569f111.js';
-export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-4569f111.js';
+import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-8e639991.js';
+export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-8e639991.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';

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

@@ -1,4 +1,4 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-4569f111.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-8e639991.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -8,7 +8,7 @@ const InlineTextareaControl = [
 'w-full',
 // Typography
 'typography-inherit',
-// Theme
+// Theme (placeholder)
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 const InlineTextareaAction = [
 // Layout

package/dist/bundled/v3/components/OrInputBoxV3/OrInputBox.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
-export { s as default } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import { s as script } from '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
+export { s as default } from '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';

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

@@ -1,5 +1,5 @@
 export { InputBoxSize, InputBoxVariant } from './props.js';
-export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+export { s as OrInputBoxV3 } from '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import 'vue-demi';
 import 'vue';
 import './styles.js';

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

@@ -1,6 +1,8 @@
 const InputBoxRoot = [
 // Layout
 'layout-row',
+// Overflow
+'overflow-hidden',
 // Box
 'w-full',
 // Shape

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-66363c62.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -44,7 +44,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,5 +1,5 @@
 export { InputType } from './props.js';
-export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 export { InputBoxSize as InputSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -42,7 +42,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -5,10 +5,10 @@ const InputRoot = [
 'gap-xs'];
 const InputControl = [
 // Box
-'w-full',
+'flex-auto',
 // Typography
 'typography-inherit',
-// Theme
+// Theme (placeholder)
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
 
 export { InputControl, InputRoot };

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrSearch.vue_vue_type_script_lang-8a82fdc6.js';
-export { s as default } from '../../OrSearch.vue_vue_type_script_lang-8a82fdc6.js';
+import { s as script } from '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
+export { s as default } from '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 import 'vue-demi';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -45,7 +45,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';

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

@@ -1,8 +1,8 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-8a82fdc6.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-18dc2df8.js';
 export { InputBoxSize as SearchSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-a9fe34c8.js';
+import '../../OrInput.vue_vue_type_script_lang-66363c62.js';
 import '../OrInputV3/props.js';
 import '../OrInputV3/styles.js';
 import '../OrErrorV3/OrError.js';
@@ -44,7 +44,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrInputBoxV3/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-ede24b04.js';
+import '../../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
 import '../OrInputBoxV3/styles.js';
 import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';