@onereach/ui-components 11.11.2-beta.4501.0 → 11.11.2-beta.4502.0

package/dist/bundled/v2/{OrDataGrid-7c124b7a.js → OrDataGrid-72f642cb.js}

@@ -1,12 +1,10 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import __vue_component__$t from './components/OrIconV3/OrIcon.js';
-import { isArray } from './utils/isArray.js';
+import __vue_component__$r from './components/OrIconV3/OrIcon.js';
 import { DataGrid } from './components/OrDataGridV3/styles.js';
-import __vue_component__$u from './components/OrCheckboxV3/OrCheckbox.js';
-import __vue_component__$v from './components/OrPaginationV3/OrPagination.js';
-import __vue_component__$w from './components/OrSearchV3/OrSearch.js';
-import __vue_component__$x from './components/OrSkeletonTextV3/OrSkeletonText.js';
+import __vue_component__$s from './components/OrCheckboxV3/OrCheckbox.js';
+import __vue_component__$t from './components/OrPaginationV3/OrPagination.js';
+import __vue_component__$u from './components/OrSearchV3/OrSearch.js';
 
 const DataGridFooter = [
 // Layout
@@ -23,7 +21,7 @@ const DataGridFooterStatus = [
 // Typography
 'typography-body-2-semibold'];
 
-var script$e = defineComponent({
+var script$d = defineComponent({
   name: 'OrDataGridFooter',
   expose: ['root'],
   setup() {
@@ -40,10 +38,10 @@ var script$e = defineComponent({
 });
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$d = script$d;
 
 /* template */
-var __vue_render__$e = function () {
+var __vue_render__$d = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -56,27 +54,27 @@ var __vue_render__$e = function () {
     class: ['grow']
   })] : _vm._e(), _vm._v(" "), _vm._t('paging')], 2);
 };
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 
 /* style */
-const __vue_inject_styles__$e = undefined;
+const __vue_inject_styles__$d = undefined;
 /* scoped */
-const __vue_scope_id__$e = undefined;
+const __vue_scope_id__$d = undefined;
 /* module identifier */
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$d = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$r = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
-var __vue_component__$s = __vue_component__$r;
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+var __vue_component__$q = __vue_component__$p;
 
 const DataGridHeader = [
 // Layout
@@ -89,7 +87,7 @@ const DataGridHeaderTitle = [
 // Typography
 'typography-headline-2'];
 
-var script$d = defineComponent({
+var script$c = defineComponent({
   name: 'OrDataGridHeader',
   expose: ['root'],
   setup() {
@@ -106,10 +104,10 @@ var script$d = defineComponent({
 });
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$c = script$c;
 
 /* template */
-var __vue_render__$d = function () {
+var __vue_render__$c = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -122,39 +120,41 @@ var __vue_render__$d = function () {
     class: ['grow']
   })] : _vm._e(), _vm._v(" "), _vm._t('searching')], 2);
 };
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$c = [];
 
 /* style */
-const __vue_inject_styles__$d = undefined;
+const __vue_inject_styles__$c = undefined;
 /* scoped */
-const __vue_scope_id__$d = undefined;
+const __vue_scope_id__$c = undefined;
 /* module identifier */
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$c = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
-var __vue_component__$q = __vue_component__$p;
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
+var __vue_component__$o = __vue_component__$n;
 
 const DataGridTableContentCell = [
 // Layout
 'layout-row',
 // Spacing
 'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap',
 // Theme (.sticky-start)
 '[&.sticky-start]:theme-border-disabled [&.sticky-start:not(:last-child)]:border-e-1', 'dark:[&.sticky-start]:theme-border-disabled-dark',
 // Theme (.sticky-end)
 '[&.sticky-end]:theme-border-disabled [&.sticky-end:not(:first-child)]:border-s-1', 'dark:[&.sticky-end]:theme-border-disabled-dark'];
 
-var script$c = defineComponent({
+var script$b = defineComponent({
   name: 'OrDataGridTableContentCell',
   props: {
     column: {
@@ -164,10 +164,6 @@ var script$c = defineComponent({
     features: {
       type: Object,
       default: undefined
-    },
-    truncate: {
-      type: Boolean,
-      default: true
     }
   },
   expose: ['root'],
@@ -215,10 +211,10 @@ var script$c = defineComponent({
 });
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$b = script$b;
 
 /* template */
-var __vue_render__$c = function () {
+var __vue_render__$b = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -226,31 +222,29 @@ var __vue_render__$c = function () {
     ref: 'root',
     class: _vm.rootStyles,
     style: _vm.rootInlineStyles
-  }, [_vm.truncate ? [_c('div', {
-    class: ['truncate']
-  }, [_vm._t("default")], 2)] : [_vm._t("default")]], 2);
+  }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$b = [];
 
 /* style */
-const __vue_inject_styles__$c = undefined;
+const __vue_inject_styles__$b = undefined;
 /* scoped */
-const __vue_scope_id__$c = undefined;
+const __vue_scope_id__$b = undefined;
 /* module identifier */
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$b = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
-var __vue_component__$o = __vue_component__$n;
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+var __vue_component__$m = __vue_component__$l;
 
 var DataGridVariant;
 (function (DataGridVariant) {
@@ -261,7 +255,7 @@ var DataGridVariant;
 
 const DataGridTableContentRow = [
 // Layout
-'grid grid-cols-[subgrid] col-span-full',
+'grid col-span-full grid-cols-[subgrid]',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -286,7 +280,7 @@ const DataGridTableContentRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$b = defineComponent({
+var script$a = defineComponent({
   name: 'OrDataGridTableContentRow',
   props: {
     variant: {
@@ -311,10 +305,10 @@ var script$b = defineComponent({
 });
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$a = script$a;
 
 /* template */
-var __vue_render__$b = function () {
+var __vue_render__$a = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -326,33 +320,33 @@ var __vue_render__$b = function () {
     }
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$a = [];
 
 /* style */
-const __vue_inject_styles__$b = undefined;
+const __vue_inject_styles__$a = undefined;
 /* scoped */
-const __vue_scope_id__$b = undefined;
+const __vue_scope_id__$a = undefined;
 /* module identifier */
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
-var __vue_component__$m = __vue_component__$l;
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
+var __vue_component__$k = __vue_component__$j;
 
 const DataGridTableContent = [
 // Layout
 'contents'];
 
-var script$a = defineComponent({
+var script$9 = defineComponent({
   name: 'OrDataGridTableContent',
   expose: ['root'],
   setup() {
@@ -367,10 +361,10 @@ var script$a = defineComponent({
 });
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$9 = script$9;
 
 /* template */
-var __vue_render__$a = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -379,35 +373,37 @@ var __vue_render__$a = function () {
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$9 = [];
 
 /* style */
-const __vue_inject_styles__$a = undefined;
+const __vue_inject_styles__$9 = undefined;
 /* scoped */
-const __vue_scope_id__$a = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
-var __vue_component__$k = __vue_component__$j;
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
+var __vue_component__$i = __vue_component__$h;
 
 const DataGridTableFooterCell = [
 // Layout
 'layout-row',
 // Spacing
-'px-sm+', 'py-0', 'gap-xs'];
+'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap'];
 
-var script$9 = defineComponent({
+var script$8 = defineComponent({
   name: 'OrDataGridTableFooterCell',
   expose: ['root'],
   setup() {
@@ -422,10 +418,10 @@ var script$9 = defineComponent({
 });
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$8 = script$8;
 
 /* template */
-var __vue_render__$9 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -434,31 +430,31 @@ var __vue_render__$9 = function () {
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$8 = [];
 
 /* style */
-const __vue_inject_styles__$9 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
-const __vue_scope_id__$9 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
-var __vue_component__$i = __vue_component__$h;
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+var __vue_component__$g = __vue_component__$f;
 
 const DataGridTableFooterRow = [
 // Layout
-'grid grid-cols-1',
+'grid col-span-full',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -477,7 +473,7 @@ const DataGridTableFooterRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$8 = defineComponent({
+var script$7 = defineComponent({
   name: 'OrDataGridTableFooterRow',
   props: {
     variant: {
@@ -498,10 +494,10 @@ var script$8 = defineComponent({
 });
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$7 = script$7;
 
 /* template */
-var __vue_render__$8 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -510,33 +506,33 @@ var __vue_render__$8 = function () {
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$7 = [];
 
 /* style */
-const __vue_inject_styles__$8 = undefined;
+const __vue_inject_styles__$7 = undefined;
 /* scoped */
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$7 = undefined;
 /* module identifier */
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$7 = undefined;
 /* functional template */
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$7 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
-var __vue_component__$g = __vue_component__$f;
+const __vue_component__$d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+var __vue_component__$e = __vue_component__$d;
 
 const DataGridTableFooter = [
 // Layout
 'contents'];
 
-var script$7 = defineComponent({
+var script$6 = defineComponent({
   name: 'OrDataGridTableFooter',
   expose: ['root'],
   setup() {
@@ -551,10 +547,10 @@ var script$7 = defineComponent({
 });
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$6 = script$6;
 
 /* template */
-var __vue_render__$7 = function () {
+var __vue_render__$6 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -563,42 +559,44 @@ var __vue_render__$7 = function () {
     class: _vm.rootStyles
   }, [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$7 = [];
+var __vue_staticRenderFns__$6 = [];
 
 /* style */
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$6 = undefined;
 /* scoped */
-const __vue_scope_id__$7 = undefined;
+const __vue_scope_id__$6 = undefined;
 /* module identifier */
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$6 = undefined;
 /* functional template */
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$6 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
-var __vue_component__$e = __vue_component__$d;
+const __vue_component__$b = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+var __vue_component__$c = __vue_component__$b;
 
 const DataGridTableHeaderCell = [
 // Layout
 'layout-row',
 // Spacing
 'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap',
 // Theme (.sticky-start)
 '[&.sticky-start]:theme-border-disabled [&.sticky-start:not(:last-child)]:border-e-1', 'dark:[&.sticky-start]:theme-border-disabled-dark',
 // Theme (.sticky-end)
 '[&.sticky-end]:theme-border-disabled [&.sticky-end:not(:first-child)]:border-s-1', 'dark:[&.sticky-end]:theme-border-disabled-dark'];
 
-var script$6 = defineComponent({
+var script$5 = defineComponent({
   name: 'OrDataGridTableHeaderCell',
   components: {
-    OrIcon: __vue_component__$t
+    OrIcon: __vue_component__$r
   },
   model: {
     prop: 'modelValue',
@@ -616,10 +614,6 @@ var script$6 = defineComponent({
     features: {
       type: Object,
       default: undefined
-    },
-    truncate: {
-      type: Boolean,
-      default: true
     }
   },
   expose: ['root'],
@@ -703,10 +697,10 @@ var script$6 = defineComponent({
 });
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$5 = script$5;
 
 /* template */
-var __vue_render__$6 = function () {
+var __vue_render__$5 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -719,41 +713,39 @@ var __vue_render__$6 = function () {
         return _vm.toggleSorting();
       }
     }
-  }, [_vm.truncate ? [_c('div', {
-    class: ['truncate']
-  }, [_vm._t("default")], 2)] : [_vm._t("default")], _vm._v(" "), _vm.model ? [_c('OrIcon', {
+  }, [_vm._t("default"), _vm._v(" "), _vm.model ? [_c('OrIcon', {
     attrs: {
       "icon": _vm.model.direction === 'asc' ? 'arrow_upward' : 'arrow_downward'
     }
   })] : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$6 = [];
+var __vue_staticRenderFns__$5 = [];
 
 /* style */
-const __vue_inject_styles__$6 = undefined;
+const __vue_inject_styles__$5 = undefined;
 /* scoped */
-const __vue_scope_id__$6 = undefined;
+const __vue_scope_id__$5 = undefined;
 /* module identifier */
-const __vue_module_identifier__$6 = undefined;
+const __vue_module_identifier__$5 = undefined;
 /* functional template */
-const __vue_is_functional_template__$6 = false;
+const __vue_is_functional_template__$5 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$b = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
-var __vue_component__$c = __vue_component__$b;
+const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+var __vue_component__$a = __vue_component__$9;
 
 const DataGridTableHeaderRow = [
 // Position
 'sticky top-0 z-10',
 // Layout
-'grid grid-cols-[subgrid] col-span-full',
+'grid col-span-full grid-cols-[subgrid]',
 // Typography
 'typography-body-2-semibold',
 // Theme (children)
@@ -770,7 +762,7 @@ const DataGridTableHeaderRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$5 = defineComponent({
+var script$4 = defineComponent({
   name: 'OrDataGridTableHeaderRow',
   props: {
     variant: {
@@ -790,59 +782,6 @@ var script$5 = defineComponent({
   }
 });
 
-/* script */
-const __vue_script__$5 = script$5;
-
-/* template */
-var __vue_render__$5 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: 'root',
-    class: _vm.rootStyles
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__$5 = [];
-
-/* style */
-const __vue_inject_styles__$5 = undefined;
-/* scoped */
-const __vue_scope_id__$5 = undefined;
-/* module identifier */
-const __vue_module_identifier__$5 = undefined;
-/* functional template */
-const __vue_is_functional_template__$5 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
-var __vue_component__$a = __vue_component__$9;
-
-const DataGridTableHeader = [
-// Layout
-'contents'];
-
-var script$4 = defineComponent({
-  name: 'OrDataGridTableHeader',
-  expose: ['root'],
-  setup() {
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-data-grid-table-header-v3', ...DataGridTableHeader]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
 /* script */
 const __vue_script__$4 = script$4;
 
@@ -878,40 +817,17 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
 var __vue_component__$8 = __vue_component__$7;
 
-const DataGridTablePlaceholder = [
+const DataGridTableHeader = [
 // Layout
-'layout-row justify-center col-span-full',
-// Spacing
-'px-sm+', 'py-0', 'gap-xs',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-background-default', 'dark:theme-background-default-dark'];
-const DataGridTablePlaceholderVariants = {
-  [DataGridVariant.Standard]: [
-  // Box
-  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]'],
-  [DataGridVariant.Comfortable]: [
-  // Box
-  'min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
-  [DataGridVariant.Compact]: [
-  // Box
-  'min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
-};
+'contents'];
 
 var script$3 = defineComponent({
-  name: 'OrDataGridTablePlaceholder',
-  props: {
-    variant: {
-      type: String,
-      required: true
-    }
-  },
+  name: 'OrDataGridTableHeader',
   expose: ['root'],
-  setup(props) {
+  setup() {
     // Refs & Styles
     const root = ref();
-    const rootStyles = computed(() => ['or-data-grid-table-placeholder-v3', ...DataGridTablePlaceholder, ...DataGridTablePlaceholderVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-data-grid-table-header-v3', ...DataGridTableHeader]);
     return {
       root,
       rootStyles
@@ -982,18 +898,15 @@ var script$2 = defineComponent({
     const rootInlineStyles = computed(() => {
       const gridTemplateColumns = props.columns.map(column => {
         var _a;
-        if (isArray(column.width)) {
-          return `minmax(${column.width[0]}, ${column.width[1]})`;
-        }
         return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto';
-      });
+      }).join(' ');
       if (props.features.selecting) {
         return {
-          gridTemplateColumns: `auto ${gridTemplateColumns.join(' ')}`
+          gridTemplateColumns: `auto ${gridTemplateColumns}`
         };
       }
       return {
-        gridTemplateColumns: gridTemplateColumns.join(' ')
+        gridTemplateColumns
       };
     });
     return {
@@ -1100,24 +1013,22 @@ var __vue_component__$2 = __vue_component__$1;
 var script = defineComponent({
   name: 'OrDataGrid',
   components: {
-    OrCheckbox: __vue_component__$u,
-    OrDataGridFooter: __vue_component__$s,
-    OrDataGridHeader: __vue_component__$q,
+    OrCheckbox: __vue_component__$s,
+    OrDataGridFooter: __vue_component__$q,
+    OrDataGridHeader: __vue_component__$o,
     OrDataGridTable: __vue_component__$4,
-    OrDataGridTableContent: __vue_component__$k,
-    OrDataGridTableContentCell: __vue_component__$o,
-    OrDataGridTableContentRow: __vue_component__$m,
-    OrDataGridTableFooter: __vue_component__$e,
-    OrDataGridTableFooterCell: __vue_component__$i,
-    OrDataGridTableFooterRow: __vue_component__$g,
-    OrDataGridTableHeader: __vue_component__$8,
-    OrDataGridTableHeaderCell: __vue_component__$c,
-    OrDataGridTableHeaderRow: __vue_component__$a,
-    OrDataGridTablePlaceholder: __vue_component__$6,
+    OrDataGridTableContent: __vue_component__$i,
+    OrDataGridTableContentCell: __vue_component__$m,
+    OrDataGridTableContentRow: __vue_component__$k,
+    OrDataGridTableFooter: __vue_component__$c,
+    OrDataGridTableFooterCell: __vue_component__$g,
+    OrDataGridTableFooterRow: __vue_component__$e,
+    OrDataGridTableHeader: __vue_component__$6,
+    OrDataGridTableHeaderCell: __vue_component__$a,
+    OrDataGridTableHeaderRow: __vue_component__$8,
     OrDataGridToolbar: __vue_component__$2,
-    OrPagination: __vue_component__$v,
-    OrSearch: __vue_component__$w,
-    OrSkeletonText: __vue_component__$x
+    OrPagination: __vue_component__$t,
+    OrSearch: __vue_component__$u
   },
   model: {
     prop: 'modelValue',
@@ -1143,10 +1054,6 @@ var script = defineComponent({
     features: {
       type: Object,
       default: () => ({})
-    },
-    loading: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -1312,9 +1219,6 @@ var __vue_render__ = function () {
       "variant": _vm.variant
     }
   }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', [_c('OrCheckbox', {
-    class: {
-      'invisible': _vm.items.length === 0 || _vm.loading
-    },
     attrs: {
       "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
     },
@@ -1340,27 +1244,7 @@ var __vue_render__ = function () {
         expression: "sortingModel"
       }
     }, [_vm._v("\n          " + _vm._s(column.label) + "\n        ")]);
-  })], 2)], 1), _vm._v(" "), _c('OrDataGridTableContent', [_vm.loading ? _vm._l(10, function (n) {
-    return _c('OrDataGridTableContentRow', {
-      key: n,
-      attrs: {
-        "variant": _vm.variant
-      }
-    }, [_vm.features.selecting ? [_c('OrDataGridTableContentCell', {
-      attrs: {
-        "truncate": false
-      }
-    }, [_c('OrSkeletonText')], 1)] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
-      return _c('OrDataGridTableContentCell', {
-        key: column.name,
-        attrs: {
-          "column": column,
-          "features": _vm.features,
-          "truncate": false
-        }
-      }, [_c('OrSkeletonText')], 1);
-    })], 2);
-  }) : _vm.items.length > 0 ? _vm._l(_vm.items, function (item) {
+  })], 2)], 1), _vm._v(" "), _c('OrDataGridTableContent', _vm._l(_vm.items, function (item) {
     return _c('OrDataGridTableContentRow', {
       key: item.id,
       attrs: {
@@ -1386,17 +1270,13 @@ var __vue_render__ = function () {
           "features": _vm.features
         }
       }, [_vm._t(column.name, function () {
-        return [_vm._v("\n              " + _vm._s(item[column.name]) + "\n            ")];
+        return [_vm._v("\n            " + _vm._s(item[column.name]) + "\n          ")];
       }, {
         "column": column,
         "item": item
       })], 2);
     })], 2);
-  }) : _vm.$slots['empty'] ? [_c('OrDataGridTablePlaceholder', {
-    attrs: {
-      "variant": _vm.variant
-    }
-  }, [_vm._t('empty')], 2)] : _vm._e()], 2)], 1), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
+  }), 1)], 1), _vm._v(" "), _vm.$slots['extra-row'] ? [_c('OrDataGridTableFooter', [_c('OrDataGridTableFooterRow', {
     class: ['shrink-0'],
     attrs: {
       "variant": _vm.variant