@onereach/ui-components 12.0.1 → 12.0.2-beta.4597.0

package/dist/esm/v2/components/or-time-range-picker-v3/OrTimeRangePicker.vue.d.ts

@@ -1,7 +1,7 @@
+import { ReferenceElement } from '@floating-ui/dom';
 import { PropType } from 'vue-demi';
 import { FormatFunction } from '../../types';
 import { DateTimePickerModelValue } from '../or-date-time-picker-v3';
-import { InputBoxSize } from '../or-input-box-v3';
 import { TimeRangePickerModelValue } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -16,9 +16,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -44,10 +52,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -458,9 +462,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    variant: {
+        type: PropType<"styled" | "unstyled" | "embedded">;
+        default: undefined;
+    };
     size: {
         type: PropType<"m" | "s">;
-        default: () => InputBoxSize;
+        default: undefined;
+    };
+    anchor: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
@@ -486,10 +498,6 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -498,9 +506,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
+    anchor: ReferenceElement;
     modelValue: TimeRangePickerModelValue;
     format: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
     locale: string;
+    variant: "styled" | "unstyled" | "embedded";
     size: "m" | "s";
     label: string;
     hint: string;
@@ -508,6 +518,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    disableDefaultStyles: boolean;
 }>;
 export default _default;

package/dist/esm/v2/components/or-time-range-picker-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-f6704269.js';
+export { _ as OrTimeRangePickerV3 } from '../../OrTimeRangePicker-35fd2be5.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '../../TimeFormat-a7f5565b.js';
@@ -12,7 +12,7 @@ import '../../useProxyModelValue-e18f251e.js';
 import '../../useResponsive-491da8c6.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-6bb377cd.js';
+import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-47bce700.js';
 import '../../OrError-b25d782d.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-2fe1157b.js';
@@ -31,8 +31,8 @@ import 'portal-vue';
 import '../../useTheme-dc76b423.js';
 import '../../isPrevented-b1764210.js';
 import '../../isAncestor-2973d4f4.js';
-import '../../OrInputBox-63eaba8b.js';
-import '../../OrInputBox.vue_rollup-plugin-vue_script-0c28da35.js';
+import '../../OrInputBox-49393c02.js';
+import '../../OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
 import '../../OrLabel-bf7e2ea2.js';
 import '../../OrDateTimePickerTimeSelect-9108baaa.js';
 import '../../useTimeMask-a1c090c1.js';

package/dist/esm/v2/index.js

@@ -1,4 +1,4 @@
-export { _ as OrAutocompleteV3 } from './OrAutocomplete-0f1d68bc.js';
+export { _ as OrAutocompleteV3 } from './OrAutocomplete-fbabf052.js';
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-c6732f08.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-bff08217.js';
 export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-3bb9d8e9.js';
@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-5c35e100.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-86f97343.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-1c7a0fe2.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-a91ae887.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-9b5928f0.js';
@@ -25,23 +25,23 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-7adb25bb.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-faf9e1b7.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { _ as OrCollapse } from './OrCollapse-8f62d508.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-b381a65b.js';
-export { _ as OrCombinedInputV3 } from './OrCombinedInput-1b289d7e.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-da2fc9f0.js';
 export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-ffce952b.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5994da81.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-a3d2d57f.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-1f5e8977.js';
-export { _ as OrDateFormatV3 } from './OrDateFormat-cd175fa7.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-76d56f6a.js';
-export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-304fa73e.js';
-export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-4404c18f.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-8240c142.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-4434e617.js';
+export { _ as OrDateFormatV3 } from './OrDateFormat-2ff9c3f0.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-4f0cb374.js';
+export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-f46faeae.js';
+export { _ as OrDateTimeFormatV3 } from './OrDateTimeFormat-ab9f775e.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-8c803b4f.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-0883505e.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c3996f3a.js';
 export { _ as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-9108baaa.js';
 export { f as formatDate, a as formatTime } from './formatTime-3f37a00f.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-e5a478c3.js';
@@ -68,9 +68,9 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-2de1
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-39be2a6b.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-5a967afa.js';
 export { _ as OrInput } from './OrInput-3999ffd3.js';
-export { _ as OrInputBoxV3 } from './OrInputBox-63eaba8b.js';
-export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-0c28da35.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-a2a68ebf.js';
+export { _ as OrInputBoxV3 } from './OrInputBox-49393c02.js';
+export { I as InputBoxDirection, b as InputBoxSize, a as InputBoxVariant } from './OrInputBox.vue_rollup-plugin-vue_script-b5033d84.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-ea80d121.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-bf7e2ea2.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-30283089.js';
@@ -103,13 +103,13 @@ export { _ as OrRadioV3 } from './OrRadio-c866dfc1.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-58dad70b.js';
 export { _ as OrRatingV3, R as RatingVariant } from './OrRating-7c968949.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-4069d595.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-a1c8c597.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-71fb65c1.js';
 export { _ as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltip-e6beacf4.js';
 export { _ as OrSearch } from './OrSearch-9c4cd6ca.js';
-export { _ as OrSearchV3 } from './OrSearch-6adbe721.js';
+export { _ as OrSearchV3 } from './OrSearch-e837ee15.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-047e2414.js';
 export { _ as OrSelect } from './OrSelect-1df35160.js';
-export { _ as OrSelectV3 } from './OrSelect-220163e9.js';
+export { _ as OrSelectV3 } from './OrSelect-c0bba2e8.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { _ as OrSidebarV3, S as SidebarPlacement } from './props-2df9b376.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -133,18 +133,18 @@ export { _ as OrTabV3 } from './OrTab-a878c950.js';
 export { _ as OrTabs } from './OrTabs-8805f9cf.js';
 export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-daafbef4.js';
 export { _ as OrTag } from './OrTag-88db9e1f.js';
-export { _ as OrTagInputV3 } from './OrTagInput-5df1d3d8.js';
+export { _ as OrTagInputV3 } from './OrTagInput-dac21a98.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-33e99a7d.js';
 export { _ as OrTagsV3, T as TagsOverflow } from './OrTags-34f79b9a.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-cab6adea.js';
 export { _ as OrTextarea } from './OrTextarea-62ad6213.js';
-export { _ as OrTextareaV3 } from './OrTextarea-5ec883cd.js';
+export { _ as OrTextareaV3 } from './OrTextarea-899e5220.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-45f6d684.js';
-export { _ as OrTimeFormatV3 } from './OrTimeFormat-34f2e911.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-5a117ceb.js';
-export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-f6704269.js';
+export { _ as OrTimeFormatV3 } from './OrTimeFormat-d43b747d.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-3707cf6e.js';
+export { _ as OrTimeRangePickerV3 } from './OrTimeRangePicker-35fd2be5.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-f19da911.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-a1f907bc.js';
 export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-1c26b2b7.js';
@@ -201,7 +201,7 @@ import '@vueuse/math';
 import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
 import './styles-6d6a5cbe.js';
 import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
-import './OrDateTimePicker.vue_rollup-plugin-vue_script-6bb377cd.js';
+import './OrDateTimePicker.vue_rollup-plugin-vue_script-47bce700.js';
 import 'lodash/padStart';
 import './OrEditorTabsItem-cd2439b9.js';
 import '@floating-ui/dom';

package/dist/esm/v3/{OrAutocomplete-58099d19.js → OrAutocomplete-74872096.js}

@@ -13,12 +13,12 @@ import { u as useValidationAttributes } from './useValidationAttributes-257954f3
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
 import { s as script$3 } from './OrIconButton-5a508869.js';
-import { s as script$4, b as InputBoxSize } from './OrInputBox-de16d7ec.js';
+import { s as script$4, a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { s as script$6 } from './OrLoader-5e2f359b.js';
 import { s as script$7 } from './OrMenuItem-6caf8844.js';
 import { s as script$8 } from './OrPopover-0daeba14.js';
-import { s as script$9 } from './OrTagInput-c2cb0107.js';
+import { s as script$9 } from './OrTagInput-8e53511e.js';
 import { T as TagsOverflow } from './OrTags-89785e44.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createSlots, createElementVNode, mergeProps, createVNode, Fragment, renderList, withDirectives, vShow } from 'vue';
 
@@ -91,9 +91,13 @@ var script = defineComponent({
       type: String,
       default: () => TagsOverflow.Hidden
     },
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
     },
     label: {
       type: String,
@@ -127,10 +131,6 @@ var script = defineComponent({
       type: Boolean,
       default: false
     },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    },
     enableClear: {
       type: Boolean,
       default: false
@@ -152,7 +152,7 @@ var script = defineComponent({
     });
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete]);
+    const rootStyles = computed(() => ['or-autocomplete-v3', ...Autocomplete, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const tagInput = ref();
     const tagInputRoot = computed(() => {
       var _a;
@@ -285,13 +285,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     modelValue: _ctx.model,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.model = $event),
     overflow: _ctx.overflow,
+    variant: _ctx.variant,
     placeholder: _ctx.placeholder,
     error: !!_ctx.error,
     loading: _ctx.loading,
     required: _ctx.required,
     readonly: _ctx.readonly,
     disabled: _ctx.disabled,
-    "disable-default-styles": _ctx.disableDefaultStyles,
     "enable-clear": _ctx.enableClear,
     onInput: _cache[1] || (_cache[1] = $event => _ctx.onInput($event))
   }, {
@@ -301,11 +301,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       item: item
     }, () => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["modelValue", "overflow", "placeholder", "error", "loading", "required", "readonly", "disabled", "disable-default-styles", "enable-clear"])) : (openBlock(), createBlock(_component_OrInputBox, {
+  }, 8 /* PROPS */, ["modelValue", "overflow", "variant", "placeholder", "error", "loading", "required", "readonly", "disabled", "enable-clear"])) : (openBlock(), createBlock(_component_OrInputBox, {
     key: 2,
     ref: 'inputBox',
     class: normalizeClass([_ctx.popoverState === 'open' && (_ctx.popover && _ctx.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0')]),
-    variant: _ctx.disableDefaultStyles ? 'unstyled' : 'styled',
+    variant: _ctx.variant,
     size: _ctx.size,
     invalid: !!_ctx.error,
     readonly: _ctx.readonly,

package/dist/esm/v3/{OrCardCollection-9b6f0d65.js → OrCardCollection-cd534916.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-5a508869.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
-import { s as script$4 } from './OrSearch-bb53ad38.js';
+import { s as script$4 } from './OrSearch-b7a558ef.js';
 import { s as script$3 } from './OrSorting-9744f44c.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, mergeProps, withCtx } from 'vue';
 

package/dist/esm/v3/{OrCode-fd47c296.js → OrCode-73a17bd1.js}

@@ -15,7 +15,7 @@ import { s as script$7 } from './OrIconButton-5a508869.js';
 import { s as script$6 } from './OrModal-4da45f04.js';
 import { s as script$2 } from './OrError-331220bc.js';
 import { s as script$3 } from './OrHint-262c8217.js';
-import { s as script$4 } from './OrInputBox-de16d7ec.js';
+import { s as script$4 } from './OrInputBox-2f33498c.js';
 import { s as script$5 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, withDirectives, createBlock, vShow, createCommentVNode, withModifiers, createSlots } from 'vue';
 

package/dist/esm/v3/{OrCombinedInput-76eb75ad.js → OrCombinedInput-75b556fa.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrError-331220bc.js';
 import { s as script$2 } from './OrHint-262c8217.js';
-import { b as InputBoxSize } from './OrInputBox-de16d7ec.js';
+import { a as InputBoxVariant } from './OrInputBox-2f33498c.js';
 import { s as script$3 } from './OrLabel-4abbce6e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
@@ -32,9 +32,13 @@ var script = defineComponent({
     OrLabel: script$3
   },
   props: {
+    variant: {
+      type: String,
+      default: undefined
+    },
     size: {
       type: String,
-      default: () => InputBoxSize.M
+      default: undefined
     },
     label: {
       type: String,
@@ -59,17 +63,13 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
     }
   },
-  setup() {
+  setup(props) {
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput, ...(props.variant === InputBoxVariant.Embedded ? ['grow'] : [])]);
     const controlGroup = computed(() => [...CombinedInputControlGroup]);
     return {
       root,
@@ -98,12 +98,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
     class: normalizeClass(_ctx.controlGroup)
   }, [renderSlot(_ctx.$slots, "default", {
+    variant: _ctx.variant,
     size: _ctx.size,
     error: !!_ctx.error,
     required: _ctx.required,
     readonly: _ctx.readonly,
-    disabled: _ctx.disabled,
-    disableDefaultStyles: _ctx.disableDefaultStyles
+    disabled: _ctx.disabled
   })], 2 /* CLASS */), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled

package/dist/esm/v3/{OrConfirm-c6485f6a.js → OrConfirm-beae75d5.js}

@@ -7,7 +7,7 @@ import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, a as ButtonColor } from './OrButton-31bcb511.js';
-import { s as script$3 } from './OrInput-74cd099c.js';
+import { s as script$3 } from './OrInput-6b60bf4a.js';
 import { s as script$1 } from './OrOverlay-97c94f0b.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDataGrid-0a733752.js → OrDataGrid-3bcf9c6f.js}

@@ -1,11 +1,11 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrCheckbox-e353ee89.js';
 import { s as script$g } from './OrPagination-b1b95685.js';
-import { s as script$h } from './OrSearch-bb53ad38.js';
+import { s as script$h } from './OrSearch-b7a558ef.js';
 import './OrSkeletonCircle-a3eb5f53.js';
 import './OrSkeletonRect-d0b8b2cf.js';
 import { s as script$i } from './OrSkeletonText-5e9579c1.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-993e4fb0.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-7435af23.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [
@@ -64,7 +64,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue'],
+  emits: ['update:modelValue', 'update:item'],
   expose: ['root'],
   setup(props, context) {
     // Refs & Styles
@@ -270,7 +270,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, {
           default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableContentCell, {
             key: 0,
-            truncate: false
+            override: true
           }, {
             default: withCtx(() => [createVNode(_component_OrSkeletonText)]),
             _: 1 /* STABLE */
@@ -279,7 +279,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               key: column.name,
               column: column,
               features: _ctx.features,
-              truncate: false
+              override: true
             }, {
               default: withCtx(() => [createVNode(_component_OrSkeletonText)]),
               _: 2 /* DYNAMIC */
@@ -296,7 +296,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           selected: _ctx.selectingModel.includes(item.id)
         }, {
           default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableContentCell, {
-            key: 0
+            key: 0,
+            "force-state": 'none'
           }, {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
@@ -307,6 +308,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, 1024 /* DYNAMIC_SLOTS */)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
             return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
               key: column.name,
+              modelValue: item[column.name],
+              "onUpdate:modelValue": [$event => item[column.name] = $event, $event => _ctx.$emit('update:item', item)],
               column: column,
               features: _ctx.features
             }, {
@@ -315,7 +318,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 item: item
               }, () => [createTextVNode(toDisplayString(item[column.name]), 1 /* TEXT */)])]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["column", "features"]);
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "column", "features"]);
           }), 128 /* KEYED_FRAGMENT */))]),
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "selected"]);