@onereach/ui-components 2.73.0-beta.2258.0 → 2.73.0

package/dist/esm/v3/{OrNotification-eb08de33.js → OrNotification-e85a4956.js}

@@ -104,7 +104,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}\n[data-theme=dark] .or-notification .or-icon[data-v-2a8b1558] {\n  color: var(--c-neutral-1);\n}\n[data-theme=dark] .or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-darken-45);\n  color: var(--c-neutral-6);\n}\n[data-theme=dark] .or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-neutral-6);\n}";
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-2a8b1558 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-2a8b1558 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-notification[data-v-2a8b1558] {\n  /** TODO: Override when mobile design is ready to guarantee alignment of icons with first text row */\n  --alignment-height: var(--lh-1);\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n  padding: var(--s-4);\n  background-color: var(--c-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 0.0625rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.08);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: background-color;\n}\n.or-notification.is-size-default[data-v-2a8b1558] {\n  max-width: 48rem;\n}\n.or-notification.is-size-inline[data-v-2a8b1558] {\n  max-width: 27.875rem;\n}\n.or-notification a[data-v-2a8b1558] {\n  font-weight: var(--fw-2);\n  color: var(--c-black);\n}\n.or-notification--icon[data-v-2a8b1558] {\n  display: flex;\n  align-items: center;\n  min-height: var(--alignment-height);\n  margin-right: var(--s-4);\n}\n.or-notification--icon[data-v-2a8b1558] .or-icon {\n  font-size: 1rem;\n}\n.or-notification--content[data-v-2a8b1558] {\n  flex: 1 1 100%;\n  word-break: break-word;\n}\n.or-notification--close[data-v-2a8b1558] {\n  display: flex;\n  height: var(--alignment-height);\n  margin-left: 1rem;\n}\n.or-notification--close[data-v-2a8b1558] .or-icon {\n  font-size: 1rem !important;\n}\n.or-notification.is-type-info[data-v-2a8b1558] {\n  background-color: var(--c-primary-lighten-45);\n}\n.or-notification.is-type-info a[data-v-2a8b1558] {\n  color: var(--c-primary);\n}\n.or-notification.is-type-error[data-v-2a8b1558] {\n  background-color: var(--c-error-lighten-45);\n}\n.or-notification.is-type-error a[data-v-2a8b1558] {\n  color: var(--c-error);\n}\n.or-notification.is-type-warning[data-v-2a8b1558] {\n  background-color: var(--c-warning-lighten-45);\n}\n.or-notification.is-type-warning a[data-v-2a8b1558] {\n  color: var(--c-warning);\n}\n.or-notification.is-type-success[data-v-2a8b1558] {\n  background-color: var(--c-success-lighten-45);\n}\n.or-notification.is-type-success a[data-v-2a8b1558] {\n  color: var(--c-success);\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/{OrSearch-4c5c44f2.js → OrSearch-5406bf03.js}

@@ -47,11 +47,12 @@ var script = defineComponent({
     // State
     const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
     // Events
-    debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
+    debouncedWatch(localModelValue, () => localModelValue.value.length > 0 && context.emit('search', localModelValue.value), {
       debounce: props.debounce
     });
     watch(localModelValue, (val, beforeVal) => {
       if (val.length === 0 && beforeVal.length > 0) {
+        context.emit('search');
         context.emit('clear');
       }
     });

package/dist/esm/v3/OrSidebar-61d84c3e.js

@@ -0,0 +1,313 @@
+import { useDraggable, useElementBounding } from '@vueuse/core';
+import _ from 'lodash';
+import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
+import { O as OrSidebarPlacement, s as script$1 } from './OrSidebarCollapseButton-1b9c83ef.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
+
+const SidebarRoot = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-row', 'shrink-0',
+// Box
+'min-w-0', 'h-auto', 'p-0',
+// Theme
+'bg-background', 'dark:bg-background-dark'];
+const SidebarBar = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-col', 'shrink-0', 'grow',
+// Box
+'min-h-0', 'p-0',
+// Theme
+'text-on-background', 'dark:text-on-background-dark',
+// Transition
+'transition-[width]'];
+const SidebarToolbar = [
+// Position
+'relative',
+// Layout
+'flex', 'flex-col', 'shrink-0', 'grow', 'overflow-auto', 'items-center',
+// Sizing
+'gap-md',
+// Box
+'min-h-0', 'min-w-xl', 'p-[6px]', 'py-md+',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
+const CollapsibleSidebarToolbar = ['pt-[56px]'];
+const SidebarSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
+};
+const SidebarToolbarSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-[1px]', 'border-r-solid', 'border-r-outline-variant dark:border-r-outline-variant-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-[1px]', 'border-l-solid', 'border-l-outline-variant dark:border-l-outline-variant-dark']
+};
+const SidebarResize = [
+// Position
+'absolute', 'inset-y-none', 'z-[1]',
+// Box
+'w-sm+', 'h-[100%]',
+// Cursor
+'cursor-ew-resize'];
+const SidebarResizeSides = {
+  [OrSidebarPlacement.left]: [
+  // Position
+  '-right-[1px]',
+  // Borders
+  'hover:border-r-2', 'hover:border-r-primary-hover hover:dark:border-r-primary-hover-dark',
+  // Transition
+  'transition-[border-right]'],
+  [OrSidebarPlacement.right]: [
+  // Position
+  '-left-[1px]',
+  // Borders
+  'hover:border-l-2', 'hover:border-l-primary-hover hover:dark:border-l-primary-hover-dark',
+  // Transition
+  'transition-[border-left]']
+};
+const SidebarCollapseButton = [
+// Position
+'absolute', 'top-md', 'inset-y-none', 'z-[1]'];
+const SidebarCollapseButtonSides = {
+  [OrSidebarPlacement.left]: [
+  // Position
+  '-right-[12px]'],
+  [OrSidebarPlacement.right]: [
+  // Position
+  '-left-[12px]']
+};
+const SidebarResizingSides = {
+  [OrSidebarPlacement.left]: [
+  // Borders
+  'border-r-2', 'border-r-primary-hover dark:border-r-primary-hover-dark'],
+  [OrSidebarPlacement.right]: [
+  // Borders
+  'border-l-2', 'border-l-primary-hover dark:border-l-primary-hover-dark']
+};
+const SidebarMain = [
+// Layout
+'flex', 'flex-col', 'grow', 'overflow-x-hidden',
+// Box
+'min-h-0'];
+const SidebarHeader = [
+// Layout
+'shrink-0', 'overflow-hidden',
+// Sizing
+'p-md',
+// Typography
+'typography-headline-2', 'whitespace-nowrap', 'text-ellipsis'];
+const SidebarContent = [
+// Layout
+'grow', 'overflow-auto',
+// Sizing
+'p-md'];
+const SidebarFooter = [
+// Layout
+'shrink-0', 'overflow-x-hidden',
+// Sizing
+'p-md',
+// Borders
+'border-t-[1px]', 'border-t-solid', 'border-t-outline-variant dark:border-t-outline-variant-dark'];
+
+var script = defineComponent({
+  name: 'OrSidebar',
+  components: {
+    OrSidebarCollapseButton: script$1
+  },
+  props: {
+    width: {
+      type: Number,
+      default: 320,
+      validator: value => _.isNumber(value) && value >= 0
+    },
+    minimumWidth: {
+      type: Number,
+      default: 256,
+      validator: value => _.isNumber(value) && value >= 0
+    },
+    maximumWidth: {
+      type: Number,
+      default: 384,
+      validator: value => _.isNumber(value) && value >= 0
+    },
+    /**
+     * User may put the component on the right or the left side of a container.
+     * This property mirrors the resizing behavior (drag direction) and styling (horizontal border) of the sidebar.
+     *
+     * Note: the property doesn't reposition the component in the parent container.
+     * @values left, right
+     */
+    side: {
+      type: String,
+      default: OrSidebarPlacement.right,
+      validator: value => _.includes(_.values(OrSidebarPlacement), value)
+    },
+    draggable: {
+      type: Boolean,
+      default: true
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['change:width', 'open', 'close'],
+  expose: ['root', 'open', 'close'],
+  setup(props, {
+    emit
+  }) {
+    // Refs
+    const root = ref();
+    const resizeBar = ref(null);
+    const parentContainer = computed(() => {
+      var _a;
+      return (_a = root.value) === null || _a === void 0 ? void 0 : _a.parentElement;
+    });
+    // Slots
+    const {
+      toolbar: toolbarSlot
+    } = useSlots();
+    // State
+    const startPositionX = ref(0);
+    const isResizing = ref(false);
+    const isCollapsed = ref(false);
+    const maximumWidth = ref(props.maximumWidth || 384);
+    const localWidth = ref(props.width >= props.minimumWidth ? props.width : props.minimumWidth);
+    const isShowingToolbar = computed(() => !!toolbarSlot);
+    // Styles
+    const sidebarStyle = computed(() => ({
+      width: (isCollapsed.value ? 16 : localWidth.value) + 'px'
+    }));
+    const rootStyles = computed(() => ['or-sidebar', ...SidebarRoot]);
+    const sidebarStyles = computed(() => [...SidebarBar, ...SidebarSides[props.side]]);
+    const toolbarStyles = computed(() => [...SidebarToolbar, ...(props.collapsible ? CollapsibleSidebarToolbar : []), ...SidebarToolbarSides[props.side]]);
+    const resizeStyles = computed(() => [...SidebarResize, ...SidebarResizeSides[props.side], ...(isResizing.value ? SidebarResizingSides[props.side] : [])]);
+    const collapsibleButtonStyles = computed(() => [...SidebarCollapseButton, ...SidebarCollapseButtonSides[props.side]]);
+    const mainStyles = computed(() => [...SidebarMain]);
+    const headerStyles = computed(() => [...SidebarHeader]);
+    const contentStyles = computed(() => [...SidebarContent]);
+    const footerStyles = computed(() => [...SidebarFooter]);
+    // Effects
+    useDraggable(resizeBar, {
+      preventDefault: true,
+      onStart: (position, event) => {
+        document.body.style.cursor = 'ew-resize';
+        document.body.style.userSelect = 'none';
+        startPositionX.value = event.x;
+        isResizing.value = true;
+      },
+      onMove: position => {
+        const delta = (position.x - startPositionX.value) * (props.side === OrSidebarPlacement.left ? -1 : 1);
+        const newWidth = localWidth.value - delta;
+        localWidth.value = newWidth > maximumWidth.value ? maximumWidth.value : newWidth < props.minimumWidth ? props.minimumWidth : newWidth;
+        startPositionX.value = position.x;
+      },
+      onEnd: () => {
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+        isResizing.value = false;
+      }
+    });
+    // Methods
+    function open() {
+      isCollapsed.value = false;
+    }
+    function close() {
+      isCollapsed.value = true;
+    }
+    const {
+      width: containerWidth
+    } = useElementBounding(parentContainer);
+    watch(() => props.width, newValue => {
+      if (newValue !== localWidth.value) {
+        localWidth.value = newValue > maximumWidth.value ? maximumWidth.value : newValue < props.minimumWidth ? props.minimumWidth : newValue;
+      }
+    });
+    watch(() => props.minimumWidth, newMinimum => {
+      if (newMinimum > localWidth.value) localWidth.value = newMinimum;
+    });
+    watch(() => props.maximumWidth, newMaximum => {
+      if (newMaximum < maximumWidth.value) maximumWidth.value = newMaximum;
+    });
+    watch(containerWidth, newMaximum => {
+      if (newMaximum < maximumWidth.value) maximumWidth.value = newMaximum;
+    });
+    watch(maximumWidth, newMaximum => {
+      if (newMaximum < localWidth.value) localWidth.value = newMaximum;
+    });
+    watch(localWidth, val => emit('change:width', val));
+    watch(isCollapsed, val => emit(val ? 'close' : 'open'));
+    return {
+      root,
+      resizeBar,
+      isResizing,
+      isCollapsed,
+      localWidth,
+      isShowingToolbar,
+      sidebarStyle,
+      rootStyles,
+      sidebarStyles,
+      toolbarStyles,
+      resizeStyles,
+      collapsibleButtonStyles,
+      mainStyles,
+      headerStyles,
+      contentStyles,
+      footerStyles,
+      open,
+      close
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_sidebar_collapse_button = resolveComponent("or-sidebar-collapse-button");
+  return openBlock(), createElementBlock("aside", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.side === 'right' && _ctx.isShowingToolbar ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.toolbarStyles)
+  }, [renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.sidebarStyles),
+    style: normalizeStyle(_ctx.sidebarStyle)
+  }, [_ctx.draggable && !_ctx.isCollapsed ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    ref: "resizeBar",
+    class: normalizeClass(_ctx.resizeStyles)
+  }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.collapsible ? (openBlock(), createBlock(_component_or_sidebar_collapse_button, {
+    key: 1,
+    modelValue: _ctx.isCollapsed,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.isCollapsed = $event),
+    class: normalizeClass(_ctx.collapsibleButtonStyles),
+    side: _ctx.side
+  }, null, 8 /* PROPS */, ["modelValue", "class", "side"])) : createCommentVNode("v-if", true), withDirectives(createElementVNode("div", {
+    class: normalizeClass(_ctx.mainStyles)
+  }, [_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.headerStyles)
+  }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 2 /* CLASS */), [[vShow, !_ctx.isCollapsed]]), _ctx.$slots.footer ? withDirectives((openBlock(), createElementBlock("div", {
+    key: 2,
+    class: normalizeClass(_ctx.footerStyles)
+  }, [renderSlot(_ctx.$slots, "footer")], 2 /* CLASS */)), [[vShow, !_ctx.isCollapsed]]) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */), _ctx.side === 'left' && _ctx.isShowingToolbar ? (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.toolbarStyles)
+  }, [renderSlot(_ctx.$slots, "toolbar")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-sidebar-v3/OrSidebar.vue";
+
+export { script as s };

package/dist/esm/v3/OrSidebarCollapseButton-1b9c83ef.js

@@ -0,0 +1,94 @@
+import _ from 'lodash';
+import { defineComponent, ref, computed } from 'vue-demi';
+import { s as script$1 } from './OrIconButton-2dcfb83e.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
+
+var OrSidebarPlacement;
+(function (OrSidebarPlacement) {
+  OrSidebarPlacement["left"] = "left";
+  OrSidebarPlacement["right"] = "right";
+})(OrSidebarPlacement || (OrSidebarPlacement = {}));
+
+const CollapseButtonContainer = [
+// Box
+'w-[24px]', 'h-[24px]', 'rounded-full',
+// Theme
+'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
+const CollapseButton = [
+// Box
+'w-[24px]', 'h-[24px]', 'rounded-full',
+// Typography
+'!text-[16px]',
+// Borders
+'!border-[1px]', '!border-solid',
+// Theme
+'!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
+// Theme (hover)
+'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
+// Theme (active)
+'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
+// Theme (focus)
+'focus:!text-primary focus:dark:!text-primary-dark', 'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark', 'focus:!border-outline dark:focus:!border-outline-dark',
+// Theme (disabled)
+'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
+
+var script = defineComponent({
+  name: 'OrSidebarCollapseButton',
+  components: {
+    OrIconButton: script$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    /**
+     * Must be `true` if sidebar is collapsed.
+     */
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    side: {
+      type: String,
+      default: OrSidebarPlacement.right,
+      validator: value => _.includes(_.values(OrSidebarPlacement), value)
+    }
+  },
+  emits: ['update:modelValue'],
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    const rootStyles = computed(() => ['or-sidebar-collapse-button', ...CollapseButtonContainer]);
+    const buttonStyles = computed(() => [...CollapseButton]);
+    const icon = computed(() => props.side === OrSidebarPlacement.left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right');
+    return {
+      root,
+      rootStyles,
+      buttonStyles,
+      icon
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_or_icon_button, {
+    class: normalizeClass(_ctx.buttonStyles),
+    icon: {
+      icon: _ctx.icon,
+      size: 'inherit'
+    },
+    color: "inherit",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('update:modelValue', !_ctx.modelValue))
+  }, null, 8 /* PROPS */, ["class", "icon"])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue";
+
+export { OrSidebarPlacement as O, script as s };

package/dist/esm/v3/{OrSkeletonText-0546754d.js → OrSkeletonText-2b1610ce.js}

@@ -45,7 +45,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 6 /* CLASS, STYLE */);
 }
 
-var css_248z$2 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-374502f0 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-374502f0] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-374502f0]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-374502f0 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-374502f0] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-374502f0]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-circle[data-v-374502f0] {\n  border-radius: 9999px !important;\n}";
+var css_248z$2 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-374502f0 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-374502f0 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-374502f0 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-374502f0] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-374502f0]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-374502f0 1.5s linear 0.5s infinite;\n}\n.or-skeleton-circle[data-v-374502f0] {\n  border-radius: 9999px !important;\n}";
 styleInject(css_248z$2);
 
 script$2.render = render$2;
@@ -96,7 +96,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 6 /* CLASS, STYLE */);
 }
 
-var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-043cb99c {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-043cb99c] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-043cb99c]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-043cb99c 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-043cb99c] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-043cb99c]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-rect[data-v-043cb99c] {\n  border-radius: var(--s-2);\n}";
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-043cb99c {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-043cb99c {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-043cb99c {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-043cb99c] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-043cb99c]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-043cb99c 1.5s linear 0.5s infinite;\n}\n.or-skeleton-rect[data-v-043cb99c] {\n  border-radius: var(--s-2);\n}";
 styleInject(css_248z$1);
 
 script$1.render = render$1;
@@ -170,7 +170,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), 128 /* KEYED_FRAGMENT */))], 4 /* STYLE */);
 }
 
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-10564f36 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-10564f36] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-10564f36]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-10564f36 1.5s linear 0.5s infinite;\n}\n[data-theme=dark] .or-skeleton[data-v-10564f36] {\n  background: var(--c-neutral-3);\n}\n[data-theme=dark] .or-skeleton.is-animated[data-v-10564f36]::before {\n  background: linear-gradient(90.14deg, var(--c-neutral-3) 0.1%, var(--c-neutral-2) 49.98%, var(--c-neutral-3) 99.06%);\n}\n.or-skeleton-text-root[data-v-10564f36] {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-10564f36] {\n  border-radius: var(--s-2);\n  width: 100%;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-10564f36] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-10564f36] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-10564f36] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-10564f36 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-10564f36 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes wave-10564f36 {\n0% {\n    transform: translateX(-100%);\n}\n100% {\n    transform: translateX(100%);\n}\n}\n.or-skeleton[data-v-10564f36] {\n  overflow: hidden;\n  position: relative;\n  padding: 0;\n  background: #f6f8fd;\n  border: 0;\n}\n.or-skeleton.is-animated[data-v-10564f36]::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background: linear-gradient(90.14deg, #f6f8fd 0.1%, #fff 49.98%, #f6f8fd 99.06%);\n  animation: wave-10564f36 1.5s linear 0.5s infinite;\n}\n.or-skeleton-text-root[data-v-10564f36] {\n  height: auto;\n  display: flex;\n  flex-direction: column;\n}\n.or-skeleton-text-root .or-skeleton-text[data-v-10564f36] {\n  border-radius: var(--s-2);\n  width: 100%;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-10564f36] {\n  height: 1.5rem;\n  margin: 0.145rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-10564f36] {\n  height: 1.25rem;\n  margin: 0.03125rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-1[data-v-10564f36] {\n  height: 1rem;\n  margin: 0.25rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-body-2[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.21875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-button[data-v-10564f36] {\n  height: 0.875rem;\n  margin: 0.1875rem 0;\n}\n.or-skeleton-text-root .or-skeleton-text-caption[data-v-10564f36] {\n  height: 0.75rem;\n  margin: 0.1875rem 0;\n}";
 styleInject(css_248z);
 
 script.render = render;

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

@@ -6,13 +6,13 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-c56998e7.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-1e44c758.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8b8e3745.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-e4fde5b4.js';
 export { s as OrCardV3 } from '../OrCard-cd6af82e.js';
 export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from '../OrCheckbox-ed4a19cf.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-16c1e2f4.js';
 export { s as OrChip, a as OrChips } from '../OrChips-9afba42f.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode-72688173.js';
+export { s as OrCode, O as OrCodeLanguages } from '../OrCode-5ed69c23.js';
 export { s as OrCollapse } from '../OrCollapse-445141ab.js';
 export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-189cb097.js';
 export { s as OrConfirm } from '../OrConfirm-c11ee2ec.js';
@@ -49,7 +49,7 @@ export { s as OrMenuV3 } from '../OrMenu-7f3ea117.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-40217b49.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-8b074b0c.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-4219a6dc.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-eb08de33.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-e85a4956.js';
 export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-0e682c7f.js';
 export { s as OrNumberInput } from '../OrNumberInput-b32b5ce3.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-e82cbcbe.js';
@@ -63,13 +63,14 @@ export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-bb9b37c1.js';
 export { s as OrSearch } from '../OrSearch-11fdf667.js';
-export { s as OrSearchV3 } from '../OrSearch-4c5c44f2.js';
+export { s as OrSearchV3 } from '../OrSearch-5406bf03.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-880b4911.js';
 export { s as OrSelect } from '../OrSelect-0821b907.js';
 export { s as OrSelectV3 } from '../OrSelect-466e50ca.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar-a62972f5.js';
-export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-0546754d.js';
+export { s as OrSidebarV3 } from '../OrSidebar-61d84c3e.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-1b9c83ef.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-2b1610ce.js';
 export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-afd3d007.js';
 export { s as OrSlider } from '../OrSlider-87e2da8c.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader-a39f77f9.js';
@@ -107,7 +108,6 @@ import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
 import 'codemirror';
-import '@codemirror/theme-one-dark';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
 import '@codemirror/lang-json';

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

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-8b8e3745.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-e4fde5b4.js';
 import 'vue-demi';
 import '../../OrButton-c56998e7.js';
 import '../../OrLoader-a53d2edf.js';
@@ -16,7 +16,7 @@ import '../../OrOverlay-afad3aa4.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrMenuItem-58707d47.js';
 import '../../OrMenu-7f3ea117.js';
-import '../../OrSearch-4c5c44f2.js';
+import '../../OrSearch-5406bf03.js';
 import '../../OrInput-bd054213.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useValidationAttributes-d1abbe34.js';

package/dist/esm/v3/components/or-code/OrCode.vue.d.ts

@@ -9,11 +9,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
-    isDark: Ref<boolean>;
-    themeObserver: {
-        isSupported: Ref<boolean>;
-        stop: () => void;
-    };
 }> & {
     isFullscreen: boolean;
 }, {
@@ -173,11 +168,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     fullscreenTarget: Ref<HTMLDivElement | undefined>;
     editor: EditorView;
     isHovered: Ref<boolean>;
-    isDark: Ref<boolean>;
-    themeObserver: {
-        isSupported: Ref<boolean>;
-        stop: () => void;
-    };
 }>, {
     isFullscreen: boolean;
 }, {

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

@@ -1,10 +1,9 @@
-export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-72688173.js';
+export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-5ed69c23.js';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';
-import 'codemirror';
 import '@vueuse/core';
-import '@codemirror/theme-one-dark';
+import 'codemirror';
 import 'lodash';
 import 'vue-demi';
 import '../../OrIconButton-8be9c89f.js';

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

@@ -1,4 +1,4 @@
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification-eb08de33.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../../OrNotification-e85a4956.js';
 import 'vue-demi';
 import '../../OrIcon-669503c3.js';
 import 'lodash';

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

@@ -1,4 +1,4 @@
-export { s as OrSearchV3 } from '../../OrSearch-4c5c44f2.js';
+export { s as OrSearchV3 } from '../../OrSearch-5406bf03.js';
 export { a as SearchSize } from '../../OrInputBox-e16ade90.js';
 import '@vueuse/core';
 import 'vue-demi';