@onereach/ui-components 2.77.0-beta.2448.0 → 2.77.0-beta.2456.0

package/dist/bundled/v3/components/OrSwitchV3/OrSwitch.js

@@ -0,0 +1,66 @@
+import { s as script } from '../../OrSwitch.vue_vue_type_script_lang-7acd91e9.js';
+export { s as default } from '../../OrSwitch.vue_vue_type_script_lang-7acd91e9.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, mergeProps, vModelCheckbox, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import 'vue-demi';
+import './styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
+import '@vueuse/core';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+
+const _hoisted_1 = ["value", "required", "disabled"];
+const _hoisted_2 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [!_ctx.loading ? withDirectives((openBlock(), createElementBlock("input", mergeProps({
+    key: 0,
+    ref: "control",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+  }, _ctx.controlAttributes, {
+    class: _ctx.controlStyles,
+    type: "checkbox",
+    value: _ctx.value,
+    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)), [[vModelCheckbox, _ctx.proxyModelValue]]) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.loaderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'primary',
+    size: 'm'
+  })], 10 /* CLASS, PROPS */, _hoisted_2)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 2,
+    "control-id": _ctx.controlAttributes.id,
+    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-4296509a] {\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-4296509a";
+script.__file = "src/components/or-switch-v3/OrSwitch.vue";

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

@@ -1,12 +1,12 @@
-export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-ac699016.js';
+export { s as OrSwitchV3 } from '../../OrSwitch.vue_vue_type_script_lang-7acd91e9.js';
 import 'vue-demi';
 import './styles.js';
-import '../../OrLabel-47f15fc0.js';
+import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import 'vue';
-import '../../OrLoader-1c02d64d.js';
+import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';

package/dist/bundled/v3/components/OrTabV3/OrTab.js

@@ -0,0 +1,21 @@
+import { s as script } from '../../OrTab.vue_vue_type_script_lang-88016ffc.js';
+export { s as default } from '../../OrTab.vue_vue_type_script_lang-88016ffc.js';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import 'vue-demi';
+import './styles.js';
+
+const _hoisted_1 = ["selected"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    tabindex: 0,
+    selected: _ctx.selected ? '' : null,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }, [renderSlot(_ctx.$slots, "default")], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-tab-v3/OrTab.vue";

package/dist/bundled/v3/components/OrTabsV3/OrTabs.js

@@ -0,0 +1,91 @@
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-5e20b0b5.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-5e20b0b5.js';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
+import '@vueuse/core';
+import 'vue-demi';
+import './props.js';
+import './styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
+import '../OrMenuV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrTabV3/OrTab.js';
+import '../../OrTab.vue_vue_type_script_lang-88016ffc.js';
+import '../OrTabV3/styles.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTab = resolveComponent("OrTab");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", null, [createElementVNode("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
+    return openBlock(), createBlock(_component_OrTab, {
+      key: tab.value,
+      selected: tab.value === _ctx.proxyModelValue,
+      onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */)), _ctx.tabs.hidden.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [createVNode(_component_OrTab, {
+    ref: "overflowTab",
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.overflowMenu.open(), ["stop"]))
+  }, {
+    default: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'more_horiz',
+      variant: 'filled-bold'
+    })]),
+    _: 1 /* STABLE */
+  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
+    ref: "overflowMenu",
+    trigger: _ctx.overflowTabRoot
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.hidden, tab => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: tab.value,
+        onClick: withModifiers($event => {
+          _ctx.proxyModelValue = tab.value;
+          _ctx.overflowMenu.close();
+        }, ["stop"])
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */), renderSlot(_ctx.$slots, String(_ctx.proxyModelValue))]);
+}
+
+script.render = render;
+script.__file = "src/components/or-tabs-v3/OrTabs.vue";

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

@@ -1,32 +1,35 @@
 export { TabsVariant } from './props.js';
-export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-c3739ede.js';
+export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-5e20b0b5.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
-import '../../OrIcon-671794cb.js';
+import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
-import '../OrMenu/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-911ded05.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
 import '../OrMenuV3/styles.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-2ba79d91.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
 import '../OrBottomSheetV3/styles.js';
-import '../../OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
 import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
 import '../OrMenuItemV3/styles.js';
+import '../OrTabV3/OrTab.js';
 import '../../OrTab.vue_vue_type_script_lang-88016ffc.js';
 import '../OrTabV3/styles.js';

package/dist/bundled/v3/components/OrTagV3/OrTag.js

@@ -0,0 +1,63 @@
+import { s as script } from '../../OrTag.vue_vue_type_script_lang-cd555f11.js';
+export { s as default } from '../../OrTag.vue_vue_type_script_lang-cd555f11.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
+import 'vue-demi';
+import './props.js';
+import './styles.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7a36beed.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
+import '../OrIconV3/styles.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-196b0605.js';
+import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/useResponsive/useResponsive.js';
+
+const _hoisted_1 = ["tabindex", "disabled"];
+const _hoisted_2 = {
+  class: "truncate"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'm-[-4px] md:m-[-2px]'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    tabindex: !_ctx.disabled && _ctx.variant === 'button' ? 0 : null,
+    disabled: _ctx.disabled ? '' : null,
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]), _ctx.variant === 'reset' ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(_component_OrIconButton, {
+    icon: 'close',
+    color: _ctx.custom ? 'inherit' : _ctx.color,
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('reset'), ["stop"]))
+  }, null, 8 /* PROPS */, ["color", "disabled"])])) : createCommentVNode("v-if", true)], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-tag-v3/OrTag.vue";

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

@@ -1,29 +1,32 @@
 export { TagColor, TagVariant } from './props.js';
-export { s as OrTagV3 } from '../../OrTag.vue_vue_type_script_lang-37474827.js';
+export { s as OrTagV3 } from '../../OrTag.vue_vue_type_script_lang-cd555f11.js';
 import 'vue-demi';
 import './styles.js';
-import '../../OrIconButton-0d8e85d9.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
-import '../../OrIcon-671794cb.js';
+import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
 import '../OrIconV3/styles.js';
 import 'vue';
-import '../../OrTooltip.vue_vue_type_script_lang-a27e7f1f.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-196b0605.js';
 import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-2ba79d91.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
 import '../OrBottomSheetV3/styles.js';
-import '../../OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
 import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';

package/dist/bundled/v3/components/OrTeleportV3/OrTeleport.js

@@ -0,0 +1,14 @@
+import { s as script } from '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+export { s as default } from '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import { openBlock, createBlock, Teleport, renderSlot } from 'vue';
+import 'vue-demi';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.to,
+    disabled: _ctx.disabled
+  }, [renderSlot(_ctx.$slots, "default")], 8 /* PROPS */, ["to", "disabled"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-teleport-v3/OrTeleport.vue3.vue";

package/dist/bundled/v3/components/{OrText → OrTextV3}/OrText.js

@@ -2,7 +2,7 @@ import { s as script } from '../../OrText.vue_vue_type_script_lang-65568962.js';
 export { s as default } from '../../OrText.vue_vue_type_script_lang-65568962.js';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString } from 'vue';
 import 'vue-demi';
-import '../OrTextV3/styles.js';
+import './styles.js';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {

package/dist/bundled/v3/components/OrTextareaV3/OrTextarea.js

@@ -0,0 +1,103 @@
+import { s as script } from '../../OrTextarea.vue_vue_type_script_lang-1b3f2396.js';
+export { s as default } from '../../OrTextarea.vue_vue_type_script_lang-1b3f2396.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';
+import 'vue-demi';
+import './styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import '../OrHintV3/styles.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-44f85823.js';
+import '../OrInputBoxV3/props.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';
+
+const _hoisted_1 = ["placeholder", "required", "readonly", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  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.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlAttributes.id,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [withDirectives(createElementVNode("textarea", mergeProps({
+      ref: "control",
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+    }, _ctx.controlAttributes, {
+      class: _ctx.controlStyles,
+      placeholder: _ctx.placeholder,
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled,
+      onKeydown: _cache[1] || (_cache[1] = $event => _ctx.$emit('keydown', $event)),
+      onKeyup: _cache[2] || (_cache[2] = $event => _ctx.$emit('keyup', $event)),
+      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
+    }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelText, _ctx.proxyModelValue]])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["size", "invalid", "readonly", "disabled"]), withDirectives(createElementVNode("div", _hoisted_2, [_ctx.hint || _ctx.maxLength ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint) + " ", 1 /* TEXT */)]),
+
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_3, [createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
+
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLength) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
+}
+
+var css_248z = "\ntextarea[data-v-10a22fb4] {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-10a22fb4";
+script.__file = "src/components/or-textarea-v3/OrTextarea.vue";

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

@@ -1,17 +1,18 @@
-export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-cda6f95e.js';
+export { s as OrTextareaV3 } from '../../OrTextarea.vue_vue_type_script_lang-1b3f2396.js';
 export { InputBoxSize as TextareaSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
-import '../../OrHint-12428e42.js';
+import '../OrErrorV3/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-de6e6cd3.js';
 import '../OrErrorV3/styles.js';
 import 'vue';
+import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-ec2b37d4.js';
 import '../OrHintV3/styles.js';
-import '../OrInputBox/OrInputBox.js';
+import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-44f85823.js';
 import '../OrInputBoxV3/styles.js';
-import '../../OrLabel-47f15fc0.js';
+import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTextbox.vue_vue_type_script_lang-20e6c904.js';
-export { s as default } from '../../OrTextbox.vue_vue_type_script_lang-20e6c904.js';
+import { s as script } from '../../OrTextbox.vue_vue_type_script_lang-686e0310.js';
+export { s as default } from '../../OrTextbox.vue_vue_type_script_lang-686e0310.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, renderSlot, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -9,7 +9,7 @@ import 'lodash';
 import './constants.js';
 import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import '../OrTooltip/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';

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

@@ -1,5 +1,5 @@
 export { TextboxTypes } from './constants.js';
-export { s as OrTextbox } from '../../OrTextbox.vue_vue_type_script_lang-20e6c904.js';
+export { s as OrTextbox } from '../../OrTextbox.vue_vue_type_script_lang-686e0310.js';
 import 'vue-demi';
 import '../../utils/functions/px-to-rem.js';
 import '../../utils/functions/dom.js';
@@ -8,7 +8,7 @@ import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import '../OrTooltip/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';

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

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue-demi';
 import '../OrProgress/OrProgress.js';
 import { ToastType } from './constants.js';
 import { s as script$1 } from '../../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import { s as script$2 } from '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import { resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createBlock, toDisplayString, createElementVNode, withModifiers } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,7 +1,36 @@
-export { default as useToast } from './useToast.js';
-export { default as useQueue } from './useQueue.js';
-import './Timer.js';
-import '@vueuse/core';
-import './useToastEventBus.js';
-import './constants.js';
+export { PositionsX, PositionsY, ToastType, TransitionType } from './constants.js';
+export { default as OrToast } from './OrToast.js';
+export { s as OrToastContainer } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
+export { default as useToast } from '../or-toast/composable/useToast.js';
+export { default as useQueue } from '../or-toast/composable/useQueue.js';
 import 'vue-demi';
+import '../OrProgress/OrProgress.js';
+import '../../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
+import 'lodash';
+import '../OrProgress/constants.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../OrIconButtonV2/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
+import '../OrTooltip/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleport/OrTeleport.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
+import '@vueuse/core';
+import '../or-toast/composable/useToastEventBus.js';
+import './Timer.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-39906821.js';
-export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-39906821.js';
+import { s as script } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
+export { s as default } from '../../OrToastContainer.vue_vue_type_script_lang-3bb6f082.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, TransitionGroup, createElementBlock, Fragment, renderList, mergeProps, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '../OrToast/OrToast.js';
@@ -9,7 +9,7 @@ import '../../OrProgress.vue_vue_type_script_lang-26d7b3da.js';
 import 'lodash';
 import '../OrProgress/constants.js';
 import '../OrToast/constants.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import '../OrTooltip/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';
@@ -31,8 +31,8 @@ import '../OrLoader/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
 import '../OrLoader/constants.js';
 import '@vueuse/core';
-import '../OrToast/useQueue.js';
-import '../OrToast/useToastEventBus.js';
+import '../or-toast/composable/useQueue.js';
+import '../or-toast/composable/useToastEventBus.js';
 
 const _hoisted_1 = ["onClick", "onMouseenter", "onMouseleave"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {