@onereach/ui-components 10.2.1-beta.4275.0 → 10.2.1-beta.4276.0

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

@@ -8,7 +8,7 @@ export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButt
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButtonV3-9bd422c8.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-8ddb17cf.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-b9d360ef.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-a0e51677.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';
@@ -81,7 +81,7 @@ export { s as OrRadioV3 } from './OrRadioV3-5a26c6bb.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-5bd9e6d4.js';
 export { s as OrRatingV3 } from './OrRatingV3-82a538ca.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-2c3a5c8b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-45e64a85.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-358d7df2.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-de9f3667.js';

package/dist/bundled/v3/index.js

@@ -4,7 +4,7 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-58d863a6.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-8ddb17cf.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-b9d360ef.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-bf07c754.js';
@@ -44,7 +44,7 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-5bd9e6d4.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-82a538ca.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-45e64a85.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-358d7df2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-de9f3667.js';
 export { s as OrSelect } from './components/OrSelect-c7bcf79e.js';
 export { s as OrSelectV3 } from './components/OrSelectV3-0451208d.js';

package/dist/esm/v2/{OrCardCollection-e14978d3.js → OrCardCollection-2a2c0b31.js}

@@ -24,7 +24,7 @@ const CardCollection = [
 // Layout
 'layout-column',
 // Box
-'max-h-full',
+'h-full',
 // Spacing
 'gap-md'];
 const CardCollectionToolbar = [
@@ -54,6 +54,9 @@ const CardCollectionContentViews = {
   // Layout
   'grid-cols-1']
 };
+const CardCollectionEmptyContentItem = [
+// Layout
+'layout-column items-center justify-center h-full'];
 
 var script$1 = defineComponent({
   name: 'OrCardCollectionView',
@@ -172,6 +175,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
+    const emptyContainerStyles = computed(() => [...CardCollectionEmptyContentItem]);
     // State
     const proxyView = ref(props.view);
     const proxySearch = ref(props.search);
@@ -200,6 +204,7 @@ var script = defineComponent({
       rootStyles,
       toolbarStyles,
       toolbarPanelStyles,
+      emptyContainerStyles,
       proxyView,
       proxySearch,
       switchView,
@@ -285,15 +290,15 @@ var __vue_render__ = function () {
     })];
   }, null, {
     items: _vm.items
-  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 && !_vm.loading ? _vm._t("noSearchResults", function () {
-    return [_vm._v("\n    No results\n  ")];
-  }, null, {
-    search: _vm.proxySearch
+  }) : _vm._e(), _vm._v(" "), _vm.items.length === 0 || _vm.loading ? _c('div', {
+    class: _vm.emptyContainerStyles
+  }, [_vm.proxySearch.length > 0 && !_vm.loading ? _vm._t("noSearchResults", function () {
+    return [_vm._v("\n      No results\n    ")];
+  }, {
+    "search": _vm.proxySearch
   }) : _vm._e(), _vm._v(" "), _vm.loading ? _vm._t("loading", function () {
-    return [_c('div', {
-      staticClass: "h-full"
-    }, [_c('OrLoader')], 1)];
-  }) : _vm._e()], 2);
+    return [_c('OrLoader')];
+  }) : _vm._e(), _vm._v(" "), _vm.items.length === 0 && _vm.proxySearch.length === 0 && !_vm.loading ? _vm._t("empty") : _vm._e()], 2) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];