@onereach/ui-components 4.5.0-beta.2726.0 → 4.5.0

package/dist/esm/v2/index.js

@@ -21,13 +21,14 @@ export { _ as OrChips } from './OrChips-a01d8520.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-0288dd2d.js';
 export { _ as OrCollapse } from './OrCollapse-57c64292.js';
 export { _ 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-ca470d10.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-5994d9fc.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
+export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 export { _ as OrConfirm } from './OrConfirm-d0d9d56c.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8ec55f84.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-a8c95da8.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-d36b1323.js';
-export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-b6ebf44a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-77ef1975.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-9271659e.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-85c08b90.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
@@ -35,6 +36,7 @@ export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-d3a2218d.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-67b6592e.js';
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-29a514db.js';
 export { _ as OrHint } from './OrHint-fe65fbe6.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-a40e60af.js';
@@ -96,7 +98,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-46947417.js';
 export { _ as OrTabV3 } from './OrTab-5b198746.js';
 export { _ as OrTabs } from './OrTabs-1b314eeb.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b9908867.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-653258a2.js';
 export { _ as OrTag } from './OrTag-8ded4261.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-6256623c.js';
 export { _ as OrTagsV3 } from './OrTags-db2608dc.js';
@@ -106,7 +108,7 @@ export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-226ab7a2.js';
 export { _ as OrTextareaV3 } from './OrTextarea-800f63d4.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-90badc95.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-0c6a05f1.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-696e29ed.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-2f530752.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-4a7d24f3.js';
@@ -114,7 +116,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-a1332
 export { _ as OrTooltip } from './OrTooltip-97a42707.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-d85e1071.js';
 export { _ as OrTooltipV3 } from './OrTooltip-5a6e0f64.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-8c43bb27.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-b5a49746.js';
@@ -131,7 +132,6 @@ import '@vueuse/core';
 import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
 import '@splidejs/splide/dist/css/splide.min.css';
-import './OrFormGroup-29a514db.js';
 import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';
 import '@codemirror/view';
@@ -148,8 +148,8 @@ import './px-to-rem-0b26b83e.js';
 import './dom-7a41831b.js';
 import '@vueuse/math';
 import './OrDateTimePickerPopoverHeader-9e49aba0.js';
-import './OrDateTimePickerMonthSelect-a3a0fb4e.js';
-import './OrDateTimePickerTimeSelect-0b70d0df.js';
+import './OrDateTimePickerMonthSelect-e35404a7.js';
+import './OrDateTimePickerTimeSelect-aed7d33d.js';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-a256ac18.js';
 import 'uuid';
@@ -158,29 +158,6 @@ import '@vueuse/integrations/useFocusTrap';
 import './styles-ed564e39.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
-import '@tiptap/extension-code-block';
-import '@tiptap/extension-blockquote';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-underline';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import './codemirrorView-be2c7423.js';
-import 'prosemirror-state';
-import 'prosemirror-commands';
 
 function getAbbreviation(text, limit) {
   var _a;

package/dist/esm/v3/OrCombinedInput-14c23a04.js

@@ -0,0 +1,129 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$1 } from './OrError-c01d0c29.js';
+import { s as script$2 } from './OrHint-06ab89d7.js';
+import { s as script$3 } from './OrLabel-4da56db0.js';
+import { I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
+
+const CombinedInputRoot = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CombinedInputControlGroup = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape (.or-input-box-v3)
+'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:intermediate-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+// Spacing (.or-input-box-v3)
+'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:intermediate-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
+
+var script = defineComponent({
+  name: 'OrCombinedInput',
+  components: {
+    OrError: script$1,
+    OrHint: script$2,
+    OrLabel: script$3
+  },
+  props: {
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    label: {
+      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
+    }
+  },
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInputRoot]);
+    const controlGroup = computed(() => [...CombinedInputControlGroup]);
+    return {
+      root,
+      rootStyles,
+      controlGroup
+    };
+  }
+});
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['contents'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  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,
+    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 */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.controlGroup)
+  }, [renderSlot(_ctx.$slots, "default", {
+    size: _ctx.size,
+    error: !!_ctx.error,
+    required: _ctx.required,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled,
+    disableDefaultStyles: _ctx.disableDefaultStyles
+  })], 2 /* CLASS */), withDirectives(createElementVNode("div", _hoisted_1, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
+    key: 0,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 512 /* NEED_PATCH */), [[vShow, !_ctx.error]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"])], 512 /* NEED_PATCH */), [[vShow, typeof _ctx.error === 'string']])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
+
+export { script as s };

package/dist/esm/v3/{OrDatePicker-759653a5.js → OrDatePicker-f144d074.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
 import { s as script$a } from './OrIconButton-b7217ea5.js';
@@ -9,7 +9,7 @@ import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$c } from './OrLabel-4da56db0.js';
 import { s as script$d } from './OrPopover-15c2968f.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DatePicker = [
 // Layout
@@ -215,7 +215,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -284,7 +284,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrDateTimePicker-4768a411.js → OrDateTimePicker-2214cd85.js}

@@ -8,9 +8,9 @@ import { s as script$d, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$e } from './OrLabel-4da56db0.js';
 import { s as script$f } from './OrPopover-15c2968f.js';
 import { s as script$3, a as script$5, b as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-c07806a0.js';
-import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-9309c434.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { s as script$1, a as script$2, b as script$4 } from './OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import { s as script$7, a as script$8 } from './OrDateTimePickerTimeSelect-e404e826.js';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const DateTimePicker = [
 // Layout
@@ -270,7 +270,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -395,7 +395,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/{OrDateTimePickerMonthSelect-c07806a0.js → OrDateTimePickerMonthSelect-5a7b7b5c.js}

@@ -83,12 +83,13 @@ var script$2 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["required", "readonly", "disabled"];
+const _hoisted_1$1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -96,8 +97,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1$1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
 script$2.render = render$2;

package/dist/esm/v3/{OrDateTimePickerTimeSelect-9309c434.js → OrDateTimePickerTimeSelect-e404e826.js}

@@ -78,12 +78,13 @@ var script$1 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["required", "readonly", "disabled"];
+const _hoisted_1 = ["contenteditable", "required", "readonly", "disabled"];
+const _hoisted_2 = ["disabled"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
-    contenteditable: '',
+    contenteditable: !_ctx.disabled ? '' : null,
     required: _ctx.required ? '' : null,
     readonly: _ctx.readonly ? '' : null,
     disabled: _ctx.disabled ? '' : null
@@ -91,8 +92,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0
   }, [createTextVNode(toDisplayString(_ctx.formatModelValue(_ctx.proxyModelValue)), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("span", {
     key: 1,
-    class: normalizeClass(_ctx.placeholderStyles)
-  }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))], 10 /* CLASS, PROPS */, _hoisted_1);
+    class: normalizeClass(_ctx.placeholderStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, toDisplayString(_ctx.placeholder), 11 /* TEXT, CLASS, PROPS */, _hoisted_2))], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script$1.render = render$1;

package/dist/esm/v3/{OrTabs-f9f0892e.js → OrTabs-a2d87627.js}

@@ -19,7 +19,7 @@ const TabsRoot = [
 // Box
 'overflow-hidden',
 // Spacing
-'gap-md',
+'gap-lg',
 // Theme
 'theme-border-1-outline', 'dark:theme-border-1-outline', 'theme-border-underline'];
 const TabsRootVariants = {

package/dist/esm/v3/{OrTimePicker-ba6e6857.js → OrTimePicker-68de86d9.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.js';
 import { s as script$1, a as script$2, b as script$3, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-042566f4.js';
-import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-9309c434.js';
+import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect-e404e826.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
 import { s as script$9 } from './OrIconButton-b7217ea5.js';
@@ -9,7 +9,7 @@ import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
 import { s as script$b } from './OrLabel-4da56db0.js';
 import { s as script$c } from './OrPopover-15c2968f.js';
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, withModifiers, Fragment } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, createElementVNode, withModifiers, Fragment } from 'vue';
 
 const TimePicker = [
 // Layout
@@ -209,7 +209,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
 
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
     ref: "inputBox",
     variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
     size: _ctx.size,
@@ -273,7 +273,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       variant: 'outlined'
     }))])]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.togglePopover], [_directive_dropdown_close, _ctx.closePopover]]), !_ctx.error ? (openBlock(), createElementBlock(Fragment, {
     key: 1
   }, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
     key: 0,

package/dist/esm/v3/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './or-chips';
 export * from './or-code';
 export * from './or-collapse';
 export * from './or-color-picker';
+export * from './or-combined-input-v3';
 export * from './or-confirm';
 export * from './or-confirm-v3';
 export * from './or-date-picker-v3';
@@ -29,6 +30,7 @@ export * from './or-error-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';
+export * from './or-form-group-v3';
 export * from './or-hint';
 export * from './or-hint-v3';
 export * from './or-icon';
@@ -101,4 +103,3 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
-export * from './or-rich-text-editor-v3';

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

@@ -20,12 +20,13 @@ export { s as OrChips } from '../OrChips-544a35b3.js';
 export { s as OrCode, O as OrCodeLanguages } from '../OrCode-48281fc0.js';
 export { s as OrCollapse } from '../OrCollapse-2b31de04.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-ffaaf14f.js';
+export { s as OrCombinedInputV3 } from '../OrCombinedInput-14c23a04.js';
+export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
 export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-fe8617ac.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-759653a5.js';
-export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-f144d074.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-2af19719.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-4768a411.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-2214cd85.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
@@ -33,6 +34,7 @@ export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-c016d8fa.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-9f581536.js';
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-b566a871.js';
@@ -94,7 +96,7 @@ export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-3bb0b711.js';
 export { s as OrTabV3 } from '../OrTab-f7e51ffb.js';
 export { s as OrTabs } from '../OrTabs-35a376a3.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-f9f0892e.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-a2d87627.js';
 export { s as OrTag } from '../OrTag-2d9eacf8.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-8605e9e6.js';
 export { s as OrTagsV3 } from '../OrTags-3724ff59.js';
@@ -104,7 +106,7 @@ export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-f6722edc.js';
 export { s as OrTextareaV3 } from '../OrTextarea-fa1454e3.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-6e585202.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-ba6e6857.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-68de86d9.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-24839efd.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-b5ea5cb2.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9e1555eb.js';
@@ -112,7 +114,6 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-a133
 export { s as OrTooltip } from '../OrTooltip-89ce98e8.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-37a5f562.js';
 export { s as OrTooltipV3 } from '../OrTooltip-3d5fcaf9.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-b20efab9.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -122,7 +123,6 @@ import '@vueuse/core';
 import '@splidejs/splide';
 import '@splidejs/splide/dist/css/splide.min.css';
 import '../useIdAttribute-859439f0.js';
-import '../OrFormGroup-9f581536.js';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
@@ -139,8 +139,8 @@ import '../dom-7a41831b.js';
 import '@vueuse/math';
 import '../dropdown-open-e1f90e0a.js';
 import '../OrDateTimePickerPopoverHeader-042566f4.js';
-import '../OrDateTimePickerMonthSelect-c07806a0.js';
-import '../OrDateTimePickerTimeSelect-9309c434.js';
+import '../OrDateTimePickerMonthSelect-5a7b7b5c.js';
+import '../OrDateTimePickerTimeSelect-e404e826.js';
 import '@floating-ui/dom';
 import '../useValidationAttributes-d1abbe34.js';
 import '../useResponsive-a02e95b7.js';
@@ -151,26 +151,3 @@ import '@vueuse/integrations/useFocusTrap';
 import '../useToggle-c04fc920.js';
 import '../useOverflow-c856b7b7.js';
 import '../styles-ed564e39.js';
-import 'prosemirror-markdown';
-import 'prosemirror-model';
-import 'marked';
-import '@tiptap/extension-paragraph';
-import '@tiptap/extension-bullet-list';
-import '@tiptap/extension-list-item';
-import '@tiptap/extension-ordered-list';
-import '@tiptap/extension-strike';
-import '@tiptap/extension-italic';
-import '@tiptap/extension-hard-break';
-import '@tiptap/extension-bold';
-import '@tiptap/extension-code-block';
-import '@tiptap/extension-blockquote';
-import '@tiptap/extension-link';
-import '@tiptap/extension-highlight';
-import '@tiptap/extension-underline';
-import '@tiptap/core';
-import '@tiptap/starter-kit';
-import '@tiptap/extension-heading';
-import '@tiptap/extension-placeholder';
-import '../codemirrorView-be2c7423.js';
-import 'prosemirror-state';
-import 'prosemirror-commands';