@onereach/ui-components 12.0.1 → 12.0.2-beta.4597.0

package/dist/esm/v3/{OrSearch-bb53ad38.js → OrSearch-b7a558ef.js}

@@ -7,8 +7,8 @@ import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
-import { b as InputBoxSize } from './OrInputBox-de16d7ec.js';
-import { s as script$1 } from './OrInput-74cd099c.js';
+import { a as InputBoxVariant } from './OrInputBox-2f33498c.js';
+import { s as script$1 } from './OrInput-6b60bf4a.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({
@@ -25,9 +25,13 @@ var script = defineComponent({
       type: undefined,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
     },
     placeholder: {
       type: String,
@@ -36,10 +40,6 @@ var script = defineComponent({
     debounce: {
       type: Number,
       default: 500
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur', 'search', 'clear'],
@@ -52,7 +52,7 @@ var script = defineComponent({
     });
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-search-v3']);
+    const rootStyles = computed(() => ['or-search-v3', ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     // State
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const draft = ref(props.modelValue);
@@ -107,15 +107,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
     class: _ctx.rootStyles,
     type: 'search',
+    variant: _ctx.variant,
     size: _ctx.size,
     placeholder: _ctx.placeholder,
-    "disable-default-styles": _ctx.disableDefaultStyles,
     onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', $event)),
     onKeydown: _cache[2] || (_cache[2] = $event => _ctx.$emit('keydown', $event)),
     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 */, ["modelValue", "class", "size", "placeholder", "disable-default-styles"]);
+  }), null, 16 /* FULL_PROPS */, ["modelValue", "class", "variant", "size", "placeholder"]);
 }
 
 script.render = render;

package/dist/esm/v3/{OrSelect-4aeb0bf0.js → OrSelect-d97029ba.js}

@@ -16,8 +16,8 @@ import { s as script$3 } from './OrExpansionPanel-84445327.js';
 import { s as script$4 } from './OrHint-262c8217.js';
 import { s as script$6 } from './OrIconButton-5a508869.js';
 import { s as script$5 } from './OrIcon-9aff520e.js';
-import { s as script$8, b as InputBoxSize } from './OrInputBox-de16d7ec.js';
-import { s as script$7 } from './OrInput-74cd099c.js';
+import { s as script$8, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
+import { s as script$7 } from './OrInput-6b60bf4a.js';
 import { s as script$9 } from './OrLabel-4abbce6e.js';
 import { s as script$a } from './OrMenuItem-6caf8844.js';
 import { s as script$b } from './OrPopover-0daeba14.js';
@@ -130,9 +130,17 @@ var script = defineComponent({
       type: String,
       default: () => TagsOverflow.Hidden
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
+    },
+    anchor: {
+      type: Object,
+      default: undefined
     },
     label: {
       type: String,
@@ -162,10 +170,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    },
     enableSearch: {
       type: Boolean,
       default: false
@@ -220,7 +224,7 @@ var script = defineComponent({
       multiple
     } = toRefs(props);
     // Styles
-    const rootStyles = computed(() => ['or-select-v3', ...Select]);
+    const rootStyles = computed(() => ['or-select-v3', ...Select, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...SelectControl]);
     const searchControlStyles = computed(() => [...SelectSearchControl]);
     const dropdownStyles = computed(() => {
@@ -383,7 +387,7 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["id", "tabindex", "disabled"];
+const _hoisted_1 = ["id", "disabled"];
 const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
 };
@@ -424,18 +428,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_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',
+    class: normalizeClass([_ctx.popoverState === 'open' && (_ctx.popover && _ctx.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0'), {
+      'outline-none': _ctx.variant === 'embedded'
+    }]),
+    variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,
-    disabled: _ctx.disabled
+    disabled: _ctx.disabled,
+    tabindex: !_ctx.disabled ? 0 : null
   }, {
     default: withCtx(() => [createElementVNode("div", {
       id: _ctx.controlId,
       ref: 'control',
       class: normalizeClass(_ctx.controlStyles),
-      tabindex: !_ctx.disabled ? 0 : null,
       disabled: _ctx.disabled,
       onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
       onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
@@ -489,7 +495,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.dropdownStyles),
       "custom-styles": _ctx.dropdownStyles,
       variant: 'auto',
-      trigger: _ctx.inputBoxRoot,
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
       placement: 'bottom',
       offset: 0,
       "full-width": true,
@@ -611,7 +617,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled", "tabindex"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled
   }, {

package/dist/esm/v3/{OrTagInput-c2cb0107.js → OrTagInput-8e53511e.js}

@@ -12,7 +12,7 @@ import { u as useValidationAttributes } from './useValidationAttributes-257954f3
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3 } from './OrIconButton-5a508869.js';
-import { s as script$4 } from './OrInputBox-de16d7ec.js';
+import { s as script$4, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
 import { a as TagColor } from './OrTag-81a88a91.js';
@@ -56,6 +56,10 @@ var script = defineComponent({
       type: undefined,
       default: () => []
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     label: {
       type: String,
       default: undefined
@@ -88,10 +92,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    },
     overflow: {
       type: String,
       default: () => TagsOverflow.Hidden
@@ -127,7 +127,7 @@ var script = defineComponent({
       isMobile
     } = useResponsive();
     // Styles
-    const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput]);
+    const rootStyles = computed(() => ['or-tag-input-v3', ...TagInput, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlStyles = computed(() => [...TagInputControl]);
     const itemStyles = computed(() => [...TagInputItem]);
     // State
@@ -282,7 +282,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
     ref: 'inputBox',
     class: normalizeClass(['interactivity-select']),
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    variant: _ctx.variant,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,

package/dist/esm/v3/{OrTextarea-0c5133fe.js → OrTextarea-76c037a9.js}

@@ -9,7 +9,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-257954f3.js';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { b as InputBoxSize, s as script$3 } from './OrInputBox-de16d7ec.js';
+import { b as InputBoxSize, s as script$3, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$4 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -62,6 +62,10 @@ var script = defineComponent({
       type: String,
       default: 'off'
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
       default: () => InputBoxSize.M
@@ -97,10 +101,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -113,7 +113,7 @@ var script = defineComponent({
     });
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-textarea-v3', ...Textarea]);
+    const rootStyles = computed(() => ['or-textarea-v3', ...Textarea, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const control = ref();
     const controlStyles = computed(() => [...TextareaControl, ...TextareaControlSizes[props.size]]);
     // State
@@ -176,7 +176,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     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, {
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,

package/dist/esm/v3/{OrTimeFormat-724dc243.js → OrTimeFormat-bdce02db.js}

@@ -5,7 +5,7 @@ import { b as useTimeFormat, a as useLocale } from './useTimeFormat-7ad4cc11.js'
 import '@vueuse/core';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-d6d82348.js';
+import './OrDateTimePicker-4e715d5f.js';
 import './OrDateTimePickerTimeSelect-c69e90b4.js';
 import { a as formatTime } from './formatTime-3f37a00f.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';

package/dist/esm/v3/{OrTimePicker-fee7441e.js → OrTimePicker-d17e6f65.js}

@@ -7,14 +7,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-d6d82348.js';
+import './OrDateTimePicker-4e715d5f.js';
 import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c69e90b4.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-5a508869.js';
 import { s as script$8 } from './OrIcon-9aff520e.js';
-import { s as script$a, b as InputBoxSize } from './OrInputBox-de16d7ec.js';
+import { s as script$a, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$b } from './OrLabel-4abbce6e.js';
 import { s as script$c } from './OrPopover-0daeba14.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
@@ -71,9 +71,17 @@ var script = defineComponent({
       type: Function,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
+    },
+    anchor: {
+      type: Object,
+      default: undefined
     },
     label: {
       type: String,
@@ -98,10 +106,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -110,7 +114,7 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker]);
+    const rootStyles = computed(() => ['or-time-picker-v3', ...TimePicker, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -223,7 +227,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: 'inputBox',
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,
@@ -258,7 +262,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "bottom-sheet-props": {
         variant: 'basic'
       },
-      trigger: _ctx.inputBoxRoot,
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
       placement: 'bottom-start',
       "fallback-placement": 'start',
       onClose: _cache[4] || (_cache[4] = $event => _ctx.reset())

package/dist/esm/v3/{OrTimeRangePicker-7a30396e.js → OrTimeRangePicker-306cd018.js}

@@ -7,14 +7,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-e18f251e.js';
 import { u as useResponsive } from './useResponsive-491da8c6.js';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-d6d82348.js';
+import './OrDateTimePicker-4e715d5f.js';
 import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-c69e90b4.js';
 import { g as getCurrentDate, a as formatMobileTime } from './getCurrentDate-e5a478c3.js';
 import { s as script$6 } from './OrError-331220bc.js';
 import { s as script$7 } from './OrHint-262c8217.js';
 import { s as script$9 } from './OrIconButton-5a508869.js';
 import { s as script$8 } from './OrIcon-9aff520e.js';
-import { s as script$a, b as InputBoxSize } from './OrInputBox-de16d7ec.js';
+import { s as script$a, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$b } from './OrLabel-4abbce6e.js';
 import { s as script$c } from './OrPopover-0daeba14.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
@@ -63,9 +63,17 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
+    },
+    anchor: {
+      type: Object,
+      default: undefined
     },
     label: {
       type: String,
@@ -90,10 +98,6 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
@@ -102,7 +106,7 @@ var script = defineComponent({
     var _a, _b, _c, _d;
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker]);
+    const rootStyles = computed(() => ['or-time-range-picker-v3', ...TimeRangePicker, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const inputBox = ref();
     const inputBoxRoot = computed(() => {
       var _a;
@@ -249,7 +253,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: 'inputBox',
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,
@@ -294,7 +298,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "bottom-sheet-props": {
         variant: 'basic'
       },
-      trigger: _ctx.inputBoxRoot,
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
       placement: 'bottom-start',
       "fallback-placement": 'start',
       onClose: _cache[8] || (_cache[8] = $event => _ctx.reset())

package/dist/esm/v3/components/index.js

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from '../OrAutocomplete-58099d19.js';
+export { s as OrAutocompleteV3 } from '../OrAutocomplete-74872096.js';
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-dbec7020.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-cab88a78.js';
 export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheet-a7a06f7f.js';
@@ -9,7 +9,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-31bcb511.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6559e6fa.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-9b6f0d65.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-cd534916.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
 export { s as OrCheckbox } from '../OrCheckbox-9d30d1d2.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-3864819c.js';
@@ -23,23 +23,23 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-fd47c296.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-73a17bd1.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-fdd7efab.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-28027e9a.js';
-export { s as OrCombinedInputV3 } from '../OrCombinedInput-76eb75ad.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInput-75b556fa.js';
 export { s as OrConfirm } from '../OrConfirm-05a78778.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-c6485f6a.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-beae75d5.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-0a733752.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-993e4fb0.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-283c01ec.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-25b23c5d.js';
-export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-aa9d7204.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-914bfe51.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-3bcf9c6f.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-7435af23.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-616cd68b.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-cbd5183d.js';
+export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-7546b7be.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-490d5e32.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-5bae57ec.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-d6d82348.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-4e715d5f.js';
 export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-c69e90b4.js';
 export { f as formatDate, a as formatTime } from '../formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-e5a478c3.js';
@@ -66,8 +66,8 @@ export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-add
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-5c305893.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-59aaf274.js';
 export { s as OrInput } from '../OrInput-fb39bee1.js';
-export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant, s as OrInputBoxV3 } from '../OrInputBox-de16d7ec.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-74cd099c.js';
+export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant, s as OrInputBoxV3 } from '../OrInputBox-2f33498c.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-6b60bf4a.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4abbce6e.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-c83a51b2.js';
@@ -100,13 +100,13 @@ export { s as OrRadioV3 } from '../OrRadio-8677bac3.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-2bcd90ef.js';
 export { s as OrRatingV3, R as RatingVariant } from '../OrRating-7c2f8e4d.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-1d0c171b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-4bf14722.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-f1d7597b.js';
 export { s as OrRichTooltipV3, R as RichTooltipBehavior } from '../OrRichTooltip-160af591.js';
 export { s as OrSearch } from '../OrSearch-4192737e.js';
-export { s as OrSearchV3 } from '../OrSearch-bb53ad38.js';
+export { s as OrSearchV3 } from '../OrSearch-b7a558ef.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-5dd163fb.js';
 export { s as OrSelect } from '../OrSelect-2c033afb.js';
-export { s as OrSelectV3 } from '../OrSelect-4aeb0bf0.js';
+export { s as OrSelectV3 } from '../OrSelect-d97029ba.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { s as OrSidebarV3, S as SidebarPlacement } from '../props-339b3fd2.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -129,18 +129,18 @@ export { s as OrTabV3 } from '../OrTab-5f903429.js';
 export { s as OrTabs } from '../OrTabs-bc8c8be5.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-66729e19.js';
 export { s as OrTag } from '../OrTag-68b92040.js';
-export { s as OrTagInputV3 } from '../OrTagInput-c2cb0107.js';
+export { s as OrTagInputV3 } from '../OrTagInput-8e53511e.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-81a88a91.js';
 export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-89785e44.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-ea114c19.js';
 export { s as OrTextarea } from '../OrTextarea-b16e1a72.js';
-export { s as OrTextareaV3 } from '../OrTextarea-0c5133fe.js';
+export { s as OrTextareaV3 } from '../OrTextarea-76c037a9.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-20cc3bac.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-724dc243.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-fee7441e.js';
-export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-7a30396e.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-bdce02db.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-d17e6f65.js';
+export { s as OrTimeRangePickerV3 } from '../OrTimeRangePicker-306cd018.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-cea387eb.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-a1f907bc.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-0f27194b.js';

package/dist/esm/v3/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue-demi';
 import { SearchFunction } from '../../types';
-import { InputBoxSize } from '../or-input-box-v3';
 import { TagsOverflow } from '../or-tags-v3';
 import { AutocompleteModelValue, AutocompleteValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
@@ -20,9 +19,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"wrap" | "scroll" | "hidden">;
         default: () => TagsOverflow;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -56,10 +59,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enableClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -123,9 +122,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"wrap" | "scroll" | "hidden">;
         default: () => TagsOverflow;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -159,10 +162,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enableClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -183,6 +182,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     items: string[];
     multiple: boolean;
     overflow: "wrap" | "scroll" | "hidden";
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;
     placeholder: string;
@@ -192,7 +192,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
     enableClear: boolean;
     searchFunction: SearchFunction<string>;
 }>;

package/dist/esm/v3/components/or-autocomplete-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrAutocompleteV3 } from '../../OrAutocomplete-58099d19.js';
+export { s as OrAutocompleteV3 } from '../../OrAutocomplete-74872096.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useIdAttribute-3a339b79.js';
@@ -33,11 +33,11 @@ import '../../OrTeleport.vue3-8099178c.js';
 import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
-import '../../OrInputBox-de16d7ec.js';
+import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';
 import '../../OrLoader-5e2f359b.js';
 import '../../OrMenuItem-6caf8844.js';
-import '../../OrTagInput-c2cb0107.js';
+import '../../OrTagInput-8e53511e.js';
 import '../../OrTag-81a88a91.js';
 import '../../OrTags-89785e44.js';
 import '../../useOverflow-5a08887e.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-9b6f0d65.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-cd534916.js';
 import 'vue-demi';
 import '../../OrIconButton-5a508869.js';
 import '../../OrIcon-9aff520e.js';
@@ -24,12 +24,12 @@ import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
 import '../../OrLoader-5e2f359b.js';
-import '../../OrSearch-bb53ad38.js';
+import '../../OrSearch-b7a558ef.js';
 import '../../useIdAttribute-3a339b79.js';
 import '../../useProxyModelValue-e18f251e.js';
 import '../../useValidationAttributes-257954f3.js';
-import '../../OrInputBox-de16d7ec.js';
-import '../../OrInput-74cd099c.js';
+import '../../OrInputBox-2f33498c.js';
+import '../../OrInput-6b60bf4a.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
 import '../../OrLabel-4abbce6e.js';

package/dist/esm/v3/components/or-code-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-fd47c296.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../../OrCode-73a17bd1.js';
 export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
@@ -37,5 +37,5 @@ import '../../isAncestor-2973d4f4.js';
 import '../../OrModal-4da45f04.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
-import '../../OrInputBox-de16d7ec.js';
+import '../../OrInputBox-2f33498c.js';
 import '../../OrLabel-4abbce6e.js';