@onereach/ui-components 2.70.0-beta.2175.0 → 2.70.0-beta.2185.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/bundled/v2/{OrCardCollection-3d2fe208.js → OrCardCollection-f49f899c.js} +1 -2
  2. package/dist/bundled/v2/OrCardCollectionView.vue2-56150344.js +93 -0
  3. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollectionV3.js +2 -3
  4. package/dist/bundled/v2/components/OrCardCollectionV3/index.js +2 -3
  5. package/dist/bundled/v2/components/OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js +3 -65
  6. package/dist/bundled/v2/components/OrCardCollectionView.vue3V3/OrCardCollectionView.vue3V3.js +3 -65
  7. package/dist/bundled/v2/components/OrTeleport.vue3V3/OrTeleport.vue3V3.js +4 -54
  8. package/dist/bundled/v2/components/index.js +2 -3
  9. package/dist/bundled/v2/index.js +2 -3
  10. package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-4626080c.js → OrBottomSheet.vue_vue_type_script_lang-7926afd5.js} +1 -1
  11. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-7798286c.js → OrCardCollection.vue_vue_type_script_lang-761c74df.js} +4 -5
  12. package/dist/bundled/v3/OrCardCollectionView.vue3-27432e35.js +69 -0
  13. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-208ea614.js → OrConfirm.vue_vue_type_script_lang-642b8f83.js} +2 -2
  14. package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-efdab038.js → OrIconButton.vue_vue_type_script_lang-7663827a.js} +1 -1
  15. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-da309b52.js → OrInlineInput.vue_vue_type_script_lang-fdb31f3d.js} +1 -1
  16. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-ce6785df.js → OrInlineTextarea.vue_vue_type_script_lang-f04c4f6c.js} +1 -1
  17. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-e873ee13.js → OrInput.vue_vue_type_script_lang-e970f1b2.js} +1 -1
  18. package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-5e57c8a5.js → OrMenu.vue_vue_type_script_lang-2b12f986.js} +1 -1
  19. package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-7a42e8a4.js → OrModal.vue_vue_type_script_lang-76e9e15a.js} +2 -2
  20. package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-86b61497.js → OrNotification.vue_vue_type_script_lang-6a4fc666.js} +1 -1
  21. package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-44194ab4.js → OrOverlay.vue_vue_type_script_lang-f2bdd70b.js} +1 -1
  22. package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-7bbf8824.js → OrPopover.vue_vue_type_script_lang-3aab2e20.js} +2 -2
  23. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-a6f1fe96.js → OrSearch.vue_vue_type_script_lang-692ef46f.js} +1 -1
  24. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-3a75add2.js → OrSelect.vue_vue_type_script_lang-2e23b39c.js} +3 -3
  25. package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-aa5f33c8.js → OrTabs.vue_vue_type_script_lang-86b1bf60.js} +1 -1
  26. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-c8413a2f.js → OrTag.vue_vue_type_script_lang-d70c4e48.js} +1 -1
  27. package/dist/bundled/v3/{OrToast-1de535aa.js → OrToast-86bdb931.js} +1 -1
  28. package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-a1ddf72f.js → OrToastContainer.vue_vue_type_script_lang-2256f09d.js} +2 -2
  29. package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-2b7b049f.js → OrTooltip.vue_vue_type_script_lang-680dfd41.js} +1 -1
  30. package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheetV3.js +4 -4
  31. package/dist/bundled/v3/components/OrBottomSheetV3/index.js +3 -3
  32. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollectionV3.js +12 -13
  33. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +11 -12
  34. package/dist/bundled/v3/components/OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js +3 -39
  35. package/dist/bundled/v3/components/OrCardCollectionView.vue3V3/OrCardCollectionView.vue3V3.js +3 -39
  36. package/dist/bundled/v3/components/OrConfirmV3/OrConfirmV3.js +9 -9
  37. package/dist/bundled/v3/components/OrConfirmV3/index.js +8 -8
  38. package/dist/bundled/v3/components/OrIconButtonV3/OrIconButtonV3.js +7 -7
  39. package/dist/bundled/v3/components/OrIconButtonV3/index.js +6 -6
  40. package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInputV3.js +8 -8
  41. package/dist/bundled/v3/components/OrInlineInputV3/index.js +7 -7
  42. package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextareaV3.js +8 -8
  43. package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +7 -7
  44. package/dist/bundled/v3/components/OrInputV3/OrInputV3.js +8 -8
  45. package/dist/bundled/v3/components/OrInputV3/index.js +7 -7
  46. package/dist/bundled/v3/components/OrMenuV3/OrMenuV3.js +6 -6
  47. package/dist/bundled/v3/components/OrMenuV3/index.js +5 -5
  48. package/dist/bundled/v3/components/OrModalV3/OrModalV3.js +8 -8
  49. package/dist/bundled/v3/components/OrModalV3/index.js +7 -7
  50. package/dist/bundled/v3/components/OrNotificationV3/OrNotificationV3.js +8 -8
  51. package/dist/bundled/v3/components/OrNotificationV3/index.js +7 -7
  52. package/dist/bundled/v3/components/OrOverlayV3/OrOverlayV3.js +3 -3
  53. package/dist/bundled/v3/components/OrOverlayV3/index.js +2 -2
  54. package/dist/bundled/v3/components/OrPopoverV3/OrPopoverV3.js +5 -5
  55. package/dist/bundled/v3/components/OrPopoverV3/index.js +4 -4
  56. package/dist/bundled/v3/components/OrSearchV3/OrSearchV3.js +9 -9
  57. package/dist/bundled/v3/components/OrSearchV3/index.js +8 -8
  58. package/dist/bundled/v3/components/OrSelectV3/OrSelectV3.js +10 -10
  59. package/dist/bundled/v3/components/OrSelectV3/index.js +9 -9
  60. package/dist/bundled/v3/components/OrTabsV3/OrTabsV3.js +7 -7
  61. package/dist/bundled/v3/components/OrTabsV3/index.js +6 -6
  62. package/dist/bundled/v3/components/OrTagV3/OrTagV3.js +8 -8
  63. package/dist/bundled/v3/components/OrTagV3/index.js +7 -7
  64. package/dist/bundled/v3/components/OrTeleport.vue2V3/OrTeleport.vue2V3.js +9 -32
  65. package/dist/bundled/v3/components/OrTeleport.vue3V3/OrTeleport.vue3V3.js +2 -12
  66. package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainerV3.js +9 -9
  67. package/dist/bundled/v3/components/OrToastV3/OrToastV3.js +7 -7
  68. package/dist/bundled/v3/components/OrTooltipV3/OrTooltipV3.js +6 -6
  69. package/dist/bundled/v3/components/OrTooltipV3/index.js +5 -5
  70. package/dist/bundled/v3/components/index.js +21 -22
  71. package/dist/bundled/v3/index.js +21 -22
  72. package/dist/esm/v3/{OrCardCollection-c56f2621.js → OrCardCollection-2a6514f3.js} +7 -5
  73. package/dist/esm/v3/components/index.js +1 -1
  74. package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
  75. package/dist/esm/v3/index.js +1 -1
  76. package/package.json +1 -1
  77. package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue +11 -11
  78. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollectionView.vue3.vue.d.ts +0 -35
  79. package/dist/bundled/v2/components/OrCardCollectionView.vue3V3/props.d.ts +0 -8
  80. package/dist/bundled/v2/components/OrCardCollectionView.vue3V3/styles.d.ts +0 -6
  81. package/dist/bundled/v2/components/OrCardCollectionView.vue3V3/types.d.ts +0 -12
  82. package/dist/bundled/v2/components/OrTeleportV3/OrTeleport.vue3.vue.d.ts +0 -29
  83. package/dist/bundled/v2/styles-f417e4ed.js +0 -30
  84. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollectionView.vue2.vue.d.ts +0 -35
  85. package/dist/bundled/v3/components/OrCardCollectionView.vue2V3/props.d.ts +0 -8
  86. package/dist/bundled/v3/components/OrCardCollectionView.vue2V3/styles.d.ts +0 -6
  87. package/dist/bundled/v3/components/OrCardCollectionView.vue2V3/types.d.ts +0 -12
  88. package/dist/bundled/v3/components/OrTeleportV3/OrTeleport.vue2.vue.d.ts +0 -29
  89. package/dist/bundled/v3/styles-f417e4ed.js +0 -30
@@ -1,6 +1,5 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
- import { C as CardCollectionRoot, a as CardCollectionToolbar, b as CardCollectionToolbarPanel } from './styles-f417e4ed.js';
3
- import __vue_component__$1 from './components/OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js';
2
+ import { _ as __vue_component__$1, C as CardCollectionRoot, a as CardCollectionToolbar, b as CardCollectionToolbarPanel } from './OrCardCollectionView.vue2-56150344.js';
4
3
  import { _ as __vue_component__$2 } from './OrIconButton-69a3f0e3.js';
5
4
  import { _ as __vue_component__$3 } from './OrButton-e28c7ff6.js';
6
5
  import __vue_component__$4 from './components/OrMenuV3/OrMenuV3.js';
@@ -0,0 +1,93 @@
1
+ import { defineComponent, computed } from 'vue-demi';
2
+ import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
3
+
4
+ const CardCollectionRoot = [
5
+ // Layout
6
+ 'layout-column',
7
+ // Spacing
8
+ 'gap-md'];
9
+ const CardCollectionToolbar = [
10
+ // Layout
11
+ 'layout-row justify-between',
12
+ // Typography
13
+ 'typography-body-2-regular',
14
+ // Theme
15
+ 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
16
+ const CardCollectionToolbarPanel = [
17
+ // Layout
18
+ 'layout-row',
19
+ // Spacing
20
+ 'gap-lg+'];
21
+ const CardCollectionContent = [
22
+ // Layout
23
+ 'grid',
24
+ // Spacing
25
+ 'gap-sm md:gap-md'];
26
+ const CardCollectionContentViews = {
27
+ 'grid': [
28
+ // Layout
29
+ 'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
30
+ 'list': ['grid-cols-1']
31
+ };
32
+
33
+ var script = defineComponent({
34
+ name: 'OrCardCollectionView',
35
+ props: {
36
+ items: {
37
+ type: Array,
38
+ default: []
39
+ },
40
+ mode: {
41
+ type: String,
42
+ required: true
43
+ }
44
+ },
45
+ setup(props) {
46
+ const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
47
+ return {
48
+ contentStyles
49
+ };
50
+ }
51
+ });
52
+
53
+ /* script */
54
+ const __vue_script__ = script;
55
+
56
+ /* template */
57
+ var __vue_render__ = function () {
58
+ var _vm = this;
59
+ var _h = _vm.$createElement;
60
+ var _c = _vm._self._c || _h;
61
+ return _c('div', {
62
+ class: _vm.contentStyles
63
+ }, [_vm._l(_vm.items, function (item) {
64
+ return _vm._t("item", function () {
65
+ return [_vm._v("\n " + _vm._s(item.key) + "\n ")];
66
+ }, null, {
67
+ item: item,
68
+ mode: _vm.mode
69
+ });
70
+ })], 2);
71
+ };
72
+ var __vue_staticRenderFns__ = [];
73
+
74
+ /* style */
75
+ const __vue_inject_styles__ = undefined;
76
+ /* scoped */
77
+ const __vue_scope_id__ = undefined;
78
+ /* module identifier */
79
+ const __vue_module_identifier__ = undefined;
80
+ /* functional template */
81
+ const __vue_is_functional_template__ = false;
82
+ /* style inject */
83
+
84
+ /* style inject SSR */
85
+
86
+ /* style inject shadow dom */
87
+
88
+ const __vue_component__ = /*#__PURE__*/normalizeComponent({
89
+ render: __vue_render__,
90
+ staticRenderFns: __vue_staticRenderFns__
91
+ }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
92
+
93
+ export { CardCollectionRoot as C, __vue_component__ as _, CardCollectionToolbar as a, CardCollectionToolbarPanel as b };
@@ -1,8 +1,7 @@
1
- export { _ as default } from '../../OrCardCollection-3d2fe208.js';
1
+ export { _ as default } from '../../OrCardCollection-f49f899c.js';
2
2
  import '../../normalize-component-6e8e3d80.js';
3
3
  import 'vue-demi';
4
- import '../../styles-f417e4ed.js';
5
- import '../OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js';
4
+ import '../../OrCardCollectionView.vue2-56150344.js';
6
5
  import '../../OrIconButton-69a3f0e3.js';
7
6
  import '../../OrIcon-7e3098b7.js';
8
7
  import '../../useClassAttribute-47fdb016.js';
@@ -1,7 +1,6 @@
1
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-3d2fe208.js';
1
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f49f899c.js';
2
2
  import 'vue-demi';
3
- import '../../styles-f417e4ed.js';
4
- import '../OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js';
3
+ import '../../OrCardCollectionView.vue2-56150344.js';
5
4
  import '../../normalize-component-6e8e3d80.js';
6
5
  import '../../OrIconButton-69a3f0e3.js';
7
6
  import '../../OrIcon-7e3098b7.js';
@@ -1,65 +1,3 @@
1
- import { defineComponent, computed } from 'vue-demi';
2
- import { c as CardCollectionContent, d as CardCollectionContentViews } from '../../styles-f417e4ed.js';
3
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
4
-
5
- var script = defineComponent({
6
- name: 'OrCardCollectionView',
7
- props: {
8
- items: {
9
- type: Array,
10
- default: []
11
- },
12
- mode: {
13
- type: String,
14
- required: true
15
- }
16
- },
17
- setup(props) {
18
- const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
19
- return {
20
- contentStyles
21
- };
22
- }
23
- });
24
-
25
- /* script */
26
- const __vue_script__ = script;
27
-
28
- /* template */
29
- var __vue_render__ = function () {
30
- var _vm = this;
31
- var _h = _vm.$createElement;
32
- var _c = _vm._self._c || _h;
33
- return _c('div', {
34
- class: _vm.contentStyles
35
- }, [_vm._l(_vm.items, function (item) {
36
- return _vm._t("item", function () {
37
- return [_vm._v("\n " + _vm._s(item.key) + "\n ")];
38
- }, null, {
39
- item: item,
40
- mode: _vm.mode
41
- });
42
- })], 2);
43
- };
44
- var __vue_staticRenderFns__ = [];
45
-
46
- /* style */
47
- const __vue_inject_styles__ = undefined;
48
- /* scoped */
49
- const __vue_scope_id__ = undefined;
50
- /* module identifier */
51
- const __vue_module_identifier__ = undefined;
52
- /* functional template */
53
- const __vue_is_functional_template__ = false;
54
- /* style inject */
55
-
56
- /* style inject SSR */
57
-
58
- /* style inject shadow dom */
59
-
60
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
61
- render: __vue_render__,
62
- staticRenderFns: __vue_staticRenderFns__
63
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
64
-
65
- export { __vue_component__ as default };
1
+ export { _ as default } from '../../OrCardCollectionView.vue2-56150344.js';
2
+ import '../../normalize-component-6e8e3d80.js';
3
+ import 'vue-demi';
@@ -1,65 +1,3 @@
1
- import { defineComponent, computed } from 'vue-demi';
2
- import { c as CardCollectionContent, d as CardCollectionContentViews } from '../../styles-f417e4ed.js';
3
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
4
-
5
- var script = defineComponent({
6
- name: 'OrCardCollectionView',
7
- props: {
8
- items: {
9
- type: Array,
10
- default: []
11
- },
12
- mode: {
13
- type: String,
14
- required: true
15
- }
16
- },
17
- setup(props) {
18
- const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
19
- return {
20
- contentStyles
21
- };
22
- }
23
- });
24
-
25
- /* script */
26
- const __vue_script__ = script;
27
-
28
- /* template */
29
- var __vue_render__ = function () {
30
- var _vm = this;
31
- var _h = _vm.$createElement;
32
- var _c = _vm._self._c || _h;
33
- return _c('div', {
34
- class: _vm.contentStyles
35
- }, [_vm._l(_vm.items, function (item) {
36
- return [_vm._t("item", function () {
37
- return [_vm._v("\n " + _vm._s(item.key) + "\n ")];
38
- }, null, {
39
- item: item,
40
- mode: _vm.mode
41
- })];
42
- })], 2);
43
- };
44
- var __vue_staticRenderFns__ = [];
45
-
46
- /* style */
47
- const __vue_inject_styles__ = undefined;
48
- /* scoped */
49
- const __vue_scope_id__ = undefined;
50
- /* module identifier */
51
- const __vue_module_identifier__ = undefined;
52
- /* functional template */
53
- const __vue_is_functional_template__ = false;
54
- /* style inject */
55
-
56
- /* style inject SSR */
57
-
58
- /* style inject shadow dom */
59
-
60
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
61
- render: __vue_render__,
62
- staticRenderFns: __vue_staticRenderFns__
63
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
64
-
65
- export { __vue_component__ as default };
1
+ export { _ as default } from '../../OrCardCollectionView.vue2-56150344.js';
2
+ import '../../normalize-component-6e8e3d80.js';
3
+ import 'vue-demi';
@@ -1,54 +1,4 @@
1
- import { defineComponent } from 'vue-demi';
2
- import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
3
-
4
- var script = defineComponent({
5
- name: 'OrTeleport',
6
- props: {
7
- to: {
8
- type: String,
9
- default: 'body'
10
- },
11
- disabled: {
12
- type: Boolean,
13
- default: false
14
- }
15
- }
16
- });
17
-
18
- /* script */
19
- const __vue_script__ = script;
20
-
21
- /* template */
22
- var __vue_render__ = function () {
23
- var _vm = this;
24
- var _h = _vm.$createElement;
25
- var _c = _vm._self._c || _h;
26
- return _c('Teleport', {
27
- attrs: {
28
- "to": _vm.to,
29
- "disabled": _vm.disabled
30
- }
31
- }, [_vm._t("default")], 2);
32
- };
33
- var __vue_staticRenderFns__ = [];
34
-
35
- /* style */
36
- const __vue_inject_styles__ = undefined;
37
- /* scoped */
38
- const __vue_scope_id__ = undefined;
39
- /* module identifier */
40
- const __vue_module_identifier__ = undefined;
41
- /* functional template */
42
- const __vue_is_functional_template__ = false;
43
- /* style inject */
44
-
45
- /* style inject SSR */
46
-
47
- /* style inject shadow dom */
48
-
49
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
50
- render: __vue_render__,
51
- staticRenderFns: __vue_staticRenderFns__
52
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
53
-
54
- export { __vue_component__ as default };
1
+ export { default } from '../OrTeleport.vue2V3/OrTeleport.vue2V3.js';
2
+ import '../../normalize-component-6e8e3d80.js';
3
+ import 'portal-vue';
4
+ import 'vue-demi';
@@ -15,7 +15,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
15
15
  export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from '../OrButton-e28c7ff6.js';
16
16
  export { default as OrCard } from './OrCard/OrCard.js';
17
17
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-dc511c6a.js';
18
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-3d2fe208.js';
18
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f49f899c.js';
19
19
  export { default as OrCardV3 } from './OrCardV3/OrCardV3.js';
20
20
  export { default as OrCarouselItem } from './OrCarouselItem/OrCarouselItem.js';
21
21
  export { default as OrCarousel } from './OrCarousel/OrCarousel.js';
@@ -127,8 +127,7 @@ import '../useElevation-31bfe1f6.js';
127
127
  import 'portal-vue';
128
128
  import '../useResponsive-a02e95b7.js';
129
129
  import '../color-1f348774.js';
130
- import '../styles-f417e4ed.js';
131
- import './OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js';
130
+ import '../OrCardCollectionView.vue2-56150344.js';
132
131
  import '../OrChipsInput-8b18de32.js';
133
132
  import '../index-63e094a0.js';
134
133
  import '../useToggle-29e4d7c7.js';
@@ -11,7 +11,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
11
11
  export { B as ButtonColor, b as ButtonType, a as ButtonVariant, _ as OrButtonV3 } from './OrButton-e28c7ff6.js';
12
12
  export { default as OrCard } from './components/OrCard/OrCard.js';
13
13
  export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-dc511c6a.js';
14
- export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-3d2fe208.js';
14
+ export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f49f899c.js';
15
15
  export { default as OrCardV3 } from './components/OrCardV3/OrCardV3.js';
16
16
  export { default as OrCarouselItem } from './components/OrCarouselItem/OrCarouselItem.js';
17
17
  export { default as OrCarousel } from './components/OrCarousel/OrCarousel.js';
@@ -130,8 +130,7 @@ import 'portal-vue/dist/portal-vue.esm.js';
130
130
  import './constants-b4c183aa.js';
131
131
  import './dom-a98e78cb.js';
132
132
  import './components/OrTooltipWrapperV2/OrTooltipWrapperV2.js';
133
- import './styles-f417e4ed.js';
134
- import './components/OrCardCollectionView.vue2V3/OrCardCollectionView.vue2V3.js';
133
+ import './OrCardCollectionView.vue2-56150344.js';
135
134
  import './OrChipsInput-8b18de32.js';
136
135
  import './index-63e094a0.js';
137
136
  import './v4-cf8987a3.js';
@@ -1,7 +1,7 @@
1
1
  import { usePointerSwipe, onClickOutside, SwipeDirection } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, watch, unref } from 'vue-demi';
3
3
  import './components/OrOverlayV3/OrOverlayV3.js';
4
- import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
4
+ import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-f2bdd70b.js';
5
5
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
6
6
 
7
7
  const BottomSheetRoot = [
@@ -1,18 +1,17 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
- import { C as CardCollectionRoot, a as CardCollectionToolbar, b as CardCollectionToolbarPanel } from './styles-f417e4ed.js';
3
- import script$1 from './components/OrCardCollectionView.vue3V3/OrCardCollectionView.vue3V3.js';
2
+ import { s as script$1, C as CardCollectionRoot, a as CardCollectionToolbar, b as CardCollectionToolbarPanel } from './OrCardCollectionView.vue3-27432e35.js';
4
3
  import './components/OrIconButtonV3/OrIconButtonV3.js';
5
4
  import './components/OrButtonV3/OrButtonV3.js';
6
5
  import { s as script$3 } from './OrButton.vue_vue_type_script_lang-65924b87.js';
7
6
  import './components/OrMenuV3/OrMenuV3.js';
8
- import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-5e57c8a5.js';
7
+ import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-2b12f986.js';
9
8
  import './components/OrMenuItemV3/OrMenuItemV3.js';
10
9
  import { s as script$5 } from './OrMenuItem.vue_vue_type_script_lang-53cb4736.js';
11
10
  import './components/OrIconV3/OrIconV3.js';
12
11
  import './components/OrSearchV3/OrSearchV3.js';
13
- import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-a6f1fe96.js';
12
+ import { s as script$7 } from './OrSearch.vue_vue_type_script_lang-692ef46f.js';
14
13
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
15
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
14
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
16
15
  import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
17
16
 
18
17
  var DefaultCardCollectionViews;
@@ -0,0 +1,69 @@
1
+ import { defineComponent, computed } from 'vue-demi';
2
+ import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString } from 'vue';
3
+
4
+ const CardCollectionRoot = [
5
+ // Layout
6
+ 'layout-column',
7
+ // Spacing
8
+ 'gap-md'];
9
+ const CardCollectionToolbar = [
10
+ // Layout
11
+ 'layout-row justify-between',
12
+ // Typography
13
+ 'typography-body-2-regular',
14
+ // Theme
15
+ 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
16
+ const CardCollectionToolbarPanel = [
17
+ // Layout
18
+ 'layout-row',
19
+ // Spacing
20
+ 'gap-lg+'];
21
+ const CardCollectionContent = [
22
+ // Layout
23
+ 'grid',
24
+ // Spacing
25
+ 'gap-sm md:gap-md'];
26
+ const CardCollectionContentViews = {
27
+ 'grid': [
28
+ // Layout
29
+ 'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
30
+ 'list': ['grid-cols-1']
31
+ };
32
+
33
+ var script = defineComponent({
34
+ name: 'OrCardCollectionView',
35
+ props: {
36
+ items: {
37
+ type: Array,
38
+ default: []
39
+ },
40
+ mode: {
41
+ type: String,
42
+ required: true
43
+ }
44
+ },
45
+ setup(props) {
46
+ const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
47
+ return {
48
+ contentStyles
49
+ };
50
+ }
51
+ });
52
+
53
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
54
+ return openBlock(), createElementBlock("div", {
55
+ class: normalizeClass(_ctx.contentStyles)
56
+ }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
57
+ return renderSlot(_ctx.$slots, "item", mergeProps({
58
+ key: item.key || index
59
+ }, {
60
+ item,
61
+ mode: _ctx.mode
62
+ }), () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
63
+ }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
64
+ }
65
+
66
+ script.render = render;
67
+ script.__file = "src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue";
68
+
69
+ export { CardCollectionRoot as C, CardCollectionToolbar as a, CardCollectionToolbarPanel as b, script as s };
@@ -5,8 +5,8 @@ import './components/OrOverlayV3/OrOverlayV3.js';
5
5
  import './components/OrButtonV3/OrButtonV3.js';
6
6
  import './components/OrInputV3/OrInputV3.js';
7
7
  import { s as script$2, B as ButtonColor } from './OrButton.vue_vue_type_script_lang-65924b87.js';
8
- import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
9
- import { s as script$3 } from './OrInput.vue_vue_type_script_lang-e873ee13.js';
8
+ import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-f2bdd70b.js';
9
+ import { s as script$3 } from './OrInput.vue_vue_type_script_lang-e970f1b2.js';
10
10
 
11
11
  var ConfirmType;
12
12
  (function (ConfirmType) {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import './components/OrIconV3/OrIconV3.js';
3
3
  import './components/OrTooltipV3/OrTooltipV3.js';
4
- import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-2b7b049f.js';
4
+ import { s as script$2 } from './OrTooltip.vue_vue_type_script_lang-680dfd41.js';
5
5
  import { s as script$1, I as IconSize } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
6
6
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
7
7
 
@@ -7,7 +7,7 @@ import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_v
7
7
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
8
8
  import { s as script$1 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
9
9
  import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
10
- import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
10
+ import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
11
11
 
12
12
  var InlineInputType;
13
13
  (function (InlineInputType) {
@@ -6,7 +6,7 @@ import './components/OrInlineInputBoxV3/OrInlineInputBoxV3.js';
6
6
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
7
7
  import { s as script$1 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
8
8
  import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
9
- import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
9
+ import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
10
10
  import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-ef7d7eaf.js';
11
11
 
12
12
  const InlineTextareaRoot = [
@@ -5,7 +5,7 @@ import './components/OrHintV3/OrHintV3.js';
5
5
  import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
6
6
  import './components/OrIconV3/OrIconV3.js';
7
7
  import './components/OrIconButtonV3/OrIconButtonV3.js';
8
- import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
8
+ import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
9
9
  import './components/OrInputBoxV3/OrInputBoxV3.js';
10
10
  import { s as script$5, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
11
11
  import './components/OrLabelV3/OrLabelV3.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import './components/OrPopoverV3/OrPopoverV3.js';
3
3
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
4
- import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-7bbf8824.js';
4
+ import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-3aab2e20.js';
5
5
 
6
6
  const MenuRoot = [
7
7
  // Layout
@@ -2,8 +2,8 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import './components/OrOverlayV3/OrOverlayV3.js';
3
3
  import './components/OrIconButtonV3/OrIconButtonV3.js';
4
4
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
5
- import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-44194ab4.js';
6
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
5
+ import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-f2bdd70b.js';
6
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
7
7
 
8
8
  var ModalSize;
9
9
  (function (ModalSize) {
@@ -3,7 +3,7 @@ import './components/OrIconV3/OrIconV3.js';
3
3
  import './components/OrIconButtonV3/OrIconButtonV3.js';
4
4
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
5
5
  import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
6
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
6
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
7
7
 
8
8
  var NotificationVariant;
9
9
  (function (NotificationVariant) {
@@ -1,6 +1,6 @@
1
1
  import { useScrollLock } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed } from 'vue-demi';
3
- import './components/OrTeleport.vue3V3/OrTeleport.vue3V3.js';
3
+ import './components/OrTeleport.vue2V3/OrTeleport.vue2V3.js';
4
4
  import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
5
5
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
6
6
  import { u as useElevation } from './useElevation-31bfe1f6.js';
@@ -2,8 +2,8 @@ import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide
2
2
  import { onClickOutside } from '@vueuse/core';
3
3
  import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
4
4
  import './components/OrBottomSheetV3/OrBottomSheetV3.js';
5
- import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-4626080c.js';
6
- import './components/OrTeleport.vue3V3/OrTeleport.vue3V3.js';
5
+ import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-7926afd5.js';
6
+ import './components/OrTeleport.vue2V3/OrTeleport.vue2V3.js';
7
7
  import { u as useResponsive } from './useResponsive-a02e95b7.js';
8
8
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
9
9
  import { u as useElevation } from './useElevation-31bfe1f6.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { debouncedWatch } from '@vueuse/core';
3
3
  import './components/OrInputV3/OrInputV3.js';
4
- import { s as script$1 } from './OrInput.vue_vue_type_script_lang-e873ee13.js';
4
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-e970f1b2.js';
5
5
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
6
6
  import { I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
7
7
 
@@ -12,18 +12,18 @@ import './components/OrLabelV3/OrLabelV3.js';
12
12
  import './components/OrMenuItemV3/OrMenuItemV3.js';
13
13
  import './components/OrPopoverV3/OrPopoverV3.js';
14
14
  import './components/OrTagV3/OrTagV3.js';
15
- import { s as script$b } from './OrTag.vue_vue_type_script_lang-c8413a2f.js';
15
+ import { s as script$b } from './OrTag.vue_vue_type_script_lang-d70c4e48.js';
16
16
  import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
17
17
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
18
18
  import { u as useOverflow } from './useOverflow-af6161c8.js';
19
19
  import { s as script$2 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
20
20
  import { s as script$4 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
21
21
  import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
22
- import { s as script$6 } from './OrInput.vue_vue_type_script_lang-e873ee13.js';
22
+ import { s as script$6 } from './OrInput.vue_vue_type_script_lang-e970f1b2.js';
23
23
  import { s as script$7, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
24
24
  import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-55e01b7a.js';
25
25
  import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-53cb4736.js';
26
- import { s as script$a } from './OrPopover.vue_vue_type_script_lang-7bbf8824.js';
26
+ import { s as script$a } from './OrPopover.vue_vue_type_script_lang-3aab2e20.js';
27
27
 
28
28
  const SelectRoot = [
29
29
  // Layout
@@ -7,7 +7,7 @@ import './components/OrTabV3/OrTabV3.js';
7
7
  import { s as script$4 } from './OrTab.vue_vue_type_script_lang-a4c48577.js';
8
8
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
9
9
  import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
10
- import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-5e57c8a5.js';
10
+ import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-2b12f986.js';
11
11
  import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-53cb4736.js';
12
12
 
13
13
  var TabsVariant;
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
2
2
  import './components/OrIconButtonV3/OrIconButtonV3.js';
3
3
  import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
4
- import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
4
+ import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
5
5
 
6
6
  var TagVariant;
7
7
  (function (TagVariant) {
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
2
2
  import { T as ToastType } from './props-fb3f60a5.js';
3
3
  import './components/OrIconButtonV3/OrIconButtonV3.js';
4
4
  import './components/OrLoaderV3/OrLoaderV3.js';
5
- import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-efdab038.js';
5
+ import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
6
6
  import { s as script$2 } from './OrLoader.vue_vue_type_script_lang-b8a13a32.js';
7
7
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, withModifiers } from 'vue';
8
8
  import { s as styleInject } from './style-inject.es-4c6f2515.js';