@onereach/ui-components 2.69.1-beta.2099.0 → 2.69.1-beta.2100.0

package/dist/bundled/v2/{OrCardCollection-953657a7.js → OrCardCollection-773ae0db.js}

@@ -9,12 +9,6 @@ import { O as OrIcon } from './OrIcon-8625385f.js';
 import { O as OrSearch } from './OrSearch-a11b3621.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 
-var CardCollectionView;
-(function (CardCollectionView) {
-  CardCollectionView["Grid"] = "grid";
-  CardCollectionView["List"] = "list";
-})(CardCollectionView || (CardCollectionView = {}));
-
 const CardCollectionRoot = [
 // Layout
 'layout-column',
@@ -105,12 +99,17 @@ const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 var OrCardCollectionView = __vue_component__$2;
 
+var DefaultCardCollectionViews;
+(function (DefaultCardCollectionViews) {
+  DefaultCardCollectionViews["Grid"] = "grid";
+  DefaultCardCollectionViews["List"] = "list";
+})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
 const gridView = {
-  view: 'grid',
+  view: DefaultCardCollectionViews.Grid,
   icon: 'grid_view'
 };
 const listView = {
-  view: 'list',
+  view: DefaultCardCollectionViews.List,
   icon: 'view_agenda'
 };
 const defaultViewModes = [gridView, listView];
@@ -134,7 +133,7 @@ var script = defineComponent({
     },
     view: {
       type: String,
-      default: CardCollectionView.Grid
+      default: gridView.view
     },
     viewModes: {
       type: Array,
@@ -344,4 +343,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 var __vue_component__$1 = __vue_component__;
 
-export { CardCollectionView as C, __vue_component__$1 as _ };
+export { DefaultCardCollectionViews as D, __vue_component__$1 as _, defaultViewModes as d, gridView as g, listView as l };

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

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-0e91a808.js';
 export { O as OrCard } from '../OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../OrCardCollection-953657a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-773ae0db.js';
 export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';

package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue-demi';
-import { CardCollectionView } from './props';
 import { CardCollectionItem, SortOption, ViewMode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -30,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;
@@ -55,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;

package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -18,17 +18,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, {
     items: CardCollectionItem[];
 }, true>);

package/dist/bundled/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-953657a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-773ae0db.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-card-collection-v3/props.d.ts

@@ -1,4 +1,8 @@
-export declare enum CardCollectionView {
+import { ViewMode } from './types';
+export declare enum DefaultCardCollectionViews {
     Grid = "grid",
     List = "list"
 }
+export declare const gridView: ViewMode;
+export declare const listView: ViewMode;
+export declare const defaultViewModes: ViewMode[];

package/dist/bundled/v2/components/or-card-collection-v3/styles.d.ts

@@ -1,6 +1,6 @@
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 export declare const CardCollectionRoot: string[];
 export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
-export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;

package/dist/bundled/v2/index.js

@@ -13,7 +13,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from './OrButton-0e91a808.js';
 export { O as OrCard } from './OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-89428bbf.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from './OrCardCollection-953657a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-773ae0db.js';
 export { _ as OrCardV3 } from './OrCard-29116e1f.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from './OrCheckbox-4cbddd67.js';

package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-4debae8a.js → OrCardCollection.vue_vue_type_script_lang-b983bda7.js}

@@ -12,12 +12,6 @@ import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
 import { s as script$4 } from './OrButton.vue_vue_type_script_lang-3718b300.js';
 import { s as script$7 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
 
-var CardCollectionView;
-(function (CardCollectionView) {
-  CardCollectionView["Grid"] = "grid";
-  CardCollectionView["List"] = "list";
-})(CardCollectionView || (CardCollectionView = {}));
-
 const CardCollectionRoot = [
 // Layout
 'layout-column',
@@ -111,12 +105,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script$2.render = render;
 script$2.__file = "src/components/or-search-v3/OrSearch.vue";
 
+var DefaultCardCollectionViews;
+(function (DefaultCardCollectionViews) {
+  DefaultCardCollectionViews["Grid"] = "grid";
+  DefaultCardCollectionViews["List"] = "list";
+})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
 const gridView = {
-  view: 'grid',
+  view: DefaultCardCollectionViews.Grid,
   icon: 'grid_view'
 };
 const listView = {
-  view: 'list',
+  view: DefaultCardCollectionViews.List,
   icon: 'view_agenda'
 };
 const defaultViewModes = [gridView, listView];
@@ -140,7 +139,7 @@ var script = defineComponent({
     },
     view: {
       type: String,
-      default: CardCollectionView.Grid
+      default: gridView.view
     },
     viewModes: {
       type: Array,
@@ -226,4 +225,4 @@ var script = defineComponent({
   }
 });
 
-export { CardCollectionView as C, script as s };
+export { DefaultCardCollectionViews as D, defaultViewModes as d, gridView as g, listView as l, script as s };

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

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-3718b300.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-90ba001b.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection.vue_vue_type_script_lang-b983bda7.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-165de137.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-ad286afc.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-d8a66818.js';

package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue-demi';
-import { CardCollectionView } from './props';
 import { CardCollectionItem, SortOption, ViewMode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -30,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;
@@ -55,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;

package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -18,17 +18,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, {
     items: CardCollectionItem[];
 }, true>);

package/dist/bundled/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection.vue_vue_type_script_lang-b983bda7.js';
 import 'vue';
 import '../../OrIconButton-4bd33e3c.js';
 import '../../OrIconButton.vue_vue_type_script_lang-641f6e06.js';

package/dist/bundled/v3/components/or-card-collection-v3/props.d.ts

@@ -1,4 +1,8 @@
-export declare enum CardCollectionView {
+import { ViewMode } from './types';
+export declare enum DefaultCardCollectionViews {
     Grid = "grid",
     List = "list"
 }
+export declare const gridView: ViewMode;
+export declare const listView: ViewMode;
+export declare const defaultViewModes: ViewMode[];

package/dist/bundled/v3/components/or-card-collection-v3/styles.d.ts

@@ -1,6 +1,6 @@
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 export declare const CardCollectionRoot: string[];
 export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
-export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;

package/dist/bundled/v3/index.js

@@ -18,8 +18,8 @@ export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3
 import { s as script$6 } from './OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
 export { s as OrCard } from './OrCard.vue_vue_type_script_lang-90ba001b.js';
-import { s as script$7 } from './OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
+import { s as script$7 } from './OrCardCollection.vue_vue_type_script_lang-b983bda7.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection.vue_vue_type_script_lang-b983bda7.js';
 import { s as script$8 } from './OrCard.vue_vue_type_script_lang-165de137.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-165de137.js';
 import './OrCarouselItem-f4b9541d.js';

package/dist/esm/v2/{OrCardCollection-55e282a7.js → OrCardCollection-61c86bfc.js}

@@ -11,12 +11,6 @@ import { _ as __vue_component__$3 } from './OrButton-357a5756.js';
 import { _ as __vue_component__$7 } from './OrSearch-62d91301.js';
 import './OrInputBox-4d5a318d.js';
 
-var CardCollectionView;
-(function (CardCollectionView) {
-  CardCollectionView["Grid"] = "grid";
-  CardCollectionView["List"] = "list";
-})(CardCollectionView || (CardCollectionView = {}));
-
 const CardCollectionRoot = [
 // Layout
 'layout-column',
@@ -106,12 +100,17 @@ const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$1
 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
 
+var DefaultCardCollectionViews;
+(function (DefaultCardCollectionViews) {
+  DefaultCardCollectionViews["Grid"] = "grid";
+  DefaultCardCollectionViews["List"] = "list";
+})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
 const gridView = {
-  view: 'grid',
+  view: DefaultCardCollectionViews.Grid,
   icon: 'grid_view'
 };
 const listView = {
-  view: 'list',
+  view: DefaultCardCollectionViews.List,
   icon: 'view_agenda'
 };
 const defaultViewModes = [gridView, listView];
@@ -135,7 +134,7 @@ var script = defineComponent({
     },
     view: {
       type: String,
-      default: CardCollectionView.Grid
+      default: gridView.view
     },
     viewModes: {
       type: Array,
@@ -344,4 +343,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { CardCollectionView as C, __vue_component__ as _ };
+export { DefaultCardCollectionViews as D, __vue_component__ as _, defaultViewModes as d, gridView as g, listView as l };

package/dist/esm/v2/components/index.js

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from '../OrButton-357a5756.js';
 export { _ as OrCard } from '../OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-f6b07557.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../OrCardCollection-55e282a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-61c86bfc.js';
 export { _ as OrCardV3 } from '../OrCard-de799db0.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from '../OrCheckbox-915f1f0a.js';

package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue-demi';
-import { CardCollectionView } from './props';
 import { CardCollectionItem, SortOption, ViewMode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -30,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;
@@ -55,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;

package/dist/esm/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -18,17 +18,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, {
     items: CardCollectionItem[];
 }, true>);

package/dist/esm/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-55e282a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-61c86bfc.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/components/or-card-collection-v3/props.d.ts

@@ -1,4 +1,8 @@
-export declare enum CardCollectionView {
+import { ViewMode } from './types';
+export declare enum DefaultCardCollectionViews {
     Grid = "grid",
     List = "list"
 }
+export declare const gridView: ViewMode;
+export declare const listView: ViewMode;
+export declare const defaultViewModes: ViewMode[];

package/dist/esm/v2/components/or-card-collection-v3/styles.d.ts

@@ -1,6 +1,6 @@
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 export declare const CardCollectionRoot: string[];
 export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
-export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;

package/dist/esm/v2/index.js

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-357a5756.js';
 export { _ as OrCard } from './OrCard-b7268256.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-f6b07557.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from './OrCardCollection-55e282a7.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-61c86bfc.js';
 export { _ as OrCardV3 } from './OrCard-de799db0.js';
 export { a as OrCarousel, _ as OrCarouselItem } from './OrCarouselItem-4e2cf3d8.js';
 export { _ as OrCheckbox } from './OrCheckbox-915f1f0a.js';

package/dist/esm/v3/{OrCardCollection-0c6da4b8.js → OrCardCollection-fdc7848b.js}

@@ -11,12 +11,6 @@ import { s as script$3 } from './OrButton-f4b9ee51.js';
 import { s as script$7 } from './OrSearch-aafb93b4.js';
 import './OrInputBox-5247ab25.js';
 
-var CardCollectionView;
-(function (CardCollectionView) {
-  CardCollectionView["Grid"] = "grid";
-  CardCollectionView["List"] = "list";
-})(CardCollectionView || (CardCollectionView = {}));
-
 const CardCollectionRoot = [
 // Layout
 'layout-column',
@@ -82,12 +76,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 script$1.render = render$1;
 script$1.__file = "src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue";
 
+var DefaultCardCollectionViews;
+(function (DefaultCardCollectionViews) {
+  DefaultCardCollectionViews["Grid"] = "grid";
+  DefaultCardCollectionViews["List"] = "list";
+})(DefaultCardCollectionViews || (DefaultCardCollectionViews = {}));
 const gridView = {
-  view: 'grid',
+  view: DefaultCardCollectionViews.Grid,
   icon: 'grid_view'
 };
 const listView = {
-  view: 'list',
+  view: DefaultCardCollectionViews.List,
   icon: 'view_agenda'
 };
 const defaultViewModes = [gridView, listView];
@@ -111,7 +110,7 @@ var script = defineComponent({
     },
     view: {
       type: String,
-      default: CardCollectionView.Grid
+      default: gridView.view
     },
     viewModes: {
       type: Array,
@@ -287,4 +286,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
 
-export { CardCollectionView as C, script as s };
+export { DefaultCardCollectionViews as D, defaultViewModes as d, gridView as g, listView as l, script as s };

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

@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-f4b9ee51.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a5e326ef.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection-0c6da4b8.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-fdc7848b.js';
 export { s as OrCardV3 } from '../OrCard-fd92f7c8.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from '../OrCheckbox-ed4a19cf.js';

package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue-demi';
-import { CardCollectionView } from './props';
 import { CardCollectionItem, SortOption, ViewMode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -30,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;
@@ -55,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     view: {
         type: StringConstructor;
-        default: CardCollectionView;
+        default: string;
     };
     viewModes: {
         type: PropType<ViewMode[]>;

package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
@@ -18,17 +18,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: CardCollectionItem[];
     };
     mode: {
-        type: PropType<CardCollectionView>;
+        type: PropType<DefaultCardCollectionViews>;
         required: true;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     items: CardCollectionItem[];
-    mode: CardCollectionView;
+    mode: DefaultCardCollectionViews;
 } & {}, {
     items: CardCollectionItem[];
 }, true>);

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection-0c6da4b8.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-fdc7848b.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-card-collection-v3/props.d.ts

@@ -1,4 +1,8 @@
-export declare enum CardCollectionView {
+import { ViewMode } from './types';
+export declare enum DefaultCardCollectionViews {
     Grid = "grid",
     List = "list"
 }
+export declare const gridView: ViewMode;
+export declare const listView: ViewMode;
+export declare const defaultViewModes: ViewMode[];

package/dist/esm/v3/components/or-card-collection-v3/styles.d.ts

@@ -1,6 +1,6 @@
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 export declare const CardCollectionRoot: string[];
 export declare const CardCollectionToolbar: string[];
 export declare const CardCollectionToolbarPanel: string[];
 export declare const CardCollectionContent: string[];
-export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;

package/dist/esm/v3/index.js

@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-f4b9ee51.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-a5e326ef.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-0c6da4b8.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-fdc7848b.js';
 export { s as OrCardV3 } from './OrCard-fd92f7c8.js';
 export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from './OrCheckbox-ed4a19cf.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.69.1-beta.2099.0",
+  "version": "2.69.1-beta.2100.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts

@@ -4,9 +4,8 @@ import { ref } from 'vue-demi';
 import { OrIconV3 as OrIcon } from '../or-icon-v3';
 import OrCardCollectionDocs from './OrCardCollection.docs.mdx';
 import OrCardCollection from './OrCardCollection.vue';
-import { defaultViewModes } from './constatnts';
+import { defaultViewModes } from './props';
 import { OrCardV3 as OrCard } from '../or-card-v3';
-import { CardCollectionView } from './props';
 import { CardCollectionItem } from './types';
 
 export default {
@@ -39,7 +38,7 @@ export default {
 
     view: {
       control: { type: 'select' },
-      options: Object.values(CardCollectionView),
+      options: defaultViewModes.map(mode => mode.view),
     },
 
     sort: {

package/src/components/or-card-collection-v3/OrCardCollection.vue

@@ -96,7 +96,6 @@ import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3';
 import { OrMenuV3 as OrMenu } from '../or-menu-v3';
 import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
 import { OrIconV3 as OrIcon } from '../or-icon-v3';
-import { CardCollectionView } from './props';
 import {
   CardCollectionRoot,
   CardCollectionToolbar,
@@ -106,7 +105,7 @@ import { CardCollectionItem, SortOption, ViewMode } from './types';
 import OrCardCollectionView from './OrCardCollectionView.vue3.vue';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import { OrSearchV3 as OrSearch } from '../or-search-v3';
-import { defaultViewModes } from './constatnts';
+import { defaultViewModes, gridView } from './props';
 
 export default defineComponent({
   name: 'OrCardCollection',
@@ -131,7 +130,7 @@ export default defineComponent({
 
     view: {
       type: String,
-      default: CardCollectionView.Grid,
+      default: gridView.view,
     },
 
     viewModes: {
@@ -191,6 +190,7 @@ export default defineComponent({
     const sortLabel = computed(() => {
       return props.sortOptions.find(item => item.value === props.sort)?.label;
     });
+
     // State
     const proxyView = ref(props.view);
     const proxySort = ref(props.sort);

package/src/components/or-card-collection-v3/OrCardCollectionView.vue2.vue

@@ -16,7 +16,7 @@
 import { defineComponent, computed, PropType } from 'vue-demi';
 import { CardCollectionContent, CardCollectionContentViews } from './styles';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 
 export default defineComponent({
   name: 'OrCardCollectionView',
@@ -26,7 +26,7 @@ export default defineComponent({
       default: [] as CardCollectionItem[],
     },
     mode: {
-      type: String as PropType<CardCollectionView>,
+      type: String as PropType<DefaultCardCollectionViews>,
       required: true,
     },
   },

package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue

@@ -17,7 +17,7 @@
 import { defineComponent, computed, PropType } from 'vue-demi';
 import { CardCollectionContent, CardCollectionContentViews } from './styles';
 import { CardCollectionItem } from './types';
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 
 export default defineComponent({
   name: 'OrCardCollectionView',
@@ -27,7 +27,7 @@ export default defineComponent({
       default: [] as CardCollectionItem[],
     },
     mode: {
-      type: String as PropType<CardCollectionView>,
+      type: String as PropType<DefaultCardCollectionViews>,
       required: true,
     },
   },

package/src/components/or-card-collection-v3/props.ts

@@ -1,4 +1,17 @@
-export enum CardCollectionView {
+import { ViewMode } from './types';
+
+export enum DefaultCardCollectionViews {
   Grid = 'grid',
   List = 'list',
 }
+
+export const gridView: ViewMode = {
+  view: DefaultCardCollectionViews.Grid,
+  icon: 'grid_view',
+};
+export const listView: ViewMode = {
+  view: DefaultCardCollectionViews.List,
+  icon: 'view_agenda',
+};
+
+export const defaultViewModes = [gridView, listView];

package/src/components/or-card-collection-v3/styles.ts

@@ -1,4 +1,4 @@
-import { CardCollectionView } from './props';
+import { DefaultCardCollectionViews } from './props';
 
 export const CardCollectionRoot: string[] = [
   // Layout
@@ -36,7 +36,7 @@ export const CardCollectionContent: string[] = [
   'gap-sm md:gap-md',
 ];
 
-export const CardCollectionContentViews: Record<CardCollectionView, string[]> = {
+export const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]> = {
   'grid': [
     // Layout
     'sm:grid-cols-1',

package/dist/bundled/v2/components/or-card-collection-v3/constatnts.d.ts

@@ -1,4 +0,0 @@
-import { ViewMode } from './types';
-export declare const gridView: ViewMode;
-export declare const listView: ViewMode;
-export declare const defaultViewModes: ViewMode[];

package/dist/bundled/v3/components/or-card-collection-v3/constatnts.d.ts

@@ -1,4 +0,0 @@
-import { ViewMode } from './types';
-export declare const gridView: ViewMode;
-export declare const listView: ViewMode;
-export declare const defaultViewModes: ViewMode[];

package/dist/esm/v2/components/or-card-collection-v3/constatnts.d.ts

@@ -1,4 +0,0 @@
-import { ViewMode } from './types';
-export declare const gridView: ViewMode;
-export declare const listView: ViewMode;
-export declare const defaultViewModes: ViewMode[];

package/dist/esm/v3/components/or-card-collection-v3/constatnts.d.ts

@@ -1,4 +0,0 @@
-import { ViewMode } from './types';
-export declare const gridView: ViewMode;
-export declare const listView: ViewMode;
-export declare const defaultViewModes: ViewMode[];

package/src/components/or-card-collection-v3/constatnts.ts

@@ -1,12 +0,0 @@
-import { ViewMode } from './types';
-
-export const gridView: ViewMode = {
-  view: 'grid',
-  icon: 'grid_view',
-};
-export const listView: ViewMode = {
-  view: 'list',
-  icon: 'view_agenda',
-};
-
-export const defaultViewModes = [gridView, listView];