@onereach/ui-components 16.3.0-beta.4844.0 → 16.3.0-beta.4846.0

package/dist/bundled/v2/{OrDataGrid-f1d5686a.js → OrDataGrid-ae5daa18.js}

@@ -3,14 +3,14 @@ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import __vue_component__$t from './components/OrCheckboxV3/OrCheckbox.js';
 import __vue_component__$u from './components/OrDatePickerV3/OrDatePicker.js';
 import __vue_component__$v from './components/OrDateTimePickerV3/OrDateTimePicker.js';
-import { _ as __vue_component__$w } from './OrInput-873ac2db.js';
+import { _ as __vue_component__$w } from './OrInput-530b6e30.js';
 import __vue_component__$x from './components/OrRatingV3/OrRating.js';
 import __vue_component__$y from './components/OrSelectV3/OrSelect.js';
 import __vue_component__$z from './components/OrSwitchV3/OrSwitch.js';
 import __vue_component__$A from './components/OrTagInputV3/OrTagInput.js';
 import __vue_component__$B from './components/OrTimePickerV3/OrTimePicker.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
-import { d as useElementSize } from './index-a7c3000c.js';
+import { d as useElementSize } from './index-3e6ec278.js';
 import __vue_component__$C from './components/OrIconV3/OrIcon.js';
 import { DataGrid } from './components/OrDataGridV3/styles.js';
 import __vue_component__$D from './components/OrPaginationV3/OrPagination.js';

package/dist/bundled/v2/{OrInlineInput-60c7d3b8.js → OrInlineInput-93080f5b.js}

@@ -142,7 +142,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-00c25e8e]{min-width:0;background:0 0;outline:0}input[type=number][data-v-00c25e8e]::-webkit-inner-spin-button{display:none}input[type=search][data-v-00c25e8e]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-f607fecc]{min-width:0;background:0 0;outline:0}input[type=number][data-v-f607fecc]::-webkit-inner-spin-button{display:none}input[type=search][data-v-f607fecc]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -156,11 +156,12 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['layout-row', 'gap-sm+']
+    class: ['layout-row', 'gap-sm']
   }, [_c('OrInlineInputBox', {
     attrs: {
       "size": _vm.size,
-      "invalid": !!_vm.error
+      "invalid": !!_vm.error,
+      "activated": _vm.activated
     }
   }, [_c('input', _vm._b({
     directives: [{
@@ -269,7 +270,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-00c25e8e";
+const __vue_scope_id__ = "data-v-f607fecc";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrRichTooltip-949e851e.js → OrRichTooltip-9b491945.js}

@@ -1,4 +1,4 @@
-import { u as useElementHover } from './index-a7c3000c.js';
+import { u as useElementHover } from './index-3e6ec278.js';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { RichTooltip, RichTooltipPopover, RichTooltipHeader, RichTooltipContent, RichTooltipFooter } from './components/OrRichTooltipV3/styles.js';
 import __vue_component__$1 from './components/OrPopoverV3/OrPopover.js';

package/dist/bundled/v2/components/OrAutocompleteV3/OrAutocomplete.js

@@ -1,4 +1,4 @@
-import { c as computedAsync } from '../../index-a7c3000c.js';
+import { c as computedAsync } from '../../index-3e6ec278.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Autocomplete, AutocompleteControl, AutocompleteDropdown, AutocompleteDropdownFlipped, AutocompleteDropdownDefault, AutocompleteDropdownItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { v as usePointerSwipe } from '../../../index-a7c3000c.js';
+import { v as usePointerSwipe } from '../../../index-3e6ec278.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCode/OrCode.js

@@ -1,6 +1,6 @@
 import { b as basicSetup, i as indentWithTab } from '../../index-c02a540c.js';
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-1ddfb541.js';
-import { u as useElementHover } from '../../index-a7c3000c.js';
+import { u as useElementHover } from '../../index-3e6ec278.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

package/dist/bundled/v2/components/OrColorPicker/OrColorPicker.js

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

package/dist/bundled/v2/components/OrConfirm/OrConfirm.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-a7c3000c.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-3e6ec278.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,11 +1,11 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-a7c3000c.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-3e6ec278.js';
 import { l as logicAnd } from '../../index-fb642013.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';
 import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes, ConfirmFooterButtons } from './styles.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
-import { _ as __vue_component__$3 } from '../../OrInput-873ac2db.js';
+import { _ as __vue_component__$3 } from '../../OrInput-530b6e30.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-279e78b9.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-f1d5686a.js';
+export { _ as default } from '../../OrDataGrid-ae5daa18.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/index.js

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-f1d5686a.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-ae5daa18.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-aad53d8e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fe5a20bf.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,8 +8,8 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-aad53d8e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fe5a20bf.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-945b6452.js';

package/dist/bundled/v2/components/OrDateTimePicker/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-07958ae2.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-a6392908.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-aad53d8e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fe5a20bf.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-12eb44b2.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3d6be224.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f2229bf8.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d075f623.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-aad53d8e.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-fe5a20bf.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-12eb44b2.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';

package/dist/bundled/v2/components/OrDrawerV3/OrDrawer.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-a7c3000c.js';
+import { o as onClickOutside, e as useSwipe, S as SwipeDirection } from '../../index-3e6ec278.js';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { D as DrawerPlacement, a as Drawer, b as DrawerPlacements, c as DrawerPadding, d as DrawerContent } from '../../styles-a2de655c.js';
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';

package/dist/bundled/v2/components/OrEditorTabsV3/OrEditorTabs.js

@@ -1,4 +1,4 @@
-import { f as useScroll } from '../../index-a7c3000c.js';
+import { f as useScroll } from '../../index-3e6ec278.js';
 import { defineComponent, ref, computed, isVue2, toRef, watch } from 'vue-demi';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputBoxV3/OrInlineInputBox.js

@@ -13,6 +13,10 @@ var script = defineComponent({
     invalid: {
       type: Boolean,
       default: false
+    },
+    activated: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ['root'],
@@ -40,7 +44,8 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles,
     attrs: {
-      "invalid": _vm.invalid
+      "invalid": _vm.invalid,
+      "activated": _vm.activated
     }
   }, [_vm._t("default")], 2);
 };

package/dist/bundled/v2/components/OrInlineInputBoxV3/OrInlineInputBox.vue.d.ts

@@ -2,27 +2,36 @@ import { PropType } from 'vue-demi';
 import { InlineInputBoxSize } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"l" | "m" | "s">;
         default: () => InlineInputBoxSize;
     };
     invalid: {
         type: BooleanConstructor;
         default: boolean;
     };
+    activated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"l" | "m" | "s">;
         default: () => InlineInputBoxSize;
     };
     invalid: {
         type: BooleanConstructor;
         default: boolean;
     };
+    activated: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    size: "m" | "s";
+    size: "l" | "m" | "s";
     invalid: boolean;
+    activated: boolean;
 }>;
 export default _default;

package/dist/bundled/v2/components/OrInlineInputBoxV3/props.d.ts

@@ -1,4 +1,5 @@
 export declare enum InlineInputBoxSize {
+    L = "l",
     M = "m",
     S = "s"
 }

package/dist/bundled/v2/components/OrInlineInputBoxV3/props.js

@@ -1,5 +1,6 @@
 var InlineInputBoxSize;
 (function (InlineInputBoxSize) {
+  InlineInputBoxSize["L"] = "l";
   InlineInputBoxSize["M"] = "m";
   InlineInputBoxSize["S"] = "s";
 })(InlineInputBoxSize || (InlineInputBoxSize = {}));

package/dist/bundled/v2/components/OrInlineInputBoxV3/styles.js

@@ -1,23 +1,40 @@
+import { InlineInputBoxSize } from './props.js';
+
 const InlineInputBox = [
 // Layout
 'layout-row',
 // Box
-'w-full',
+'w-full', 'box-border',
 // Shape
 'rounded-sm',
 // Theme
-'border-solid', 'border-1', 'border-transparent', 'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:bg-primary-opacity-0-08', 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:invalid:bg-error-opacity-0-08', 'enabled:invalid:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:text-on-background', 'enabled:invalid:dark:text-on-background-dark', 'enabled:invalid:border-error', 'enabled:invalid:dark:border-error-dark', 'enabled:invalid:hover:bg-error-opacity-0-12', 'enabled:invalid:hover:dark:bg-error-opacity-0-12-dark', 'enabled:invalid:focus-within:bg-error-opacity-0-08', 'enabled:invalid:focus-within:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
+// Border
+'border-solid', 'border-1', 'border-transparent', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark',
+// Outline
+'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark',
+// Background
+'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark',
+// 'enabled:valid:focus-within:bg-primary-opacity-0-08',
+// 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark',
+'enabled:valid:activated:bg-primary-opacity-0-08', 'enabled:valid:activated:dark:bg-primary-opacity-0-08-dark', 'enabled:invalid:bg-error-opacity-0-08', 'enabled:invalid:dark:bg-error-opacity-0-08-dark',
+// Text
+'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
 const InlineInputBoxSizes = {
-  'm': [
+  [InlineInputBoxSize.L]: [
   // Spacing
-  'activated:children:px-sm', 'children:py-xs', 'gap-md',
+  'children:py-xs*', 'activated:children:px-sm', 'gap-md',
   // Typography
   'typography-headline-2'],
-  's': [
+  [InlineInputBoxSize.M]: [
+  // Spacing
+  'children:py-xs*', 'activated:children:px-sm', 'gap-md',
+  // Typography
+  'typography-body-2-regular'],
+  [InlineInputBoxSize.S]: [
   // Spacing
-  'activated:children:px-sm', 'children:py-0', 'gap-md',
+  'activated:children:px-xs', 'children:py-0', 'gap-md',
   // Typography
-  'typography-body-2-regular']
+  'typography-body-2-regular', 'leading-[23px] md:leading-[19px]']
 };
 
 export { InlineInputBox, InlineInputBoxSizes };

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInlineInput-60c7d3b8.js';
+export { _ as default } from '../../OrInlineInput-93080f5b.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => InlineInputType;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"l" | "m" | "s">;
         default: () => InlineInputBoxSize;
     };
     placeholder: {
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => InlineInputType;
     };
     size: {
-        type: PropType<"m" | "s">;
+        type: PropType<"l" | "m" | "s">;
         default: () => InlineInputBoxSize;
     };
     placeholder: {
@@ -101,7 +101,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     modelValue: InlineInputModelValue;
     type: "number" | "text";
-    size: "m" | "s";
+    size: "l" | "m" | "s";
     placeholder: string;
     hint: string;
     error: string | boolean;

package/dist/bundled/v2/components/OrInlineInputV3/index.js

@@ -1 +1 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-60c7d3b8.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-93080f5b.js';

package/dist/bundled/v2/components/OrInlineInputV3/styles.js

@@ -16,13 +16,16 @@ const InlineInputAction = [
 // Layout
 'layout-inline-row self-start',
 // Spacing
-'gap-sm+',
+'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 const InlineInputActionSizes = {
-  [InlineInputBoxSize.M]: [
+  [InlineInputBoxSize.L]: [
   // Spacing
   'px-0', 'py-sm'],
+  [InlineInputBoxSize.M]: [
+  // Spacing
+  'px-0', 'py-xs'],
   [InlineInputBoxSize.S]: [
   // Spacing
   'px-0', 'py-xs*']

package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { g as useVModel } from '../../index-a7c3000c.js';
+import { g as useVModel } from '../../index-3e6ec278.js';
 import { n as setStyle, r as requestAF, t as getCS, b as reflow, c as cancelAF } from '../../dom-59fe0ee3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -1,5 +1,6 @@
 import { defineComponent, reactive, ref, computed, toRef, watch, nextTick } from 'vue-demi';
 import { InlineTextarea, InlineTextareaControl, InlineTextareaAction } from './styles.js';
+import { h as useTextareaAutosize } from '../../index-3e6ec278.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconButtonV3/OrIconButton.js';
@@ -60,7 +61,9 @@ var script = defineComponent({
     const controlStyles = computed(() => [...InlineTextareaControl]);
     const actionStyles = computed(() => [...InlineTextareaAction]);
     // State
-    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
+      defaultValue: ref('')
+    });
     const draft = ref(model.value);
     watch(model, value => {
       draft.value = value;
@@ -105,6 +108,10 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
+    useTextareaAutosize({
+      element: control,
+      input: draft
+    });
     return {
       attributes,
       root,
@@ -127,7 +134,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-a0609326]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-cb69e98e]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -141,21 +148,18 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
-    class: ['layout-row', 'gap-sm+']
+    class: ['layout-row', 'gap-sm']
   }, [_c('OrInlineInputBox', {
     attrs: {
-      "size": 's',
-      "invalid": !!_vm.error
+      "invalid": !!_vm.error,
+      "activated": _vm.activated
     }
   }, [_c('textarea', _vm._b({
     directives: [{
       name: "model",
-      rawName: "v-model.trim",
+      rawName: "v-model",
       value: _vm.draft,
-      expression: "draft",
-      modifiers: {
-        "trim": true
-      }
+      expression: "draft"
     }],
     ref: 'control',
     class: _vm.controlStyles,
@@ -171,7 +175,7 @@ var __vue_render__ = function () {
         if ($event.target.composing) {
           return;
         }
-        _vm.draft = $event.target.value.trim();
+        _vm.draft = $event.target.value;
       }, function ($event) {
         return _vm.$emit('input', $event);
       }],
@@ -185,12 +189,10 @@ var __vue_render__ = function () {
         _vm.$emit('focus', $event);
         _vm.onFocus();
       },
-      "blur": [function ($event) {
+      "blur": function ($event) {
         _vm.$emit('blur', $event);
         _vm.onBlur();
-      }, function ($event) {
-        return _vm.$forceUpdate();
-      }]
+      }
     }
   }, 'textarea', _vm.attributes, false))]), _vm._v(" "), _vm.activated && !_vm.saveOnBlur ? [_c('div', {
     class: _vm.actionStyles
@@ -253,7 +255,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a0609326";
+const __vue_scope_id__ = "data-v-cb69e98e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.vue.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     control: import("vue-demi").Ref<HTMLTextAreaElement | undefined>;
     controlStyles: import("vue-demi").ComputedRef<string[]>;
     actionStyles: import("vue-demi").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<InlineTextareaModelValue>;
-    draft: import("vue-demi").Ref<InlineTextareaModelValue>;
+    model: import("../../hooks").UseProxyModelValueReturn<string>;
+    draft: import("vue-demi").Ref<string>;
     activated: import("vue-demi").Ref<boolean>;
     length: import("vue-demi").ComputedRef<number>;
     maxLength: import("vue-demi").ComputedRef<number | undefined>;

package/dist/bundled/v2/components/OrInlineTextareaV3/styles.js

@@ -9,12 +9,14 @@ const InlineTextareaControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Behavior
+'resize-none'];
 const InlineTextareaAction = [
 // Layout
 'layout-inline-row self-start',
 // Spacing
-'px-0', 'py-sm', 'gap-sm+',
+'px-0', 'py-sm*', 'gap-sm',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrInput-873ac2db.js';
+export { _ as default } from '../../OrInput-530b6e30.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrInputV3/index.js

@@ -1 +1 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-873ac2db.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-530b6e30.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-ba17ecec.js';
+export { _ as default } from '../../OrList-3182a6ef.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-ba17ecec.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-3182a6ef.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { d as useElementSize } from '../../index-a7c3000c.js';
+import { d as useElementSize } from '../../index-3e6ec278.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrMenuItemV3/OrMenuItem.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as useIntersectionObserver } from '../../index-a7c3000c.js';
+import { n as useIntersectionObserver } from '../../index-3e6ec278.js';
 import { MenuItem } from './styles.js';
 import __vue_component__$1 from '../OrIconV3/OrIcon.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-a7c3000c.js';
-import { u as useFocusTrap } from '../../useFocusTrap-167d864e.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
+import { u as useFocusTrap } from '../../useFocusTrap-41e2169e.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { p as useScrollLock } from '../../index-a7c3000c.js';
+import { p as useScrollLock } from '../../index-3e6ec278.js';
 import { defineComponent, ref, computed, isVue2 } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { g as useVModel } from '../../index-a7c3000c.js';
+import { g as useVModel } from '../../index-3e6ec278.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-add55b8c.js';
-import { o as onClickOutside } from '../../index-a7c3000c.js';
+import { o as onClickOutside } from '../../index-3e6ec278.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';