@onereach/ui-components 20.1.0 → 20.1.2

package/dist/esm/components/or-autocomplete-v3/index.js

@@ -0,0 +1,29 @@
+export { x as OrAutocompleteV3 } from '../OrAutocompleteV3-8c6de221.js';
+import 'vue';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';

package/dist/{esm-deps → esm}/components/or-avatar-v3/index.js

@@ -1,10 +1,32 @@
-import { defineComponent, ref, computed } from 'vue';
-import { a9 as X, a5 as D } from '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '../../dom-CwV-xS38-5babad01.js';
-import '../../OrIcon-cd8db2b5.js';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from 'vue';
+import { X, D } from '../OrAutocompleteV3-8c6de221.js';
 import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
 
 var AvatarSize;
 (function (AvatarSize) {
@@ -153,4 +175,26 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["src"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    style: normalizeStyle(_ctx.rootInlineStyles)
+  }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.src ? (openBlock(), createElementBlock("img", {
+    key: 0,
+    class: normalizeClass(['w-full', 'h-full', 'object-cover']),
+    src: _ctx.src,
+    alt: ''
+  }, null, 8 /* PROPS */, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_OrIcon, {
+    key: 1,
+    icon: _ctx.icon,
+    size: 'inherit'
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 6 /* CLASS, STYLE */);
+}
+
+script.render = render;
+script.__file = "src/components/or-avatar-v3/OrAvatar.vue";
+
 export { AvatarColor, AvatarSize, script as OrAvatarV3 };

package/dist/{esm-deps → esm}/components/or-bottom-sheet-v3/index.js

@@ -1,12 +1,32 @@
+import { ref, unref, computed, defineComponent, toRefs, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 import { usePointerSwipe, onClickOutside } from '@vueuse/core';
-import { ref, unref, computed, defineComponent, toRefs, watch } from 'vue';
-import { u as ue, b as te } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../OrOverlay-d67e7093.js';
+import { u as ue, t as te } from '../OrAutocompleteV3-8c6de221.js';
 import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import './index.js';
 import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
 
 var BottomSheetVariant;
 (function (BottomSheetVariant) {
@@ -208,4 +228,30 @@ var script = defineComponent({
   }
 });
 
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+    key: 0,
+    fullscreen: _ctx.fullscreen
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
+      ref: 'root',
+      class: _ctx.rootStyles,
+      style: _ctx.rootInlineStyles
+    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.handleStyles)
+    }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
+      ref: 'content',
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["fullscreen"])) : createCommentVNode("v-if", true);
+}
+
+script.render = render;
+script.__file = "src/components/or-bottom-sheet-v3/OrBottomSheet.vue";
+
 export { BottomSheetVariant, script as OrBottomSheetV3 };

package/dist/esm/components/or-button-group-v3/index.js

@@ -0,0 +1,92 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { ButtonVariant, ButtonColor } from '../or-button-v3/index.js';
+import '../OrAutocompleteV3-8c6de221.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-tag-v3/index.js';
+
+const ButtonGroup = [
+// Layout
+'layout-row',
+// Shape (children)
+'[&:not(:first-child)]:children:rounded-l-0', '[&:not(:last-child)]:children:rounded-r-0'];
+const ButtonGroupVariants = {
+  [ButtonVariant.Contained]: [
+  // Spacing
+  'gap-[1px]'],
+  [ButtonVariant.Outlined]: [
+  // Position (children)
+  'children:relative',
+  // Position (children:active)
+  'active:children:z-10',
+  // Spacing (children)
+  '[&:not(:first-child)]:children:-ml-[1px]'],
+  [ButtonVariant.Text]: [
+  // Theme
+  'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'],
+  [ButtonVariant.Link]: []
+};
+
+var script = defineComponent({
+  name: 'OrButtonGroup',
+  props: {
+    variant: {
+      type: String,
+      default: () => ButtonVariant.Contained
+    },
+    color: {
+      type: String,
+      default: () => ButtonColor.Primary
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-button-group-v3', ...ButtonGroup, ...ButtonGroupVariants[props.variant]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.$props)))], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-button-group-v3/OrButtonGroup.vue";
+
+export { script as OrButtonGroupV3 };

package/dist/{esm-deps → esm}/components/or-button-v3/index.js

@@ -1,9 +1,52 @@
-import { B as ButtonVariant, b as ButtonType, a as ButtonColor } from '../../props-bba3dca8.js';
-import { defineComponent, ref, computed } from 'vue';
-import { i as isVue3 } from '../../constants-57e8b5da.js';
-import '../../OrLoader-4e331586.js';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createBlock, createCommentVNode } from 'vue';
+import { i as isVue3 } from '../OrAutocompleteV3-8c6de221.js';
 import { OrLoaderV3 as script$1 } from '../or-loader-v3/index.js';
 import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import './index.js';
+import '../or-tag-v3/index.js';
+
+var ButtonVariant;
+(function (ButtonVariant) {
+  ButtonVariant["Contained"] = "contained";
+  ButtonVariant["Outlined"] = "outlined";
+  ButtonVariant["Text"] = "text";
+  ButtonVariant["Link"] = "link";
+})(ButtonVariant || (ButtonVariant = {}));
+var ButtonColor;
+(function (ButtonColor) {
+  ButtonColor["Primary"] = "primary";
+  ButtonColor["Danger"] = "danger";
+  ButtonColor["Inherit"] = "inherit";
+})(ButtonColor || (ButtonColor = {}));
+var ButtonType;
+(function (ButtonType) {
+  ButtonType["Button"] = "button";
+  ButtonType["Submit"] = "submit";
+  ButtonType["Reset"] = "reset";
+})(ButtonType || (ButtonType = {}));
 
 const Button = [
 // Layout
@@ -149,4 +192,41 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["type", "activated", "disabled", "data-loading"];
+const _hoisted_2 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['absolute'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  return openBlock(), createElementBlock("button", mergeProps({
+    ref: 'root',
+    class: _ctx.rootStyles,
+    type: _ctx.type,
+    activated: _ctx.activated,
+    disabled: _ctx.disabled,
+    "data-loading": _ctx.loading
+  }, toHandlers({
+    ...(_ctx.isVue3 ? {} : _ctx.$listeners),
+    click: e => _ctx.$emit('click', e),
+    focus: e => _ctx.$emit('focus', e),
+    blur: e => _ctx.$emit('blur', e)
+  }, true)), [createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.variant == 'contained' || _ctx.variant == 'outlined' ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'inherit',
+    size: 's'
+  })])) : (openBlock(), createBlock(_component_OrLoader, {
+    key: 1,
+    variant: "text",
+    text: _ctx.loadingText
+  }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-button-v3/OrButton.vue";
+
 export { ButtonColor, ButtonType, ButtonVariant, script as OrButtonV3 };

package/dist/{esm-deps → esm}/components/or-card-collection-v3/index.js

@@ -1,96 +1,35 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode, defineComponent, computed, renderSlot, ref, watch } from 'vue';
-import '../../OrIconButton-b7d4175c.js';
-import { OrIconButtonV3 as script$3 } from '../or-icon-button-v3/index.js';
-import { OrSortingV3 as script$2 } from '../or-sorting-v3/index.js';
-import '../../OrSearch-8e817fad.js';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, ref, watch, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, mergeProps, withCtx } from 'vue';
+import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
+import { OrSortingV3 as script$3 } from '../or-sorting-v3/index.js';
 import { OrSearchV3 as script$4 } from '../or-search-v3/index.js';
-import '../../OrLoader-4e331586.js';
 import { OrLoaderV3 as script$5 } from '../or-loader-v3/index.js';
-import '../../constants-57e8b5da.js';
-import '../../OrIcon-cd8db2b5.js';
-import '../or-icon-v3/index.js';
-import '../../OrTooltip-62181b78.js';
-import '../or-tooltip-v3/index.js';
-import '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import '../OrAutocompleteV3-8c6de221.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
-import '@vueuse/core';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tooltip-v3/index.js';
 import '../or-popover-v3/index.js';
-import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
+import '@floating-ui/dom';
 import '../or-bottom-sheet-v3/index.js';
-import '../../OrOverlay-d67e7093.js';
 import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
-import '../../OrPopover-bd078650.js';
-import '../../OrButton-91f48227.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
 import '../or-button-v3/index.js';
-import '../../props-bba3dca8.js';
-import '../../OrMenu-13beee12.js';
+import '../or-tag-v3/index.js';
 import '../or-menu-v3/index.js';
-import '../../OrMenuItem-c40a275b.js';
-import '../or-menu-item-v3/index.js';
-import '../../OrInput-4fcaf87c.js';
-import '../or-input-v3/index.js';
-import '../../OrHint-fcdf591c.js';
-import '../or-error-v3/index.js';
-import '../or-hint-v3/index.js';
-import '../../OrInputBox-e79531c2.js';
-import '../or-input-box-v3/index.js';
-import '../../types-98e9a758.js';
-import '../../OrLabel-d50a3ebb.js';
-import '../or-label-v3/index.js';
-import '../../style-inject.es-87955792.js';
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIcon = resolveComponent("OrIcon");
-  const _component_OrButton = resolveComponent("OrButton");
-  const _component_OrMenuItem = resolveComponent("OrMenuItem");
-  const _component_OrMenu = resolveComponent("OrMenu");
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createVNode(_component_OrButton, {
-    ref: 'sortButton',
-    variant: 'link',
-    color: 'primary',
-    onClick: _cache[0] || (_cache[0] = $event => _ctx.sortMenu && _ctx.sortMenu.toggle())
-  }, {
-    default: withCtx(() => [createElementVNode("span", {
-      class: normalizeClass(_ctx.sortLabelStyles)
-    }, toDisplayString(_ctx.sortLabel), 3 /* TEXT, CLASS */), _ctx.sortMenu ? (openBlock(), createBlock(_component_OrIcon, {
-      key: 0,
-      icon: _ctx.sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
-    }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]),
-    _: 1 /* STABLE */
-  }), createVNode(_component_OrMenu, {
-    ref: 'sortMenu',
-    trigger: _ctx.sortButton && _ctx.sortButton.root,
-    placement: 'bottom-start',
-    offset: {
-      mainAxis: 8,
-      crossAxis: -8
-    }
-  }, {
-    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, item => {
-      return openBlock(), createBlock(_component_OrMenuItem, {
-        key: item.value,
-        selected: item.value === _ctx.modelValue,
-        onClick: $event => _ctx.handleSort(item.value)
-      }, {
-        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
-        _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
-    }), 128 /* KEYED_FRAGMENT */))]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["trigger"])], 2 /* CLASS */);
-}
-
-script$2.render = render$1;
-script$2.__file = "src/components/or-sorting-v3/OrSorting.vue";
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -172,7 +111,7 @@ var script$1 = defineComponent({
   }
 });
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.rootStyles)
   }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
@@ -185,15 +124,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128 /* KEYED_FRAGMENT */)), renderSlot(_ctx.$slots, "viewEnd")], 2 /* CLASS */);
 }
 
-script$1.render = render;
+script$1.render = render$1;
 script$1.__file = "src/components/or-card-collection-v3/partials/OrCardCollectionView.vue3.vue";
 
 var script = defineComponent({
   name: 'OrCardCollection',
   components: {
     OrCardCollectionView: script$1,
-    OrIconButton: script$3,
-    OrSorting: script$2,
+    OrIconButton: script$2,
+    OrSorting: script$3,
     OrSearch: script$4,
     OrLoader: script$5
   },
@@ -286,4 +225,74 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = {
+  key: 1,
+  class: "layout-row gap-sm"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrSorting = resolveComponent("OrSorting");
+  const _component_OrSearch = resolveComponent("OrSearch");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrCardCollectionView = resolveComponent("OrCardCollectionView");
+  const _component_OrLoader = resolveComponent("OrLoader");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [_ctx.sortOptions.length ? (openBlock(), createBlock(_component_OrSorting, {
+    key: 0,
+    "model-value": _ctx.sort,
+    options: _ctx.sortOptions,
+    "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 ? 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 => {
+    return openBlock(), createBlock(_component_OrIconButton, {
+      key: viewOption.view,
+      icon: viewOption.icon,
+      size: 'l',
+      selected: viewOption.view === _ctx.proxyView,
+      onClick: $event => _ctx.switchView(viewOption.view)
+    }, null, 8 /* PROPS */, ["icon", "selected", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */))])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 2 /* CLASS */), renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+    items: _ctx.items,
+    mode: _ctx.proxyView
+  }))), _ctx.items.length && !_ctx.loading ? renderSlot(_ctx.$slots, _ctx.proxyView, normalizeProps(mergeProps({
+    key: 0
+  }, {
+    items: _ctx.items
+  })), () => [createVNode(_component_OrCardCollectionView, {
+    items: _ctx.items,
+    mode: _ctx.proxyView
+  }, {
+    item: withCtx(props => [renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(props)))]),
+    viewEnd: withCtx(() => [renderSlot(_ctx.$slots, "viewEnd")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["items", "mode"])]) : createCommentVNode("v-if", true), _ctx.items.length === 0 || _ctx.loading ? (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.emptyContainerStyles)
+  }, [_ctx.proxySearch.length > 0 && !_ctx.loading ? renderSlot(_ctx.$slots, "noSearchResults", {
+    key: 0,
+    search: _ctx.proxySearch
+  }, () => [createTextVNode(" No results ")]) : createCommentVNode("v-if", true), _ctx.loading ? renderSlot(_ctx.$slots, "loading", {
+    key: 1
+  }, () => [createVNode(_component_OrLoader)]) : createCommentVNode("v-if", true), _ctx.items.length === 0 && _ctx.proxySearch.length === 0 && !_ctx.loading ? renderSlot(_ctx.$slots, "empty", {
+    key: 2
+  }) : createCommentVNode("v-if", true)], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
+
 export { CardCollectionView, script as OrCardCollectionV3, defaultViewModes, gridView, listView };

package/dist/{esm-deps → esm}/components/or-card-v3/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
 var CardPadding;
 (function (CardPadding) {
@@ -58,4 +58,16 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["selected"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.selected
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-card-v3/OrCard.vue";
+
 export { CardPadding, script as OrCardV3 };