@onereach/ui-components 2.75.2-beta.2392.0 → 2.75.2-beta.2399.0

package/dist/esm/v2/{OrTextarea-6604925a.js → OrTextarea-5fa93c9a.js}

@@ -2,10 +2,11 @@ import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { _ as __vue_component__$1 } from './OrError-9e7976ef.js';
-import { _ as __vue_component__$2 } from './OrHint-272790e7.js';
-import { _ as __vue_component__$3, a as InputBoxSize } from './OrInputBox-53d1f66d.js';
-import { _ as __vue_component__$4 } from './OrLabel-49398089.js';
+import { _ as __vue_component__$1 } from './OrError-13845bb0.js';
+import { _ as __vue_component__$2 } from './OrHint-78b399cb.js';
+import { _ as __vue_component__$3 } from './OrInputBox-5c4b3104.js';
+import { a as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import { _ as __vue_component__$4 } from './OrLabel-0945a4d9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
@@ -15,8 +16,8 @@ const TextareaRoot = [
 // Spacing
 'gap-xs'];
 const TextareaControl = [
-// Layout
-'grow',
+// Box
+'w-full',
 // Typography
 'typography-inherit',
 // Theme
@@ -56,7 +57,7 @@ var script = defineComponent({
       default: undefined
     },
     error: {
-      type: String,
+      type: [String, Boolean],
       default: undefined
     },
     required: {
@@ -98,7 +99,6 @@ var script = defineComponent({
       return (_b = (_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;
     });
     const maxLength = computed(() => controlAttributes.maxlength);
-    const invalid = computed(() => !!props.error);
     // Methods
     function focus() {
       var _a;
@@ -117,14 +117,13 @@ var script = defineComponent({
       proxyModelValue,
       currentLength,
       maxLength,
-      invalid,
       focus,
       blur
     };
   }
 });
 
-var css_248z = "textarea[data-v-41547036]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-4e91de4d]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -154,7 +153,7 @@ var __vue_render__ = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
     attrs: {
       "size": _vm.size,
-      "invalid": _vm.invalid,
+      "invalid": !!_vm.error,
       "readonly": _vm.readonly,
       "disabled": _vm.disabled
     }
@@ -196,7 +195,15 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'textarea', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
+    class: ['contents']
+  }, [_vm.hint || _vm.maxLength ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -207,7 +214,15 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string',
+      expression: "typeof error === 'string'"
+    }],
+    class: ['contents']
+  }, [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -218,14 +233,14 @@ var __vue_render__ = function () {
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])]], 2);
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n\n      ")])], 1)], 2);
 };
 var __vue_staticRenderFns__ = [];
 
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-41547036";
+const __vue_scope_id__ = "data-v-4e91de4d";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrTooltip-5a02f34c.js → OrTooltip-d9424f71.js}

@@ -5,7 +5,7 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const TooltipRoot = [
 // Layout
-'layout-inline-row'];
+'layout-inline-row justify-center'];
 const TooltipBody = [
 // Layout
 'layout-inline-row',

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

@@ -5,101 +5,102 @@ export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonVi
 export { _ as OrButtonV2 } from '../OrButton-df2eea65.js';
 export { _ as OrIconButton } from '../OrIconButton-9c30897c.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-3846c424.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-eaa2c409.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-c5ec96e7.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-050fb8d2.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-230b25c0.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-59455d23.js';
 export { _ as OrCardV3 } from '../OrCard-e89c44ef.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-d20717ec.js';
 export { _ as OrCheckbox } from '../OrCheckbox-63d444f1.js';
-export { _ as OrCheckboxV3 } from '../OrCheckbox-ac3cc642.js';
+export { _ as OrCheckboxV3 } from '../OrCheckbox-49d7d6b1.js';
 export { _ as OrChip } from '../OrChips.vue_rollup-plugin-vue_styles.0-8d277377.js';
 export { _ as OrChips } from '../OrChips-7f85a4ba.js';
 export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-930709c5.js';
 export { _ as OrCollapse } from '../OrCollapse-50e3914c.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-fa92b4fa.js';
 export { _ as OrConfirm } from '../OrConfirm-f7c58a78.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-4e5c2906.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-b31e3d3d.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4059980e.js';
 export { _ as OrError } from '../OrError-efc74907.js';
-export { _ as OrErrorTagV3 } from '../OrErrorTag-32ba5c0c.js';
-export { _ as OrErrorV3 } from '../OrError-9e7976ef.js';
-export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-ab1a044d.js';
+export { _ as OrErrorTagV3 } from '../OrErrorTag-7cd5dc68.js';
+export { _ as OrErrorV3 } from '../OrError-13845bb0.js';
+export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-2481f13f.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-0a12d957.js';
-export { F as FabColor, _ as OrFabV3 } from '../OrFab-f71daa4f.js';
+export { F as FabColor, _ as OrFabV3 } from '../OrFab-d5a37b22.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-67b6592e.js';
 export { _ as OrHint } from '../OrHint-fe65fbe6.js';
-export { _ as OrHintV3 } from '../OrHint-272790e7.js';
+export { _ as OrHintV3 } from '../OrHint-78b399cb.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-dd72b52f.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-75e7b80c.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from '../OrIconButton-fa9bff07.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from '../OrIcon-c434985a.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from '../OrInlineInputBox-46146af0.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-6a3472f3.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-36d79e50.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-b914488a.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-2c6f14da.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-53d1f66d.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-eb2cf391.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-e2d61e44.js';
+export { _ as OrInputBoxV3 } from '../OrInputBox-5c4b3104.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-06003aad.js';
 export { _ as OrInput } from '../OrInput-c005a759.js';
 export { _ as OrLabel } from '../OrLabel-931394a5.js';
-export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-49398089.js';
-export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-e2fd196e.js';
+export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-0945a4d9.js';
+export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-597e0e18.js';
 export { _ as OrList } from '../OrList-1440d8ca.js';
 export { _ as OrListOfInputs } from '../OrListOfInputs-5a9fc474.js';
 export { L as LoaderViews, _ as OrLoader } from '../OrLoader-212ef381.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from '../OrLoader-b11ed386.js';
 export { _ as OrMenuItemV3 } from '../OrMenuItem-4f810513.js';
-export { _ as OrMenuV3 } from '../OrMenu-40013a4a.js';
+export { _ as OrMenuV3 } from '../OrMenu-bb6e93bc.js';
 export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-a101a230.js';
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-a02dcd2a.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-7e85a919.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-370cfc3b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-0b22c94c.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-32a7774e.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-76498693.js';
 export { _ as OrNumberInput } from '../OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-0f356aca.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from '../OrOverlay-2ded265b.js';
 export { _ as OrPassword } from '../OrPassword-7a006ccb.js';
-export { _ as OrPaginationV3 } from '../OrPagination-67635368.js';
+export { _ as OrPaginationV3 } from '../OrPagination-a9233838.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-e6f20dc1.js';
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-59293ca5.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-ff999494.js';
 export { _ as OrRadio } from '../OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-11424644.js';
-export { _ as OrRadioV3 } from '../OrRadio-ffd31026.js';
+export { _ as OrRadioV3 } from '../OrRadio-06a54f1e.js';
 export { _ as OrSearch } from '../OrSearch-1d7880eb.js';
-export { _ as OrSearchV3 } from '../OrSearch-7612e05b.js';
+export { _ as OrSearchV3 } from '../OrSearch-44645202.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-7486115b.js';
 export { _ as OrSelect } from '../OrSelect-03e79c4b.js';
-export { _ as OrSelectV3 } from '../OrSelect-6b2528f2.js';
+export { _ as OrSelectV3 } from '../OrSelect-a51044ed.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
-export { _ as OrSidebarV3 } from '../OrSidebar-5f5a5962.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-81b32e0d.js';
+export { _ as OrSidebarV3 } from '../OrSidebar-89711112.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-81c77db0.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-6a6f285d.js';
 export { _ as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-6ee72718.js';
 export { _ as OrSlider } from '../OrSlider-ded83b5c.js';
 export { _ as OrSortHeaderV3 } from '../OrSortHeader-ffe6bc57.js';
 export { _ as OrStepper } from '../OrStepper-3e08af91.js';
 export { _ as OrSwitch } from '../OrSwitch-cd24ee40.js';
-export { _ as OrSwitchV3 } from '../OrSwitch-6309430f.js';
+export { _ as OrSwitchV3 } from '../OrSwitch-6129b63d.js';
 export { _ as OrTab } from '../OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from '../OrTabHeaderItem-6a08756e.js';
-export { _ as OrTabV3 } from '../OrTab-8e1e3751.js';
+export { _ as OrTabV3 } from '../OrTab-1ff87c76.js';
 export { _ as OrTabs } from '../OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-411fc919.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-b501239f.js';
 export { _ as OrTag } from '../OrTag-2845a49f.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-7663d423.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-d559f34c.js';
 export { _ as OrTeleport } from '../OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from '../OrTeleport.vue2-fb92f29f.js';
 export { _ as OrTextV3 } from '../OrText-91d662a0.js';
 export { _ as OrTextarea } from '../OrTextarea-724a4d6f.js';
-export { _ as OrTextareaV3 } from '../OrTextarea-6604925a.js';
+export { _ as OrTextareaV3 } from '../OrTextarea-5fa93c9a.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-a2cc5280.js';
 export { _ as OrToast, a as OrToastContainer } from '../OrToastContainer-8566bc09.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-a12f6aef.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../types-e9a54dcf.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { _ as OrTooltip } from '../OrTooltip-cefc51f9.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_styles.0-154aac4c.js';
-export { _ as OrTooltipV3 } from '../OrTooltip-5a02f34c.js';
+export { _ as OrTooltipV3 } from '../OrTooltip-d9424f71.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-button-v3/index.js

@@ -1,4 +1,4 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../../OrButton-eaa2c409.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../../OrButton-c5ec96e7.js';
 import 'vue-demi';
 import '../../OrLoader-b11ed386.js';
 import '@vueuse/core';

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

@@ -1,12 +1,12 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-230b25c0.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-59455d23.js';
 import 'vue-demi';
-import '../../OrButton-eaa2c409.js';
+import '../../OrButton-c5ec96e7.js';
 import '../../OrLoader-b11ed386.js';
 import '@vueuse/core';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrIconButton-fa9bff07.js';
 import '../../OrIcon-c434985a.js';
-import '../../OrTooltip-5a02f34c.js';
+import '../../OrTooltip-d9424f71.js';
 import '../../OrPopover-a101a230.js';
 import '@floating-ui/dom';
 import '../../useElevation-92fce12c.js';
@@ -16,13 +16,14 @@ import '../../OrOverlay-2ded265b.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
 import '../../OrMenuItem-4f810513.js';
-import '../../OrMenu-40013a4a.js';
-import '../../OrSearch-7612e05b.js';
-import '../../OrInput-eb2cf391.js';
+import '../../OrMenu-bb6e93bc.js';
+import '../../OrSearch-44645202.js';
+import '../../OrInput-06003aad.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrError-9e7976ef.js';
-import '../../OrHint-272790e7.js';
-import '../../OrInputBox-53d1f66d.js';
-import '../../OrLabel-49398089.js';
+import '../../OrError-13845bb0.js';
+import '../../OrHint-78b399cb.js';
+import '../../OrInputBox-5c4b3104.js';
+import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import '../../OrLabel-0945a4d9.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { _ as OrCheckboxV3 } from '../../OrCheckbox-ac3cc642.js';
+export { _ as OrCheckboxV3 } from '../../OrCheckbox-49d7d6b1.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
-import '../../OrLabel-49398089.js';
+import '../../OrLabel-0945a4d9.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts

@@ -0,0 +1,105 @@
+import { PropType } from 'vue-demi';
+import { CombinedInputSize } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    size: {
+        type: PropType<CombinedInputSize>;
+        default: CombinedInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    size: {
+        type: PropType<CombinedInputSize>;
+        default: CombinedInputSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disableDefaultStyles: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+} & {}, {
+    size: CombinedInputSize;
+    label: string;
+    hint: string;
+    error: string | boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    disableDefaultStyles: boolean;
+}, true>);
+export default _default;

package/dist/esm/v2/components/or-combined-input-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrCombinedInputV3 } from './OrCombinedInput.vue';
+export * from './props';

package/dist/esm/v2/components/or-combined-input-v3/index.js

@@ -0,0 +1,159 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { _ as __vue_component__$1 } from '../../OrError-13845bb0.js';
+import { _ as __vue_component__$2 } from '../../OrHint-78b399cb.js';
+import { _ as __vue_component__$3 } from '../../OrLabel-0945a4d9.js';
+import { a as InputBoxSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+export { a as CombinedInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+const CombinedInputRoot = [
+// Layout
+'layout-column',
+// Spacing
+'gap-xs'];
+const CombinedInputControlGroup = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape (.or-input-box)
+'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
+// Spacing (.or-input-box)
+'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
+
+var script = defineComponent({
+  name: 'OrCombinedInput',
+  components: {
+    OrError: __vue_component__$1,
+    OrHint: __vue_component__$2,
+    OrLabel: __vue_component__$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(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot]);
+    const controlGroup = computed(() => [...CombinedInputControlGroup]);
+    return {
+      root,
+      rootStyles,
+      controlGroup
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_vm.label ? [_c('OrLabel', {
+    attrs: {
+      "variant": 'input',
+      "required": _vm.required,
+      "disabled": _vm.disabled
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n\n      ")])] : _vm._e(), _vm._v(" "), _c('div', {
+    class: _vm.controlGroup
+  }, [_vm._t("default", null, {
+    "size": _vm.size,
+    "error": !!_vm.error,
+    "required": _vm.required,
+    "readonly": _vm.readonly,
+    "disabled": _vm.disabled,
+    "disableDefaultStyles": _vm.disableDefaultStyles
+  })], 2), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.error,
+      expression: "!error"
+    }],
+    class: ['contents']
+  }, [_vm.hint ? [_c('OrHint', {
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string',
+      expression: "typeof error === 'string'"
+    }],
+    class: ['contents']
+  }, [_c('OrError', {
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as OrCombinedInputV3 };

package/dist/esm/v2/components/or-combined-input-v3/props.d.ts

@@ -0,0 +1 @@
+export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';

package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CombinedInputRoot: string[];
+export declare const CombinedInputControlGroup: string[];

package/dist/esm/v2/components/or-confirm-v3/index.js

@@ -1,19 +1,19 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-4e5c2906.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-b31e3d3d.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
-import '../../OrButton-eaa2c409.js';
+import '../../OrButton-c5ec96e7.js';
 import '../../OrLoader-b11ed386.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-eb2cf391.js';
+import '../../OrInput-06003aad.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useResponsive-a02e95b7.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrError-9e7976ef.js';
-import '../../OrHint-272790e7.js';
-import '../../OrIconButton-75e7b80c.js';
+import '../../OrError-13845bb0.js';
+import '../../OrHint-78b399cb.js';
+import '../../OrIconButton-fa9bff07.js';
 import '../../OrIcon-c434985a.js';
-import '../../OrTooltip-5a02f34c.js';
+import '../../OrTooltip-d9424f71.js';
 import '../../OrPopover-a101a230.js';
 import '@floating-ui/dom';
 import '../../useElevation-92fce12c.js';
@@ -21,6 +21,7 @@ import '../../OrBottomSheet-c9bfe63f.js';
 import '../../OrOverlay-2ded265b.js';
 import '../../OrTeleport.vue2-fb92f29f.js';
 import 'portal-vue';
-import '../../OrInputBox-53d1f66d.js';
-import '../../OrLabel-49398089.js';
+import '../../OrInputBox-5c4b3104.js';
+import '../../OrInputBox.vue_rollup-plugin-vue_script-4ba46db4.js';
+import '../../OrLabel-0945a4d9.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-empty-state-v3/index.js

@@ -1,3 +1,3 @@
-export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../../OrEmptyState-ab1a044d.js';
+export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../../OrEmptyState-2481f13f.js';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-error-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrErrorTagV3 } from '../../OrErrorTag-32ba5c0c.js';
+export { _ as OrErrorTagV3 } from '../../OrErrorTag-7cd5dc68.js';
 import 'vue-demi';
 import '../../OrIcon-c434985a.js';
 import '../../normalize-component-6e8e3d80.js';