@onereach/ui-components 2.77.0-beta.2448.0 → 2.77.0-beta.2456.0

package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-cda6f95e.js → OrTextarea.vue_vue_type_script_lang-1b3f2396.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed, reactive } from 'vue-demi';
 import { TextareaRoot, TextareaControl } from './components/OrTextareaV3/styles.js';
-import './OrHint-12428e42.js';
-import './components/OrInputBox/OrInputBox.js';
-import './OrLabel-47f15fc0.js';
+import './components/OrErrorV3/OrError.js';
+import './components/OrHintV3/OrHint.js';
+import './components/OrInputBoxV3/OrInputBox.js';
+import './components/OrLabelV3/OrLabel.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrTextbox.vue_vue_type_script_lang-20e6c904.js → OrTextbox.vue_vue_type_script_lang-686e0310.js}

@@ -4,7 +4,7 @@ import { setStyle, requestAF, getCS, reflow, cancelAF } from './utils/functions/
 import { TextboxTypes } from './components/OrTextbox/constants.js';
 import _ from 'lodash';
 import './components/OrLabel/OrLabel.js';
-import './components/OrIconButton/OrIconButton.js';
+import './components/OrIconButtonV2/OrIconButton.js';
 import './components/OrHint/OrHint.js';
 import './components/OrError/OrError.js';
 import './components/OrCollapse/OrCollapse.js';

package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-39906821.js → OrToastContainer.vue_vue_type_script_lang-3bb6f082.js}

@@ -2,8 +2,8 @@ import script$1 from './components/OrToast/OrToast.js';
 import script$2 from './components/OrTeleport/OrTeleport.js';
 import { defineComponent, nextTick } from 'vue-demi';
 import { useToggle } from '@vueuse/core';
-import useQueue from './components/OrToast/useQueue.js';
-import useToastEventBus from './components/OrToast/useToastEventBus.js';
+import useQueue from './components/or-toast/composable/useQueue.js';
+import useToastEventBus from './components/or-toast/composable/useToastEventBus.js';
 import { PositionsX, PositionsY, TransitionType } from './components/OrToast/constants.js';
 
 var script = defineComponent({

package/dist/bundled/v3/OrToastContainer.vue_vue_type_script_lang-e98944bc.js

@@ -0,0 +1,147 @@
+import { useToggle } from '@vueuse/core';
+import { defineComponent, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
+import useQueue from './components/or-toast-v3/composable/useQueue.js';
+import useToastEventBus from './components/or-toast-v3/composable/useToastEventBus.js';
+import script$2 from './components/OrToastV3/OrToast.js';
+import { P as PositionsX, a as PositionsY, T as TransitionType } from './props-7be029c7.js';
+import { ToastContainer, ToastContainerPositions } from './components/OrToastV3/styles.js';
+import './components/OrTeleportV3/OrTeleport.js';
+import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+
+var script = defineComponent({
+  name: 'OrToastContainer',
+  components: {
+    OrTeleport: script$1,
+    OrToast: script$2
+  },
+  props: {
+    includeHeaderHeight: {
+      type: Boolean,
+      default: true
+    },
+    position: {
+      type: Object,
+      default: {
+        positionX: PositionsX.Right,
+        positionY: PositionsY.Bottom
+      }
+    },
+    transition: {
+      type: String,
+      default: TransitionType.Slide
+    }
+  },
+  setup(props) {
+    const {
+      on,
+      off
+    } = useToastEventBus();
+    const {
+      queue: queueRef,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem
+    } = useQueue();
+    const [isActive, toggle] = useToggle(false);
+    const classes = computed(() => {
+      var _a;
+      return ['or-toast-container', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
+        'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
+      }];
+    });
+    const transitionName = computed(() => {
+      var _a;
+      return `or-toast--position-${(_a = props.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${props.transition}`;
+    });
+    // State
+    const queue = computed(() => {
+      return queueRef.value.map(({
+        value
+      }) => value);
+    });
+    // Methods
+    function createToast(toastConfiguration) {
+      const caller = () => {
+        var _a;
+        addItem(toastConfiguration);
+        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
+      };
+      if (!isActive.value) {
+        // before create toast we need change isActive props, to render or-teleport,
+        // in other case first item will not be animated
+        toggle(true);
+        nextTick(caller);
+      } else {
+        caller();
+      }
+    }
+    function toastUpdate(toast) {
+      const toastItem = getItem(item => {
+        return item.hash === toast.hash;
+      });
+      if (toastItem) toastItem.value = toast;
+    }
+    function toastRemove(toast) {
+      removeItem(item => {
+        var _a, _b, _c;
+        if (item.hash === toast.hash) {
+          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
+          return true;
+        }
+        return false;
+      });
+    }
+    function onToastEnter(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
+    }
+    function onToastLeave(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
+    }
+    function onClick(toastBehaviour) {
+      var _a;
+      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
+    }
+    function onToastHidden() {
+      toggle(queue.value.length > 0);
+    }
+    // Effects
+    onBeforeMount(() => {
+      on('toastNotify', createToast);
+      on('toastClose', toastRemove);
+      on('toastUpdate', toastUpdate);
+      on('toastCloseAll', clearAll);
+    });
+    onBeforeUnmount(() => {
+      off('toastNotify', createToast);
+      off('toastClose', toastRemove);
+      off('toastUpdate', toastUpdate);
+      off('toastCloseAll', clearAll);
+    });
+    return {
+      on,
+      off,
+      classes,
+      transitionName,
+      isActive,
+      toggle,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem,
+      queue,
+      createToast,
+      toastUpdate,
+      toastRemove,
+      onToastEnter,
+      onToastLeave,
+      onClick,
+      onToastHidden
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrTooltip.vue_vue_type_script_lang-a27e7f1f.js → OrTooltip.vue_vue_type_script_lang-196b0605.js}

@@ -1,9 +1,9 @@
 import { useDebounceFn, useElementHover } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
-import './components/OrPopover/OrPopover.js';
+import './components/OrPopoverV3/OrPopover.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import { PopoverPlacement } from './components/OrPopoverV3/props.js';
-import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-2ba79d91.js';
 
 var script = defineComponent({
   name: 'OrTooltip',

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

@@ -0,0 +1,35 @@
+import { s as script } from '../../OrAvatar.vue_vue_type_script_lang-78b30c30.js';
+export { s as default } from '../../OrAvatar.vue_vue_type_script_lang-78b30c30.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, createCommentVNode } from 'vue';
+import 'vue-demi';
+import '../../utils/functions/color.js';
+import '../../utils/constants/regex.js';
+import '../../utils/functions/hash.js';
+import '../../utils/constants/color.js';
+import './props.js';
+import './styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+
+const _hoisted_1 = ["src"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon = resolveComponent("or-icon");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.src ? (openBlock(), createElementBlock("img", {
+    key: 0,
+    class: normalizeClass(_ctx.imageStyles),
+    src: _ctx.src,
+    alt: ''
+  }, null, 10 /* CLASS, PROPS */, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_or_icon, {
+    key: 1,
+    icon: _ctx.icon,
+    size: "inherit"
+  }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-avatar-v3/OrAvatar.vue";

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

@@ -1,12 +1,12 @@
 export { AvatarColor, AvatarSize } from './props.js';
-export { s as OrAvatarV3 } from '../../OrAvatar.vue_vue_type_script_lang-32273c2f.js';
+export { s as OrAvatarV3 } from '../../OrAvatar.vue_vue_type_script_lang-78b30c30.js';
 import 'vue-demi';
 import '../../utils/functions/color.js';
 import '../../utils/constants/regex.js';
 import '../../utils/functions/hash.js';
 import '../../utils/constants/color.js';
 import './styles.js';
-import '../../OrIcon-671794cb.js';
+import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';

package/dist/bundled/v3/components/{OrBottomSheet → OrBottomSheetV3}/OrBottomSheet.js

@@ -1,11 +1,13 @@
-import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
-export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
+import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
+export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createCommentVNode } from 'vue';
 import '@vueuse/core';
 import 'vue-demi';
-import '../OrBottomSheetV3/styles.js';
-import '../../OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import './styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
 import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';

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

@@ -1,9 +1,11 @@
-export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
+export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './styles.js';
-import '../../OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
 import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import 'vue';
 import '../../hooks/useElevation.js';

package/dist/bundled/v3/{OrButton-bf88c2a5.js → components/OrButtonV2/OrButton.js}

@@ -1,6 +1,26 @@
-import { s as script } from './OrButton.vue_vue_type_script_lang-e768a47a.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-e768a47a.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-e768a47a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import 'vue-demi';
+import './constants.js';
+import '../OrIcon/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-e3152dc5.js';
+import 'lodash';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
+import '../OrTooltipContent/OrTooltipContent.js';
+import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
+import '../OrFloating/OrFloating.js';
+import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrTeleport/OrTeleport.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
 
 const _hoisted_1 = ["disabled", "type"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/bundled/v3/{OrButton-cc469bd8.js → components/OrButtonV3/OrButton.js}

@@ -1,5 +1,14 @@
-import { s as script } from './OrButton.vue_vue_type_script_lang-a58d3d78.js';
+import { s as script } from '../../OrButton.vue_vue_type_script_lang-a840ee7d.js';
+export { s as default } from '../../OrButton.vue_vue_type_script_lang-a840ee7d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import 'vue-demi';
+import './props.js';
+import './styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
+import '@vueuse/core';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
 
 const _hoisted_1 = ["type", "activated", "disabled"];
 const _hoisted_2 = {

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

@@ -1,8 +1,8 @@
 export { ButtonColor, ButtonType, ButtonVariant } from './props.js';
-export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-a58d3d78.js';
+export { s as OrButtonV3 } from '../../OrButton.vue_vue_type_script_lang-a840ee7d.js';
 import 'vue-demi';
 import './styles.js';
-import '../../OrLoader-1c02d64d.js';
+import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
 import '@vueuse/core';
 import '../OrLoaderV3/props.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-25c62a0c.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-25c62a0c.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-ac1c8efe.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-ac1c8efe.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -21,7 +21,7 @@ import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-2eb1c79b.js';
+import '../../OrSearch.vue_vue_type_script_lang-8de954cf.js';
 import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../../OrInput.vue_vue_type_script_lang-ad995b35.js';
@@ -33,7 +33,7 @@ import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
 import '../../OrCollapse.vue_vue_type_script_lang-5137ca99.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import '../OrTooltip/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';

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

@@ -1,5 +1,5 @@
 export { CARD_COLLECTION_LAYOUT } from './constants.js';
-export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-25c62a0c.js';
+export { s as OrCardCollection } from '../../OrCardCollection.vue_vue_type_script_lang-ac1c8efe.js';
 import 'vue-demi';
 import '../OrCard/OrCard.js';
 import '../../OrCard.vue_vue_type_script_lang-81561dd8.js';
@@ -20,7 +20,7 @@ import '../OrTeleport/constants.js';
 import '../OrFloating/constants.js';
 import '../../utils/functions/dom.js';
 import '../OrSearch/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-2eb1c79b.js';
+import '../../OrSearch.vue_vue_type_script_lang-8de954cf.js';
 import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../../OrInput.vue_vue_type_script_lang-ad995b35.js';
@@ -32,7 +32,7 @@ import '../OrError/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-450321b8.js';
 import '../OrCollapse/OrCollapse.js';
 import '../../OrCollapse.vue_vue_type_script_lang-5137ca99.js';
-import '../OrIconButton/OrIconButton.js';
+import '../OrIconButtonV2/OrIconButton.js';
 import '../../OrIconButton.vue_vue_type_script_lang-4a3f6358.js';
 import '../OrTooltip/OrTooltip.js';
 import '../../OrTooltip.vue_vue_type_script_lang-b8594f7e.js';

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

@@ -0,0 +1,162 @@
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-3e87a19b.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-3e87a19b.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
+import 'vue-demi';
+import './styles.js';
+import './props.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7a36beed.js';
+import '../OrIconButtonV3/props.js';
+import '../OrIconV3/props.js';
+import '../OrIconButtonV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
+import '../OrIconV3/styles.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-196b0605.js';
+import '@vueuse/core';
+import '../OrTooltipV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-a840ee7d.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
+import '../OrMenuV3/styles.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrSearchV3/OrSearch.js';
+import '../../OrSearch.vue_vue_type_script_lang-fbb85b2a.js';
+import '../OrInputV3/OrInput.js';
+import '../../OrInput.vue_vue_type_script_lang-9f6f9afc.js';
+import '../OrInputV3/props.js';
+import '../OrInputBoxV3/props.js';
+import '../OrInputV3/styles.js';
+import '../OrErrorV3/OrError.js';
+import '../../OrError.vue_vue_type_script_lang-de6e6cd3.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
+import '../../OrHint.vue_vue_type_script_lang-ec2b37d4.js';
+import '../OrHintV3/styles.js';
+import '../OrInputBoxV3/OrInputBox.js';
+import '../../OrInputBox.vue_vue_type_script_lang-44f85823.js';
+import '../OrInputBoxV3/styles.js';
+import '../OrLabelV3/OrLabel.js';
+import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../../hooks/useIdAttribute.js';
+import '../../hooks/useControlAttributes.js';
+import '../../hooks/useValidationAttributes.js';
+import '../../style-inject.es-4c6f2515.js';
+
+const _hoisted_1 = {
+  class: "layout-row gap-sm"
+};
+function render(_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");
+  const _component_OrSearch = resolveComponent("OrSearch");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrCardCollectionView = resolveComponent("OrCardCollectionView");
+  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(), createElementBlock(Fragment, {
+    key: 0
+  }, [createVNode(_component_OrButton, {
+    ref: "sortButton",
+    variant: "link",
+    color: "inherit",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.sortMenu.toggle())
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.sortLabel) + " ", 1 /* TEXT */), _ctx.sortMenu ? (openBlock(), createBlock(_component_OrIcon, {
+      key: 0,
+      icon: _ctx.sortMenu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'
+    }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]),
+    _: 1 /* STABLE */
+  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
+    ref: "sortMenu",
+    trigger: _ctx.sortButton && _ctx.sortButton.root
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortOptions, sortItem => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: sortItem,
+        onClick: $event => _ctx.handleSort(sortItem.value)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(sortItem.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarPanelStyles)
+  }, [createVNode(_component_OrSearch, {
+    "model-value": _ctx.proxySearch,
+    class: "md:w-[350px]",
+    placeholder: _ctx.searchPlaceholder,
+    debounce: _ctx.searchDebounce,
+    size: "s",
+    onSearch: _ctx.handleSearch
+  }, null, 8 /* PROPS */, ["model-value", "placeholder", "debounce", "onSearch"]), createElementVNode("div", _hoisted_1, [_ctx.viewModes.length > 1 ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.viewModes, viewOption => {
+    return openBlock(), createBlock(_component_OrIconButton, {
+      key: viewOption.view,
+      icon: {
+        icon: viewOption.icon,
+        variant: viewOption.view === _ctx.proxyView ? 'filled' : 'outlined'
+      },
+      onClick: $event => _ctx.switchView(viewOption.view)
+    }, null, 8 /* PROPS */, ["icon", "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 ? 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)))]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["items", "mode"])]) : _ctx.items.length === 0 && _ctx.proxySearch.length > 0 ? renderSlot(_ctx.$slots, "noSearchResults", normalizeProps(mergeProps({
+    key: 1
+  }, {
+    search: _ctx.proxySearch
+  })), () => [createTextVNode(" No results ")]) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";

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

@@ -1,62 +1,67 @@
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-d81e9f9b.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-3e87a19b.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
-import '../../OrIconButton-0d8e85d9.js';
-import '../../OrIconButton.vue_vue_type_script_lang-5e089ff3.js';
+import '../OrIconButtonV3/OrIconButton.js';
+import '../../OrIconButton.vue_vue_type_script_lang-7a36beed.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
-import '../../OrIcon-671794cb.js';
+import '../OrIconV3/OrIcon.js';
 import '../../OrIcon.vue_vue_type_script_lang-1a037644.js';
 import '../OrIconV3/styles.js';
-import '../../OrTooltip.vue_vue_type_script_lang-a27e7f1f.js';
+import '../OrTooltipV3/OrTooltip.js';
+import '../../OrTooltip.vue_vue_type_script_lang-196b0605.js';
 import '@vueuse/core';
 import '../OrTooltipV3/styles.js';
-import '../OrPopover/OrPopover.js';
-import '../../OrPopover.vue_vue_type_script_lang-2ba79d91.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-49cc4886.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrPopoverV3/props.js';
 import '../OrPopoverV3/styles.js';
-import '../OrBottomSheet/OrBottomSheet.js';
-import '../../OrBottomSheet.vue_vue_type_script_lang-80114a8a.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-398a517b.js';
 import '../OrBottomSheetV3/styles.js';
-import '../../OrOverlay.vue_vue_type_script_lang-fea5839d.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-683dc1bb.js';
 import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
 import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import '../../OrButton-cc469bd8.js';
-import '../../OrButton.vue_vue_type_script_lang-a58d3d78.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-a840ee7d.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
-import '../../OrLoader-1c02d64d.js';
+import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-228835e3.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../OrMenu/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-911ded05.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-d7a5bf28.js';
 import '../OrMenuV3/styles.js';
-import '../OrMenuItem/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-7f05cee1.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-2c0c186d.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrSearch.vue_vue_type_script_lang-b6f85857.js';
-import '../../OrInput-ab04adbb.js';
-import '../../OrInput.vue_vue_type_script_lang-da9e19d2.js';
+import '../OrSearchV3/OrSearch.js';
+import '../../OrSearch.vue_vue_type_script_lang-fbb85b2a.js';
+import '../OrInputV3/OrInput.js';
+import '../../OrInput.vue_vue_type_script_lang-9f6f9afc.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
-import '../../OrHint-12428e42.js';
+import '../OrErrorV3/OrError.js';
 import '../../OrError.vue_vue_type_script_lang-de6e6cd3.js';
 import '../OrErrorV3/styles.js';
+import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-ec2b37d4.js';
 import '../OrHintV3/styles.js';
-import '../OrInputBox/OrInputBox.js';
+import '../OrInputBoxV3/OrInputBox.js';
 import '../../OrInputBox.vue_vue_type_script_lang-44f85823.js';
 import '../OrInputBoxV3/styles.js';
-import '../../OrLabel-47f15fc0.js';
+import '../OrLabelV3/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-f59a91ee.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';