@onereach/ui-components 11.7.0 → 11.7.1

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

@@ -194,16 +194,18 @@ var __vue_render__ = function () {
     }
   }) : _vm._e(), _vm._v(" "), _vm._t("toolbar")], 2), _vm._v(" "), _c('div', {
     class: _vm.toolbarPanelStyles
-  }, [_vm.enableSearch ? _c('OrSearch', {
-    staticClass: "md:w-[350px]",
-    attrs: {
-      "model-value": _vm.proxySearch,
-      "placeholder": _vm.searchPlaceholder,
-      "debounce": _vm.searchDebounce
-    },
-    on: {
-      "search": _vm.handleSearch
-    }
+  }, [_vm.enableSearch ? _vm._t("search", function () {
+    return [_c('OrSearch', {
+      staticClass: "md:w-[350px]",
+      attrs: {
+        "model-value": _vm.proxySearch,
+        "placeholder": _vm.searchPlaceholder,
+        "debounce": _vm.searchDebounce
+      },
+      on: {
+        "search": _vm.handleSearch
+      }
+    })];
   }) : _vm._e(), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
     staticClass: "layout-row gap-sm"
   }, _vm._l(_vm.viewModes, function (viewOption) {

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

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-3515151e.js';
+export { s as default } from '../OrCardCollectionV3-2afb748f.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-3515151e.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-2afb748f.js';

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

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

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-3515151e.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-2afb748f.js';

package/dist/bundled/v3/components/{OrCardCollectionV3-3515151e.js → OrCardCollectionV3-2afb748f.js}

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, withCtx } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButtonV3-3308b059.js';
 import { s as script$3 } from './OrSortingV3-b711339d.js';
@@ -217,14 +217,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.$emit('sortChange', $event))
   }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */), createElementVNode("div", {
     class: normalizeClass(_ctx.toolbarPanelStyles)
-  }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSearch, {
-    key: 0,
+  }, [_ctx.enableSearch ? renderSlot(_ctx.$slots, "search", {
+    key: 0
+  }, () => [createVNode(_component_OrSearch, {
     "model-value": _ctx.proxySearch,
     class: "md:w-[350px]",
     placeholder: _ctx.searchPlaceholder,
     debounce: _ctx.searchDebounce,
     onSearch: _ctx.handleSearch
-  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
+  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])]) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
     return openBlock(), createBlock(_component_OrIconButton, {
       key: viewOption.view,
       icon: viewOption.icon,

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

@@ -9,7 +9,7 @@ export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButt
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButtonV3-93a1cbea.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-3515151e.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollectionV3-2afb748f.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCardV3-a0e51677.js';
 export { default as OrCheckbox } from './OrCheckbox/OrCheckbox.js';
 export { default as OrCheckboxGroupV3 } from './OrCheckboxGroupV3/OrCheckboxGroup.js';

package/dist/bundled/v3/index.js

@@ -5,7 +5,7 @@ export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from './components
 export { OrButton, OrButtonColors, OrButtonSizes, OrButtonViews } from './components/OrButton/index.js';
 export { s as OrButtonGroupV3 } from './components/OrButtonGroupV3-816c17f4.js';
 export { CARD_COLLECTION_LAYOUT, OrCardCollection } from './components/OrCardCollection/index.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-3515151e.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './components/OrCardCollectionV3-2afb748f.js';
 export { C as CardPadding, s as OrCardV3 } from './components/OrCardV3-a0e51677.js';
 export { default as OrCheckboxGroupV3 } from './components/OrCheckboxGroupV3/OrCheckboxGroup.js';
 export { s as OrChip, a as OrChips } from './components/OrChips-76a65a2b.js';

package/dist/esm/v2/{OrCardCollection-a1d1233b.js → OrCardCollection-0ce09b30.js}

@@ -244,16 +244,18 @@ var __vue_render__ = function () {
     }
   }) : _vm._e(), _vm._v(" "), _vm._t("toolbar")], 2), _vm._v(" "), _c('div', {
     class: _vm.toolbarPanelStyles
-  }, [_vm.enableSearch ? _c('OrSearch', {
-    staticClass: "md:w-[350px]",
-    attrs: {
-      "model-value": _vm.proxySearch,
-      "placeholder": _vm.searchPlaceholder,
-      "debounce": _vm.searchDebounce
-    },
-    on: {
-      "search": _vm.handleSearch
-    }
+  }, [_vm.enableSearch ? _vm._t("search", function () {
+    return [_c('OrSearch', {
+      staticClass: "md:w-[350px]",
+      attrs: {
+        "model-value": _vm.proxySearch,
+        "placeholder": _vm.searchPlaceholder,
+        "debounce": _vm.searchDebounce
+      },
+      on: {
+        "search": _vm.handleSearch
+      }
+    })];
   }) : _vm._e(), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
     staticClass: "layout-row gap-sm"
   }, _vm._l(_vm.viewModes, function (viewOption) {

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

@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from '../OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-a9e0b0c9.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-a1d1233b.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-0ce09b30.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-42359715.js';
 export { _ as OrCheckbox } from '../OrCheckbox-b1c8e25e.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-319908d4.js';

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

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-a1d1233b.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-0ce09b30.js';
 import 'vue-demi';
 import '../../OrIconButton-3601fc59.js';
 import '../../OrIcon-0a14dafc.js';

package/dist/esm/v2/index.js

@@ -11,7 +11,7 @@ export { _ as OrButtonV3 } from './OrButton-3a743a90.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from './OrButton.vue_rollup-plugin-vue_script-e8900483.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-a9e0b0c9.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-a1d1233b.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-0ce09b30.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-42359715.js';
 export { _ as OrCheckbox } from './OrCheckbox-b1c8e25e.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-319908d4.js';

package/dist/esm/v3/{OrCardCollection-f08fe5c7.js → OrCardCollection-3b296973.js}

@@ -3,7 +3,7 @@ import { s as script$2 } from './OrIconButton-02b59101.js';
 import { s as script$5 } from './OrLoader-5e2f359b.js';
 import { s as script$4 } from './OrSearch-d19e5d31.js';
 import { s as script$3 } from './OrSorting-1d14048b.js';
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, withCtx } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -217,14 +217,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.$emit('sortChange', $event))
   }, null, 8 /* PROPS */, ["model-value", "options"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */), createElementVNode("div", {
     class: normalizeClass(_ctx.toolbarPanelStyles)
-  }, [_ctx.enableSearch ? (openBlock(), createBlock(_component_OrSearch, {
-    key: 0,
+  }, [_ctx.enableSearch ? renderSlot(_ctx.$slots, "search", {
+    key: 0
+  }, () => [createVNode(_component_OrSearch, {
     "model-value": _ctx.proxySearch,
     class: "md:w-[350px]",
     placeholder: _ctx.searchPlaceholder,
     debounce: _ctx.searchDebounce,
     onSearch: _ctx.handleSearch
-  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
+  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"])]) : createCommentVNode("v-if", true), _ctx.viewModes.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.viewModes, viewOption => {
     return openBlock(), createBlock(_component_OrIconButton, {
       key: viewOption.view,
       icon: viewOption.icon,

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

@@ -9,7 +9,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-31bcb511.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-6ee44732.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-f08fe5c7.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-3b296973.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-c2ef331b.js';
 export { s as OrCheckbox } from '../OrCheckbox-eedaff8f.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-fa6ecd15.js';

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

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-f08fe5c7.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-3b296973.js';
 import 'vue-demi';
 import '../../OrIconButton-02b59101.js';
 import '../../OrIcon-9aff520e.js';

package/dist/esm/v3/index.js

@@ -9,7 +9,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-31bcb511.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-6ee44732.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-f08fe5c7.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-3b296973.js';
 export { C as CardPadding, s as OrCardV3 } from './OrCard-c2ef331b.js';
 export { s as OrCheckbox } from './OrCheckbox-eedaff8f.js';
 export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-fa6ecd15.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "11.7.0",
+  "version": "11.7.1",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -180,5 +180,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "a60062c4eab0347cc0b329d3804e600b02a00cd2"
+  "gitHead": "511bfc60a2cd4f7d76db51f3ced34308a13c3f9b"
 }

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

@@ -16,14 +16,18 @@
       <div
         :class="toolbarPanelStyles"
       >
-        <OrSearch
+        <slot
           v-if="enableSearch"
-          :model-value="proxySearch"
-          class="md:w-[350px]"
-          :placeholder="searchPlaceholder"
-          :debounce="searchDebounce"
-          @search="handleSearch"
-        />
+          name="search"
+        >
+          <OrSearch
+            :model-value="proxySearch"
+            class="md:w-[350px]"
+            :placeholder="searchPlaceholder"
+            :debounce="searchDebounce"
+            @search="handleSearch"
+          />
+        </slot>
 
         <template v-if="viewModes.length > 1">
           <div class="layout-row gap-sm">