@onereach/ui-components 2.68.0-beta.2082.0 → 2.68.0-beta.2083.0

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

@@ -1,45 +1,34 @@
-import { s as script } from '../../OrRadio.vue_vue_type_script_lang-0fa15ff0.js';
-export { s as default } from '../../OrRadio.vue_vue_type_script_lang-0fa15ff0.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as script } from '../../OrRadio.vue_vue_type_script_lang-cc11200c.js';
+export { s as default } from '../../OrRadio.vue_vue_type_script_lang-cc11200c.js';
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../OrLabel/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import '../../useClassAttribute-47fdb016.js';
+import 'lodash';
 
-const _hoisted_1 = ["id", "value", "required", "disabled"];
+const _withScopeId = n => (pushScopeId("data-v-5889a64a"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["disabled", "value", "checked"];
+const _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
+  class: "or-radio--radio"
+}, null, -1 /* HOISTED */));
+const _hoisted_3 = {
+  class: "or-radio--content"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrLabel = resolveComponent("OrLabel");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [withDirectives(createElementVNode("input", mergeProps(_ctx.$attrs, {
-    id: _ctx.controlId,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
-    class: _ctx.controlStyles,
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(_ctx.rootClasses)
+  }, [createElementVNode("input", mergeProps(_ctx.localAttrs, {
+    disabled: _ctx.modifiedIsDisabled,
+    value: _ctx.value,
+    checked: _ctx.isChecked,
+    class: "or-radio--input visually-hidden",
     type: "radio",
-    value: _ctx.inputValue,
-    required: _ctx.required,
-    disabled: _ctx.disabled,
-    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
-    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
-  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelRadio, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
-    key: 0,
-    "control-id": _ctx.controlId,
-    variant: _ctx.labelVariant,
-    required: _ctx.required,
-    disabled: _ctx.disabled
-  }, {
-    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
-
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), _hoisted_2, createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
 }
 
-var css_248z = "\ninput[data-v-2567d702] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-5889a64a {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-5889a64a {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-radio[data-v-5889a64a] {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n}\n.or-radio--radio[data-v-5889a64a] {\n  position: relative;\n  width: 1rem;\n  min-width: 1rem;\n  height: 1rem;\n  min-height: 1rem;\n  margin-right: var(--s-3);\n  background-color: var(--c-white);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 9999px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-color, background-color, opacity;\n}\n.or-radio--radio[data-v-5889a64a]::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0.25rem;\n  height: 0.25rem;\n  content: \"\";\n  background-color: var(--c-white);\n  border-radius: inherit;\n  transition-delay: 0.15s;\n  transform: translate(-50%, -50%) scale(0);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: transform;\n}\n.or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-6);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-radio.is-checked.is-uncheckable[data-v-5889a64a] {\n  cursor: default;\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a]::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-white-darken-5);\n  border-color: var(--c-neutral-2-darken-5);\n}\n.or-radio[data-v-5889a64a]:disabled, .or-radio.is-disabled[data-v-5889a64a] {\n  cursor: not-allowed;\n}\n.or-radio:disabled .or-radio--radio[data-v-5889a64a], .or-radio.is-disabled .or-radio--radio[data-v-5889a64a] {\n  opacity: 0.5;\n}\n.or-radio:disabled .or-radio--content[data-v-5889a64a], .or-radio.is-disabled .or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-4);\n}";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-2567d702";
-script.__file = "src/components/or-radio-v3/OrRadio.vue";
+script.__scopeId = "data-v-5889a64a";
+script.__file = "src/components/or-radio/OrRadio.vue";

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

@@ -0,0 +1,45 @@
+import { s as script } from '../../OrRadio.vue_vue_type_script_lang-7b5bb449.js';
+export { s as default } from '../../OrRadio.vue_vue_type_script_lang-7b5bb449.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import 'vue-demi';
+import '../OrLabelV3/OrLabelV3.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../useClassAttribute-47fdb016.js';
+
+const _hoisted_1 = ["id", "value", "required", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [withDirectives(createElementVNode("input", mergeProps(_ctx.$attrs, {
+    id: _ctx.controlId,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
+    class: _ctx.controlStyles,
+    type: "radio",
+    value: _ctx.inputValue,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelRadio, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlId,
+    variant: _ctx.labelVariant,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-2567d702] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-2567d702";
+script.__file = "src/components/or-radio-v3/OrRadio.vue";

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

@@ -1,6 +1,6 @@
-export { s as OrRadioV3 } from '../../OrRadio.vue_vue_type_script_lang-0fa15ff0.js';
+export { s as OrRadioV3 } from '../../OrRadio.vue_vue_type_script_lang-7b5bb449.js';
 import 'vue-demi';
-import '../OrLabel/OrLabel.js';
+import '../OrLabelV3/OrLabelV3.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';

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

@@ -1,62 +1,101 @@
-import { s as script } from '../../OrSearch.vue_vue_type_script_lang-79213131.js';
-export { s as default } from '../../OrSearch.vue_vue_type_script_lang-79213131.js';
-import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
+import { s as script } from '../../OrSearch.vue_vue_type_script_lang-7248d03f.js';
+export { s as default } from '../../OrSearch.vue_vue_type_script_lang-7248d03f.js';
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createVNode, normalizeStyle, renderSlot } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '@vueuse/core';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrError/OrError.js';
-import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
-import '../../useClassAttribute-47fdb016.js';
+import '../OrInput/OrInput.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../../dom-28f5f62a.js';
+import 'lodash';
+import '../OrLabel/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
 import '../OrHint/OrHint.js';
-import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
+import '../../OrHint.vue_vue_type_script_lang-5d628c6c.js';
+import '../OrError/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-450321b8.js';
+import '../OrCollapse/OrCollapse.js';
+import '../../OrCollapse.vue_vue_type_script_lang-76f0f586.js';
+import '@vueuse/core';
+import '../OrIconButtonV2/OrIconButtonV2.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7c94b69b.js';
+import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../../OrTooltip.vue_vue_type_script_lang-e9e6c805.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-91fd6681.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
-import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import '../../useElevation-31bfe1f6.js';
-import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
-import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
-import '../OrLabel/OrLabel.js';
-import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
-import '../../style-inject.es-4c6f2515.js';
+import '../OrTeleportVue3/OrTeleportVue3.js';
+import '../../constants-b4c183aa.js';
+import '../../constants-c5d1139f.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-63e18388.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrInput = resolveComponent("OrInput");
-  return openBlock(), createBlock(_component_OrInput, mergeProps({
-    ref: "root"
-  }, _ctx.$attrs, {
-    modelValue: _ctx.localModelValue,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.localModelValue = $event),
-    modelModifiers: {
-      trim: true
-    },
-    class: _ctx.rootStyles,
-    type: 'search',
-    size: _ctx.size,
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_input = resolveComponent("or-input");
+  return openBlock(), createBlock(_component_or_input, {
+    ref: "inputRef",
+    class: "or-search",
+    "model-value": _ctx.localValue,
+    "html-id": _ctx.htmlId,
     placeholder: _ctx.placeholder,
-    debounce: _ctx.debounce,
-    disabled: _ctx.disabled,
-    "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", "debounce", "disabled", "disable-default-styles"]);
+    "html-type": "search",
+    label: _ctx.label,
+    error: _ctx.error,
+    hint: _ctx.hint,
+    "max-length": _ctx.maxLength,
+    "is-small": _ctx.isSmall,
+    "is-required": _ctx.isRequired,
+    "is-disabled": _ctx.isDisabled,
+    "is-readonly": _ctx.isReadonly,
+    "is-invalid": _ctx.isInvalid,
+    onFocus: _cache[0] || (_cache[0] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur', $event)),
+    "onUpdate:modelValue": _ctx.onModelValueUpdate,
+    onInput: _cache[2] || (_cache[2] = $event => _ctx.$emit('input', $event)),
+    onKeypress: _cache[3] || (_cache[3] = $event => _ctx.$emit('keypress', $event)),
+    onKeyup: _cache[4] || (_cache[4] = $event => _ctx.$emit('keyup', $event)),
+    onKeydown: _cache[5] || (_cache[5] = $event => _ctx.$emit('keydown', $event))
+  }, createSlots({
+    "wrapper-end": withCtx(() => [createVNode(_component_or_icon_button, {
+      icon: _ctx.currentButtonIcon,
+      style: normalizeStyle(!_ctx.hasValue ? {
+        pointerEvents: 'none'
+      } : null),
+      "icon-color": "neutral-4",
+      size: _ctx.size,
+      onClick: _ctx.onClick
+    }, null, 8 /* PROPS */, ["icon", "style", "size", "onClick"])]),
+    _: 2 /* DYNAMIC */
+  }, [_ctx.$slots.prepend ? {
+    name: "prepend",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
+    key: "0"
+  } : undefined, _ctx.$slots['label-default'] ? {
+    name: "label-default",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "label-default")]),
+    key: "1"
+  } : undefined, _ctx.$slots['label-append'] ? {
+    name: "label-append",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
+    key: "2"
+  } : undefined, _ctx.$slots['input-end'] ? {
+    name: "input-end",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "input-end")]),
+    key: "3"
+  } : undefined, _ctx.$slots.append ? {
+    name: "append",
+    fn: withCtx(() => [renderSlot(_ctx.$slots, "append")]),
+    key: "4"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "html-id", "placeholder", "label", "error", "hint", "max-length", "is-small", "is-required", "is-disabled", "is-readonly", "is-invalid", "onUpdate:modelValue"]);
 }
 
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-2ef674d2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2ef674d2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-search .or-icon-button-root[data-v-2ef674d2] {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  z-index: 1;\n  transform: translate(-0.625rem, -50%);\n}\n.or-search[data-v-2ef674d2] .or-textbox--input {\n  padding-right: calc(0.625rem + 1.625rem);\n}\n.or-search.is-small[data-v-2ef674d2] .or-textbox--input {\n  padding-right: calc(0.625rem + 1.5rem);\n}";
+styleInject(css_248z);
+
 script.render = render;
-script.__file = "src/components/or-search-v3/OrSearch.vue";
+script.__scopeId = "data-v-2ef674d2";
+script.__file = "src/components/or-inputs/OrSearch.vue";

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

@@ -0,0 +1,62 @@
+import { s as script } from '../../OrSearch.vue_vue_type_script_lang-7fe6bb5f.js';
+export { s as default } from '../../OrSearch.vue_vue_type_script_lang-7fe6bb5f.js';
+import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
+import 'vue-demi';
+import '@vueuse/core';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrErrorV3/OrErrorV3.js';
+import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
+import '../../useClassAttribute-47fdb016.js';
+import '../OrHintV3/OrHintV3.js';
+import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
+import '../OrIconV3/OrIconV3.js';
+import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../useElevation-31bfe1f6.js';
+import '../../useResponsive-a02e95b7.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
+import '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
+import '../OrLabelV3/OrLabelV3.js';
+import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
+import '../../style-inject.es-4c6f2515.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInput = resolveComponent("OrInput");
+  return openBlock(), createBlock(_component_OrInput, mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    modelValue: _ctx.localModelValue,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.localModelValue = $event),
+    modelModifiers: {
+      trim: true
+    },
+    class: _ctx.rootStyles,
+    type: 'search',
+    size: _ctx.size,
+    placeholder: _ctx.placeholder,
+    debounce: _ctx.debounce,
+    disabled: _ctx.disabled,
+    "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", "debounce", "disabled", "disable-default-styles"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-search-v3/OrSearch.vue";

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

@@ -1,33 +1,33 @@
-export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-79213131.js';
+export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-7fe6bb5f.js';
 export { I as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-1b6309a1.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../OrInput-0540584e.js';
-import '../../OrInput.vue_vue_type_script_lang-2dfa8684.js';
-import '../OrError/OrError.js';
+import '../OrInputV3/OrInputV3.js';
+import '../../OrInput.vue_vue_type_script_lang-73a237e6.js';
+import '../OrErrorV3/OrErrorV3.js';
 import '../../OrError.vue_vue_type_script_lang-1a6d87b8.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';
-import '../OrHint/OrHint.js';
+import '../OrHintV3/OrHintV3.js';
 import '../../OrHint.vue_vue_type_script_lang-a6b8ed91.js';
-import '../OrIcon/OrIcon.js';
+import '../OrIconV3/OrIconV3.js';
 import '../../OrIcon.vue_vue_type_script_lang-231a50e3.js';
-import '../OrIconButton/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-7c25ed7b.js';
-import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-f5885526.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-ef43169d.js';
+import '../OrIconButtonV3/OrIconButtonV3.js';
+import '../../OrIconButton.vue_vue_type_script_lang-8db5f6cf.js';
+import '../OrTooltipV3/OrTooltipV3.js';
+import '../../OrTooltip.vue_vue_type_script_lang-4595c67d.js';
+import '../OrPopoverV3/OrPopoverV3.js';
+import '../../OrPopover.vue_vue_type_script_lang-10f5e5a2.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-09679ad9.js';
-import '../OrOverlay/OrOverlay.js';
-import '../../OrOverlay.vue_vue_type_script_lang-66c0fa0e.js';
-import '../OrTeleport.vue3/OrTeleport.vue3.js';
+import '../OrBottomSheetV3/OrBottomSheetV3.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-34f23911.js';
+import '../OrOverlayV3/OrOverlayV3.js';
+import '../../OrOverlay.vue_vue_type_script_lang-44194ab4.js';
+import '../OrTeleport.vue3V3/OrTeleport.vue3V3.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../useResponsive-a02e95b7.js';
-import '../OrInputBox/OrInputBox.js';
-import '../OrLabel/OrLabel.js';
+import '../OrInputBoxV3/OrInputBoxV3.js';
+import '../OrLabelV3/OrLabelV3.js';
 import '../../OrLabel.vue_vue_type_script_lang-c24b935b.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v3/components/{OrSegmentedControl/OrSegmentedControl.js → OrSegmentedControlV3/OrSegmentedControlV3.js}

@@ -1,8 +1,8 @@
-import { s as script } from '../../OrSegmentedControl.vue_vue_type_script_lang-d1000e00.js';
-export { s as default } from '../../OrSegmentedControl.vue_vue_type_script_lang-d1000e00.js';
+import { s as script } from '../../OrSegmentedControl.vue_vue_type_script_lang-940759f9.js';
+export { s as default } from '../../OrSegmentedControl.vue_vue_type_script_lang-940759f9.js';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';
 import 'vue-demi';
-import '../OrSegmentedControlItem/OrSegmentedControlItem.js';
+import '../OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
 import '../../useClassAttribute-47fdb016.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

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

@@ -1,5 +1,5 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl.vue_vue_type_script_lang-d1000e00.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../../OrSegmentedControl.vue_vue_type_script_lang-940759f9.js';
 import 'vue-demi';
-import '../OrSegmentedControlItem/OrSegmentedControlItem.js';
+import '../OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
 import '../../useClassAttribute-47fdb016.js';
 import 'vue';