@onereach/ui-components 8.8.3-beta.3734.0 → 8.8.3

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

@@ -1 +1 @@
-export { _ as default } from '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrAvatar-7bdb7c9d.js';

package/dist/bundled/v2/components/OrAvatar/constants.js

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE } from '../OrAvatar-aa94cbf7.js';
+export { O as OR_AVATAR_SIZE } from '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-aa94cbf7.js';
+export { O as OR_AVATAR_SIZE, _ as OrAvatar } from '../OrAvatar-7bdb7c9d.js';

package/dist/bundled/v2/components/OrAvatarV3/OrAvatar.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrAvatarV3-75e1955d.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrAvatarV3-41658917.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { L as AvatarColor, K as AvatarSize, _ as OrAvatarV3 } from '../OrAvatarV3-75e1955d.js';
+export { L as AvatarColor, K as AvatarSize, _ as OrAvatarV3 } from '../OrAvatarV3-41658917.js';

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

@@ -1 +1 @@
-export { L as AvatarColor, K as AvatarSize } from '../OrAvatarV3-75e1955d.js';
+export { L as AvatarColor, K as AvatarSize } from '../OrAvatarV3-41658917.js';

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

@@ -1 +1 @@
-export { M as Avatar, Q as AvatarColors, O as AvatarIconSizes, N as AvatarSizes, P as AvatarTextSizes } from '../OrAvatarV3-75e1955d.js';
+export { M as Avatar, Q as AvatarColors, O as AvatarIconSizes, N as AvatarSizes, P as AvatarTextSizes } from '../OrAvatarV3-41658917.js';

package/dist/bundled/v2/components/{OrAvatarV3-75e1955d.js → OrAvatarV3-41658917.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrIconV3-75051694.js';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { _ as __vue_component__$1 } from './OrIconV3-98337f2d.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 /**
  *  Generic

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

@@ -1,2 +1,2 @@
-export { Z as default } from '../OrBottomSheetV3-1f68afd8.js';
-import '../OrAvatar-aa94cbf7.js';
+export { Z as default } from '../OrBottomSheetV3-4331a82e.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1,2 +1,2 @@
 import 'vue-demi';
-export { aZ as default } from '../../OrBottomSheetV3-1f68afd8.js';
+export { aZ as default } from '../../OrBottomSheetV3-4331a82e.js';

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

@@ -1 +1 @@
-export { al as BottomSheetVariant, Z as OrBottomSheetV3 } from '../OrBottomSheetV3-1f68afd8.js';
+export { al as BottomSheetVariant, Z as OrBottomSheetV3 } from '../OrBottomSheetV3-4331a82e.js';

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

@@ -1 +1 @@
-export { al as BottomSheetVariant } from '../OrBottomSheetV3-1f68afd8.js';
+export { al as BottomSheetVariant } from '../OrBottomSheetV3-4331a82e.js';

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

@@ -1 +1 @@
-export { a_ as BottomSheet, b2 as BottomSheetContent, b0 as BottomSheetHandle, b1 as BottomSheetHeader, a$ as BottomSheetVariants } from '../OrBottomSheetV3-1f68afd8.js';
+export { a_ as BottomSheet, b2 as BottomSheetContent, b0 as BottomSheetHandle, b1 as BottomSheetHeader, a$ as BottomSheetVariants } from '../OrBottomSheetV3-4331a82e.js';

package/dist/bundled/v2/components/{OrBottomSheetV3-1f68afd8.js → OrBottomSheetV3-4331a82e.js}

@@ -1,7 +1,7 @@
-import { R as RX_ABBREVIATION_FROM_STRING } from './OrAvatarV3-75e1955d.js';
+import { R as RX_ABBREVIATION_FROM_STRING } from './OrAvatarV3-41658917.js';
 import { effectScope, isRef, ref, watch, unref, customRef, getCurrentScope, onScopeDispose, computed, toRefs as toRefs$1, getCurrentInstance, onMounted, nextTick, reactive, isVue2, watchEffect, readonly, useAttrs, isVue3, defineComponent } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrOverlayV3-eef6a614.js';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { _ as __vue_component__$1 } from './OrOverlayV3-34be78f5.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3055,14 +3055,20 @@ const screens = {
 };
 
 const variants = {
-  'draggable': ['&[draggable]:not([draggable="false"])'],
+  'children': ['& > *'],
+
+  'first-child': ['& > *:first-child'],
+  'middle-child': ['& > *:not(:first-child, :last-child)'],
+  'last-child': ['& > *:last-child'],
+
+  'links': ['& :any-link'],
 
   'checked': ['&[checked]:not([checked="false"])', '&:checked'],
   'selected': ['&[selected]:not([selected="false"])', '&:checked'],
   'activated': ['&[activated]:not([activated="false"])'],
 
-  'enabled': ['&:not([disabled])', '&[disabled="false"]'],
-  'disabled': ['&[disabled]:not([disabled="false"])'],
+  'valid': ['&:not([invalid])', '&[invalid="false"]'],
+  'invalid': ['&[invalid]:not([invalid="false"])'],
 
   'required': ['&[required]:not([required="false"])'],
   'optional': ['&:not([required])', '&[required="false"]'],
@@ -3070,46 +3076,35 @@ const variants = {
   'read-write': ['&:not([readonly])', '&[readonly="false"]'],
   'read-only': ['&[readonly]:not([readonly="false"])'],
 
-  'valid': ['&:not([invalid])', '&[invalid="false"]'],
-  'invalid': ['&[invalid]:not([invalid="false"])'],
-
-  // Sub-components
-  'children': ['& > *'],
-
-  get 'hover'() {
-    return this['enabled'].flatMap((selector) => [
-      `${selector}:not(.interactivity-none):hover`,
-      `${selector}:not(.interactivity-none)[force-state="hover"]`,
-    ]);
-  },
-
-  get 'focus'() {
-    return this['enabled'].flatMap((selector) => [
-      `${selector}:not(.interactivity-none):focus`,
-      `${selector}:not(.interactivity-none)[force-state="focus"]`,
-    ]);
-  },
-
-  get 'focus-within'() {
-    return this['enabled'].flatMap((selector) => [
-      `${selector}:not(.interactivity-none):focus-within`,
-      `${selector}:not(.interactivity-none)[force-state="focus-within"]`,
-    ]);
-  },
+  'enabled': ['&:not([disabled])', '&[disabled="false"]'],
+  'disabled': ['&[disabled]:not([disabled="false"])'],
 
-  get 'focus-visible'() {
-    return this['enabled'].flatMap((selector) => [
-      `${selector}:not(.interactivity-none):focus-visible`,
-      `${selector}:not(.interactivity-none)[force-state="focus-visible"]`,
-    ]);
-  },
+  'draggable': ['&[draggable]:not([draggable="false"])'],
 
-  get 'active'() {
-    return this['enabled'].flatMap((selector) => [
-      `${selector}:not(.interactivity-none):active`,
-      `${selector}:not(.interactivity-none)[force-state="active"]`,
-    ]);
-  },
+  'hover': [
+    '&:not(.interactivity-none):hover',
+    '&:not(.interactivity-none)[force-state="hover"]',
+  ],
+
+  'focus': [
+    '&:not(.interactivity-none):focus',
+    '&:not(.interactivity-none)[force-state="focus"]',
+  ],
+
+  'focus-within': [
+    '&:not(.interactivity-none):focus-within',
+    '&:not(.interactivity-none)[force-state="focus-within"]',
+  ],
+
+  'focus-visible': [
+    '&:not(.interactivity-none):focus-visible',
+    '&:not(.interactivity-none)[force-state="focus-visible"]',
+  ],
+
+  'active': [
+    '&:not(.interactivity-none):active',
+    '&:not(.interactivity-none)[force-state="active"]',
+  ],
 };
 
 var core = {

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

@@ -1,2 +1,2 @@
 export { OrButton as default } from './index.js';
-import '../OrAvatar-aa94cbf7.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as __vue_component__$1, LoaderViews } from '../OrLoader/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
 
 var OrButtonViews;
 (function (OrButtonViews) {

package/dist/bundled/v2/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonGroupV3-20caa1b7.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrButtonGroupV3-73ee40fa.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1,2 +1,2 @@
-export { _ as OrButtonGroupV3 } from '../OrButtonGroupV3-20caa1b7.js';
-export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-d6e06bd2.js';
+export { _ as OrButtonGroupV3 } from '../OrButtonGroupV3-73ee40fa.js';
+export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-654f0bea.js';

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

@@ -1 +1 @@
-export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-d6e06bd2.js';
+export { B as ButtonGroupColor, a as ButtonGroupVariant } from '../OrButtonV3-654f0bea.js';

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

@@ -1,2 +1,2 @@
-import '../OrButtonV3-d6e06bd2.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-20caa1b7.js';
+import '../OrButtonV3-654f0bea.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-73ee40fa.js';

package/dist/bundled/v2/components/{OrButtonGroupV3-20caa1b7.js → OrButtonGroupV3-73ee40fa.js}

@@ -1,6 +1,6 @@
-import { a as ButtonVariant, B as ButtonColor } from './OrButtonV3-d6e06bd2.js';
+import { a as ButtonVariant, B as ButtonColor } from './OrButtonV3-654f0bea.js';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 const ButtonGroup = [
 // Layout
@@ -12,9 +12,9 @@ const ButtonGroupVariants = {
   // Spacing
   'gap-[1px]'],
   [ButtonVariant.Outlined]: [
-  // Position (children)
-  'children:relative',
-  // Position (children/active)
+  // Position
+  'relative',
+  // Position (active, children)
   'active:children:z-10',
   // Spacing
   '[&:not(:first-child)]:children:ml-[-1px]'],

package/dist/bundled/v2/components/OrButtonV2/OrButton.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonV2-65ad01f7.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrButtonV2-f2227843.js';
+import '../OrAvatar-7bdb7c9d.js';

package/dist/bundled/v2/components/OrButtonV2/constants.js

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-65ad01f7.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-f2227843.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, _ as OrButtonV2 } from '../OrButtonV2-65ad01f7.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, _ as OrButtonV2 } from '../OrButtonV2-f2227843.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v2/components/{OrButtonV2-65ad01f7.js → OrButtonV2-f2227843.js}

@@ -1,7 +1,7 @@
 import { defineComponent, isVue3 } from 'vue-demi';
 import { OrIcon as __vue_component__$1 } from './OrIcon/index.js';
 import { OrLoader as __vue_component__$2, LoaderViews } from './OrLoader/index.js';
-import { s as styleInject, n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 import './OrIconButtonV2/OrIconButton.js';
 
 var ICON_BUTTON_TYPE;

package/dist/bundled/v2/components/OrButtonV3/OrButton.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrButtonV3-d6e06bd2.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrButtonV3-654f0bea.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from '../OrButtonV3-d6e06bd2.js';
+export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from '../OrButtonV3-654f0bea.js';

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

@@ -1 +1 @@
-export { B as ButtonColor, b as ButtonType, a as ButtonVariant } from '../OrButtonV3-d6e06bd2.js';
+export { B as ButtonColor, b as ButtonType, a as ButtonVariant } from '../OrButtonV3-654f0bea.js';

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

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-d6e06bd2.js';
+export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-654f0bea.js';

package/dist/bundled/v2/components/{OrButtonV3-d6e06bd2.js → OrButtonV3-654f0bea.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { _ as __vue_component__$1 } from './OrLoaderV3-f74d3bea.js';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { _ as __vue_component__$1 } from './OrLoaderV3-b132904d.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {

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

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
 
 var script = defineComponent({
   name: 'OrCard',

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

@@ -1,2 +1,2 @@
 export { OrCardCollection as default } from './index.js';
-import '../OrAvatar-aa94cbf7.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -3,7 +3,7 @@ import __vue_component__$1 from '../OrCard/OrCard.js';
 import { OrIcon as __vue_component__$2 } from '../OrIcon/index.js';
 import __vue_component__$3 from '../OrSearch/OrSearch.js';
 import __vue_component__$4 from '../OrIconButtonV2/OrIconButton.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
 
 var CARD_COLLECTION_LAYOUT;
 (function (CARD_COLLECTION_LAYOUT) {

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCardCollectionV3-60ed4dae.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrCardCollectionV3-2bf42dd9.js';
+import '../OrAvatar-7bdb7c9d.js';

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.vue.d.ts

@@ -43,6 +43,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: undefined;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     items: {
         type: PropType<CardCollectionItem[]>;
@@ -76,6 +80,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         default: undefined;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     sort: string;
     items: CardCollectionItem[];
@@ -85,6 +93,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     search: string;
     searchPlaceholder: string;
     searchDebounce: number;
+    loading: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -105,6 +114,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     search: string;
     searchPlaceholder: string;
     searchDebounce: number;
+    loading: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -116,5 +126,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     search: string;
     searchPlaceholder: string;
     searchDebounce: number;
+    loading: boolean;
 }, true>);
 export default _default;

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

@@ -1 +1 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-60ed4dae.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-2bf42dd9.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-60ed4dae.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-2bf42dd9.js';

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-60ed4dae.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-2bf42dd9.js';

package/dist/bundled/v2/components/{OrCardCollectionV3-60ed4dae.js → OrCardCollectionV3-2bf42dd9.js}

@@ -1,8 +1,9 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
-import { _ as __vue_component__$2 } from './OrIconButtonV3-e84a1337.js';
-import { _ as __vue_component__$3 } from './OrSortingV3-46e1cb1a.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
+import { _ as __vue_component__$2 } from './OrIconButtonV3-679bc6fa.js';
+import { _ as __vue_component__$3 } from './OrSortingV3-5f63562a.js';
 import { OrSearchV3 as __vue_component__$4 } from './OrSearchV3/index.js';
+import { _ as __vue_component__$5 } from './OrLoaderV3-b132904d.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -92,7 +93,7 @@ var __vue_render__$1 = function () {
       item: item,
       mode: _vm.mode
     });
-  })], 2);
+  }), _vm._v(" "), _vm._t("viewEnd")], 2);
 };
 var __vue_staticRenderFns__$1 = [];
 
@@ -122,7 +123,8 @@ var script = defineComponent({
     OrCardCollectionView,
     OrIconButton: __vue_component__$2,
     OrSorting: __vue_component__$3,
-    OrSearch: __vue_component__$4
+    OrSearch: __vue_component__$4,
+    OrLoader: __vue_component__$5
   },
   props: {
     items: {
@@ -156,6 +158,10 @@ var script = defineComponent({
     searchDebounce: {
       type: Number,
       default: undefined
+    },
+    loading: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['viewChange', 'sortChange', 'searchChange'],
@@ -261,7 +267,7 @@ var __vue_render__ = function () {
   }), 1)] : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t("header", null, null, {
     items: _vm.items,
     mode: _vm.proxyView
-  }), _vm._v(" "), _vm.items.length ? _vm._t(_vm.proxyView, function () {
+  }), _vm._v(" "), _vm.items.length && !_vm.loading ? _vm._t(_vm.proxyView, function () {
     return [_c('OrCardCollectionView', {
       attrs: {
         "items": _vm.items,
@@ -272,14 +278,24 @@ var __vue_render__ = function () {
         fn: function (props) {
           return [_vm._t("item", null, null, props)];
         }
+      }, {
+        key: "viewEnd",
+        fn: function () {
+          return [_vm._t("viewEnd")];
+        },
+        proxy: true
       }], null, true)
     })];
   }, null, {
     items: _vm.items
-  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 ? _vm._t("noSearchResults", function () {
+  }) : _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.loading ? _vm._t("loading", function () {
+    return [_c('div', {
+      staticClass: "h-full"
+    }, [_c('OrLoader')], 1)];
   }) : _vm._e()], 2);
 };
 var __vue_staticRenderFns__ = [];

package/dist/bundled/v2/components/OrCardV3/OrCard.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCardV3-5e9e5523.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrCardV3-b60e8c99.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { C as CardPadding, _ as OrCardV3 } from '../OrCardV3-5e9e5523.js';
+export { C as CardPadding, _ as OrCardV3 } from '../OrCardV3-b60e8c99.js';

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

@@ -1 +1 @@
-export { C as CardPadding } from '../OrCardV3-5e9e5523.js';
+export { C as CardPadding } from '../OrCardV3-b60e8c99.js';

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

@@ -1 +1 @@
-export { c as CardInteractive, b as CardPaddings, a as CardRoot } from '../OrCardV3-5e9e5523.js';
+export { c as CardInteractive, b as CardPaddings, a as CardRoot } from '../OrCardV3-b60e8c99.js';

package/dist/bundled/v2/components/{OrCardV3-5e9e5523.js → OrCardV3-b60e8c99.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 var CardPadding;
 (function (CardPadding) {

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

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import { OrIcon as __vue_component__$1 } from '../OrIcon/index.js';
-import { s as styleInject, n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v2/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,8 +1,8 @@
 import { defineComponent, toRef } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../OrCheckboxTreeV3-1b54b9b5.js';
-import { _ as __vue_component__$2, F as FormGroupDirection } from '../OrFormGroupV3-563f79a7.js';
-import { u as useProxyModelValue } from '../OrBottomSheetV3-1f68afd8.js';
-import { n as normalizeComponent } from '../OrAvatar-aa94cbf7.js';
+import { _ as __vue_component__$1 } from '../OrCheckboxTreeV3-73948882.js';
+import { _ as __vue_component__$2, F as FormGroupDirection } from '../OrFormGroupV3-a4d81c9b.js';
+import { u as useProxyModelValue } from '../OrBottomSheetV3-4331a82e.js';
+import { n as normalizeComponent } from '../OrAvatar-7bdb7c9d.js';
 
 var script = defineComponent({
   name: 'OrCheckboxGroup',

package/dist/bundled/v2/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCheckboxTreeV3-1b54b9b5.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrCheckboxTreeV3-73948882.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-1b54b9b5.js';
+export { _ as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-73948882.js';

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

@@ -1 +1 @@
-export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-1b54b9b5.js';
+export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-73948882.js';

package/dist/bundled/v2/components/OrCheckboxTreeV3/utils/extractChildrenValues.js

@@ -1,2 +1,2 @@
-import '../../OrBottomSheetV3-1f68afd8.js';
-export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-1b54b9b5.js';
+import '../../OrBottomSheetV3-4331a82e.js';
+export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-73948882.js';

package/dist/bundled/v2/components/{OrCheckboxTreeV3-1b54b9b5.js → OrCheckboxTreeV3-73948882.js}

@@ -1,9 +1,9 @@
 import { defineComponent, toRefs, computed, watch } from 'vue-demi';
-import { f as flattenDeep, u as useProxyModelValue, a as useToggle } from './OrBottomSheetV3-1f68afd8.js';
-import { _ as __vue_component__$1 } from './OrIconV3-75051694.js';
-import { _ as __vue_component__$2 } from './OrCheckboxV3-bf5c8ccd.js';
-import { _ as __vue_component__$3 } from './OrButtonV3-d6e06bd2.js';
-import { n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { f as flattenDeep, u as useProxyModelValue, a as useToggle } from './OrBottomSheetV3-4331a82e.js';
+import { _ as __vue_component__$1 } from './OrIconV3-98337f2d.js';
+import { _ as __vue_component__$2 } from './OrCheckboxV3-01363dbc.js';
+import { _ as __vue_component__$3 } from './OrButtonV3-654f0bea.js';
+import { n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 const CheckboxTreeRoot = [
 // Layout

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrCheckboxV3-bf5c8ccd.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrCheckboxV3-01363dbc.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { _ as OrCheckboxV3 } from '../OrCheckboxV3-bf5c8ccd.js';
+export { _ as OrCheckboxV3 } from '../OrCheckboxV3-01363dbc.js';

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

@@ -1 +1 @@
-export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-bf5c8ccd.js';
+export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-01363dbc.js';

package/dist/bundled/v2/components/{OrCheckboxV3-bf5c8ccd.js → OrCheckboxV3-01363dbc.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
-import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue, i as isEmptyValue } from './OrBottomSheetV3-1f68afd8.js';
-import { _ as __vue_component__$1, L as LabelVariant } from './OrLabelV3-246c9734.js';
-import { s as styleInject, n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue, i as isEmptyValue } from './OrBottomSheetV3-4331a82e.js';
+import { _ as __vue_component__$1, L as LabelVariant } from './OrLabelV3-3de72a39.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 
 const Checkbox = [
 // Layout

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrChips-a84fbd6c.js';
-import '../OrAvatar-aa94cbf7.js';
+export { _ as default } from '../OrChips-c3f69845.js';
+import '../OrAvatar-7bdb7c9d.js';

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

@@ -1 +1 @@
-export { _ as OrChip } from '../OrChips-a84fbd6c.js';
+export { _ as OrChip } from '../OrChips-c3f69845.js';

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

@@ -1,2 +1,2 @@
-export { a as default } from '../OrChips-a84fbd6c.js';
-import '../OrAvatar-aa94cbf7.js';
+export { a as default } from '../OrChips-c3f69845.js';
+import '../OrAvatar-7bdb7c9d.js';

package/dist/bundled/v2/components/OrChips/constants.js

@@ -1 +1 @@
-export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-a84fbd6c.js';
+export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-c3f69845.js';

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

@@ -1 +1 @@
-export { _ as OrChip, a as OrChips } from '../OrChips-a84fbd6c.js';
+export { _ as OrChip, a as OrChips } from '../OrChips-c3f69845.js';

package/dist/bundled/v2/components/{OrChips-a84fbd6c.js → OrChips-c3f69845.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { s as styleInject, n as normalizeComponent } from './OrAvatar-aa94cbf7.js';
+import { s as styleInject, n as normalizeComponent } from './OrAvatar-7bdb7c9d.js';
 import __vue_component__$4 from './OrLabel/OrLabel.js';
 import __vue_component__$5 from './OrError/OrError.js';
 import { OrIcon as __vue_component__$3 } from './OrIcon/index.js';