@onereach/ui-components 2.70.0-beta.2131.0 → 2.70.0-beta.2159.0

package/dist/esm/v3/OrEmptyState-bb8e3145.js

@@ -0,0 +1,135 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from 'vue';
+
+var EmptyStateSize;
+(function (EmptyStateSize) {
+  EmptyStateSize["L"] = "l";
+  EmptyStateSize["M"] = "m";
+})(EmptyStateSize || (EmptyStateSize = {}));
+
+const EmptyStateRoot = [
+// Layout
+'grow', 'flex', 'flex-col', 'justify-center', 'items-center',
+// Box
+'w-full',
+// Sizing
+'gap-sm'];
+const EmptyStateImage = [
+// Sizing
+'mb-sm'];
+const EmptyStateImageSizes = {
+  [EmptyStateSize.L]: [
+  // Box
+  'h-3xl'],
+  [EmptyStateSize.M]: [
+  // Box
+  'h-2xl']
+};
+const EmptyStateHeading = [
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const EmptyStateHeadingSizes = {
+  [EmptyStateSize.L]: [
+  // Typography
+  'typography-headline-2'],
+  [EmptyStateSize.M]: [
+  // Typography
+  'typography-headline-4']
+};
+const EmptyStateText = ['text-center',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
+const EmptyStateContent = EmptyStateText;
+const EmptyStateTextSizes = {
+  [EmptyStateSize.L]: [
+  // Typography
+  'typography-body-2-regular'],
+  [EmptyStateSize.M]: [
+  // Typography
+  'typography-caption-regular']
+};
+const EmptyStateContentSizes = EmptyStateTextSizes;
+
+/**
+ * The component to display when there is no content on a page,
+ * no records found or selected, or while the data is being loaded.
+ * Provides a hint to the user on what to do.
+ * Consists of text message, optional icon and optional loader.
+ */
+var script = defineComponent({
+  name: 'OrEmptyState',
+  props: {
+    /**
+     * Size of the component, affects font and icon size.
+     * Use Large if the component takes all screen space,
+     * and Medium if it is a part of the complex layout.
+     */
+    size: {
+      type: String,
+      default: EmptyStateSize.M
+    },
+    /**
+     * The heading of the empty state block.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Additional text such as a hint for a user with proposed next steps.
+     */
+    text: {
+      type: String,
+      default: ''
+    },
+    /**
+     * Path to the image to display above the heading.
+     * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
+     */
+    imageSrc: {
+      type: String,
+      default: undefined
+    }
+  },
+  setup(props) {
+    const root = ref();
+    const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
+    const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
+    const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
+    const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);
+    const slotClasses = computed(() => ['or-empty-state_content', ...EmptyStateContent, ...EmptyStateContentSizes[props.size]]);
+    return {
+      root,
+      rootClasses,
+      imageClasses,
+      headingClasses,
+      textClasses,
+      slotClasses
+    };
+  }
+});
+
+const _hoisted_1 = ["src"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootClasses)
+  }, [_ctx.imageSrc ? (openBlock(), createElementBlock("img", {
+    key: 0,
+    src: _ctx.imageSrc,
+    class: normalizeClass(_ctx.imageClasses),
+    alt: ""
+  }, null, 10 /* CLASS, PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.headingClasses)
+  }, toDisplayString(_ctx.heading), 3 /* TEXT, CLASS */), _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.slotClasses)
+  }, [createCommentVNode(" @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. "), renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.textClasses)
+  }, toDisplayString(_ctx.text), 3 /* TEXT, CLASS */)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-empty-state-v3/OrEmptyState.vue";
+
+export { EmptyStateSize as E, script as s };

package/dist/esm/v3/OrInput-41691fb3.js

@@ -5,7 +5,7 @@ import { s as script$1 } from './OrError-ec8c709d.js';
 import { s as script$2 } from './OrHint-74bb732d.js';
 import { s as script$4 } from './OrIconButton-1eebcafc.js';
 import { s as script$3 } from './OrIcon-b195169c.js';
-import { s as script$5, a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { s as script$5, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { s as script$6 } from './OrLabel-bdaec602.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInputBox-5247ab25.js → OrInputBox-6d1b6059.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 var InputBoxVariant;
 (function (InputBoxVariant) {

package/dist/esm/v3/{OrRichTextEditor-b2e87342.js → OrRichTextEditor-f1271eb6.js}

@@ -21,11 +21,14 @@ import { s as script$2 } from './OrLabel-bdaec602.js';
 import { s as script$4 } from './OrMenu-840038cd.js';
 import './OrPopover-1075dd38.js';
 import { s as script$3 } from './OrMenuItem-9da279f6.js';
-import { Editor, mergeAttributes } from '@tiptap/core';
+import { Node, Editor, mergeAttributes } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
 import Underline from '@tiptap/extension-underline';
 import Heading from '@tiptap/extension-heading';
 import Placeholder from '@tiptap/extension-placeholder';
+import { C as CodeMirrorView } from './codemirrorView-8ea431d2.js';
+import { minimalSetup } from 'codemirror';
+import { javascript } from '@codemirror/lang-javascript';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
@@ -84,6 +87,7 @@ const serialize = (schema, content) => {
   return serializer.serialize(proseMirrorDocument);
 };
 const deserialize = (schema, content) => {
+  if (!content) return null;
   const html = marked.parse(content);
   if (!html) return null;
   const parser = new DOMParser();
@@ -135,6 +139,41 @@ const EditorInput = [
 // Sizing
 'min-h-[88px]'];
 
+var codemirrorNode = Node.create({
+  name: 'code_block',
+  content: 'text*',
+  marks: '',
+  group: 'block',
+  code: true,
+  defining: true,
+  isolating: true,
+  parseHTML() {
+    return [{
+      tag: 'pre',
+      preserveWhitespace: 'full'
+    }];
+  },
+  renderHTML() {
+    return ['pre', ['code', 0]];
+  },
+  addNodeView() {
+    return ({
+      node,
+      editor,
+      getPos
+    }) => {
+      return new CodeMirrorView({
+        node,
+        view: editor.view,
+        getPos: getPos,
+        cmOptions: {
+          extensions: [minimalSetup, javascript()]
+        }
+      });
+    };
+  }
+});
+
 var script = defineComponent({
   name: 'OrRichTextEditor',
   components: {
@@ -245,7 +284,6 @@ var script = defineComponent({
           editor
         }) => {
           if (props.markdownFormat) {
-            console.log(proxyModelValue.value, 'on crete');
             const deserialized = deserialize(editor.schema, proxyModelValue.value);
             editor.commands.setContent(deserialized);
           } else {
@@ -254,8 +292,9 @@ var script = defineComponent({
         },
         element: editorRef.value,
         autofocus: props.autofocus,
-        extensions: [StarterKit.configure({
-          heading: false
+        extensions: [codemirrorNode, StarterKit.configure({
+          heading: false,
+          codeBlock: false
         }), Heading.configure({
           levels: headingLevels
         }).extend({
@@ -297,12 +336,10 @@ var script = defineComponent({
     const proxyModelValue = computed({
       get: () => {
         var _a;
-        console.log('modelV: ', props.modelValue, 'v: ', props.value);
         return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
       },
 
       set: value => {
-        console.log(value, 'set');
         context.emit('input', value);
         context.emit('update:modelValue', value);
       }
@@ -329,7 +366,15 @@ var script = defineComponent({
       } else if (item === 'blockquote') {
         editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBlockquote().run();
       } else if (item === 'codeBlock') {
-        editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleCodeBlock().run();
+        if (!isActive.value['codeBlock']) {
+          // isActive.value['codeBlock'] = true;
+          editor === null || editor === void 0 ? void 0 : editor.commands.setNode('code_block', {
+            language: 'javascript'
+          });
+        } else {
+          // isActive.value['codeBlock'] = false;
+          editor === null || editor === void 0 ? void 0 : editor.commands.setNode('paragraph');
+        }
       } else if (item === 'heading') {
         if (!level) {
           editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
@@ -370,7 +415,11 @@ var script = defineComponent({
     const setActiveFormats = () => {
       const toolbarList = props.toolbar.flat();
       toolbarList.forEach(item => {
-        isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
+        if (item === 'codeBlock') {
+          isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive('code_block')) || false;
+        } else {
+          isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
+        }
       });
     };
     // Styles
@@ -399,7 +448,6 @@ var script = defineComponent({
     };
     //Effects
     watch(proxyModelValue, value => {
-      console.log(value, 'watch');
       if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
         editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
       }
@@ -516,7 +564,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
-var css_248z = ".tiptap-editor ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor ul {\n  margin: 0 24px;\n  list-style: initial;\n}\n.tiptap-editor pre {\n  background-color: rgba(186, 209, 236, 0.3);\n  padding: 4px 8px;\n  margin: 4px 0;\n  width: 100%;\n  border-radius: 4px;\n}\n.tiptap-editor blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}";
+var css_248z = ".tiptap-editor ol {\n  margin: 0 24px;\n  list-style: decimal;\n}\n.tiptap-editor ul {\n  margin: 0 24px;\n  list-style: initial;\n}\n.tiptap-editor pre {\n  background-color: rgba(186, 209, 236, 0.3);\n  padding: 4px 8px;\n  margin: 4px 0;\n  width: 100%;\n  border-radius: 4px;\n}\n.tiptap-editor blockquote {\n  margin: 8px 24px;\n  padding: 0 24px;\n  border-left: 4px solid #bad1ec;\n}\n.tiptap-editor .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}\n.tiptap-editor .cm-editor {\n  border: solid 1px #838990;\n  border-radius: 4px;\n}\n.tiptap-editor .cm-editor.cm-focused {\n  outline: none;\n}\n.tiptap-editor .cm-editor .cm-line:hover {\n  background-color: rgba(0, 95, 177, 0.08);\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-e5a2e93e.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import { s as script$1 } from './OrInput-41691fb3.js';
-import { a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 
 var script = defineComponent({
@@ -12,13 +12,18 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
+    modelValue: {
+      type: String,
+      default: '',
+      required: false
+    },
     size: {
       type: String,
       default: InputBoxSize.M
     },
     placeholder: {
       type: String,
-      default: undefined
+      default: 'Search'
     },
     debounce: {
       type: Number,
@@ -36,13 +41,14 @@ var script = defineComponent({
   emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
   expose: ['root', 'focus', 'clear'],
   setup(props, context) {
+    var _a;
     // Refs
     const root = ref();
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-search', classAttribute.value]);
     // State
-    const localModelValue = ref('');
+    const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
     // Events
     debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
       debounce: props.debounce

package/dist/esm/v3/OrSelect-7e813982.js

@@ -8,7 +8,7 @@ import { s as script$2 } from './OrError-ec8c709d.js';
 import { s as script$3 } from './OrExpansionPanel-311e64cf.js';
 import { s as script$4 } from './OrHint-74bb732d.js';
 import { s as script$5 } from './OrIcon-b195169c.js';
-import { s as script$7, a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { s as script$7, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { s as script$6 } from './OrInput-41691fb3.js';
 import { s as script$8 } from './OrLabel-bdaec602.js';
 import { s as script$9 } from './OrMenuItem-9da279f6.js';

package/dist/esm/v3/OrTextarea-bb9ef3f2.js

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { s as script$1 } from './OrError-ec8c709d.js';
 import { s as script$2 } from './OrHint-74bb732d.js';
-import { s as script$3, a as InputBoxSize } from './OrInputBox-5247ab25.js';
+import { s as script$3, a as InputBoxSize } from './OrInputBox-6d1b6059.js';
 import { s as script$4 } from './OrLabel-bdaec602.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, Fragment, createSlots } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/codemirrorView-8ea431d2.js

@@ -0,0 +1,184 @@
+import { TextSelection, Selection } from 'prosemirror-state';
+import { exitCode } from 'prosemirror-commands';
+import { EditorState } from '@codemirror/state';
+import { EditorView, keymap } from '@codemirror/view';
+
+const computeChange = (oldVal, newVal) => {
+  if (oldVal === newVal) {
+    return null;
+  }
+  let start = 0;
+  let oldEnd = oldVal.length;
+  let newEnd = newVal.length;
+  while (start < oldEnd && oldVal.charCodeAt(start) === newVal.charCodeAt(start)) {
+    start += 1;
+  }
+  while (oldEnd > start && newEnd > start && oldVal.charCodeAt(oldEnd - 1) === newVal.charCodeAt(newEnd - 1)) {
+    oldEnd -= 1;
+    newEnd -= 1;
+  }
+  return {
+    from: start,
+    to: oldEnd,
+    text: newVal.slice(start, newEnd)
+  };
+};
+class CodeMirrorView {
+  constructor(options) {
+    var _a;
+    this.updating = false;
+    // Store for later
+    this.node = options.node;
+    this.view = options.view;
+    const cmExtensions = ((_a = options.cmOptions) === null || _a === void 0 ? void 0 : _a.extensions) || [];
+    this.name = 'codeBlock', this.getPos = options.getPos;
+    const changeFilter = EditorState.changeFilter.of(tr => {
+      if (!tr.docChanged && !this.updating) {
+        this.forwardSelection();
+      }
+      return true;
+    });
+    // Create a CodeMirror instancew
+    this.cm = new EditorView({
+      dispatch: this.dispatch.bind(this)
+    });
+    // The editor's outer node is our DOM representation
+    this.dom = this.cm.dom;
+    const cmState = EditorState.create({
+      doc: this.node.textContent,
+      extensions: [changeFilter, keymap.of([{
+        key: 'ArrowUp',
+        run: this.mayBeEscape('line', -1)
+      }, {
+        key: 'ArrowLeft',
+        run: this.mayBeEscape('char', -1)
+      }, {
+        key: 'ArrowDown',
+        run: this.mayBeEscape('line', 1)
+      }, {
+        key: 'ArrowRight',
+        run: this.mayBeEscape('char', 1)
+      }, {
+        key: 'Ctrl-Enter',
+        run: () => {
+          if (exitCode(this.view.state, this.view.dispatch)) {
+            this.view.focus();
+            return true;
+          }
+          return false;
+        }
+      }]), cmExtensions]
+    });
+    this.cm.setState(cmState);
+  }
+  forwardSelection() {
+    if (!this.cm.hasFocus) {
+      return;
+    }
+    const {
+      state
+    } = this.view;
+    const selection = this.asProseMirrorSelection(state.doc);
+    if (!selection.eq(state.selection)) {
+      this.view.dispatch(state.tr.setSelection(selection));
+    }
+  }
+  asProseMirrorSelection(doc) {
+    const offset = this.getPos() + 1;
+    const {
+      anchor,
+      head
+    } = this.cm.state.selection.main;
+    return TextSelection.create(doc, anchor + offset, head + offset);
+  }
+  dispatch(cmTr) {
+    this.cm.setState(cmTr.state);
+    if (cmTr.docChanged && !this.updating) {
+      const start = this.getPos() + 1;
+      const cmValue = cmTr.state.doc.toString();
+      const change = computeChange(this.node.textContent, cmValue);
+      if (!change) {
+        return;
+      }
+      const content = change.text ? this.view.state.schema.text(change.text) : null;
+      const tr = this.view.state.tr.replaceWith(change.from + start, change.to + start, content);
+      this.view.dispatch(tr);
+      this.forwardSelection();
+    }
+  }
+  mayBeEscape(unit, dir) {
+    return view => {
+      const {
+        state
+      } = view;
+      const {
+        selection
+      } = state;
+      const offsetToPos = () => {
+        const offset = selection.main.from;
+        const line = state.doc.lineAt(offset);
+        return {
+          line: line.number,
+          ch: offset - line.from
+        };
+      };
+      const pos = offsetToPos();
+      const hasSelection = state.selection.ranges.some(r => !r.empty);
+      const firstLine = 1;
+      const lastLine = state.doc.lineAt(state.doc.length).number;
+      if (hasSelection || pos.line !== (dir < 0 ? firstLine : lastLine) || unit === 'char' && pos.ch !== (dir < 0 ? 0 : state.doc.line(pos.line).length)) {
+        return false;
+      }
+      const targetPos = this.getPos() + (dir < 0 ? 0 : this.node.nodeSize);
+      const pmSelection = Selection.near(this.view.state.doc.resolve(targetPos), dir);
+      this.view.dispatch(this.view.state.tr.setSelection(pmSelection).scrollIntoView());
+      this.view.focus();
+      return true;
+    };
+  }
+  update(node) {
+    if (node.type !== this.node.type) {
+      return false;
+    }
+    this.node = node;
+    const change = computeChange(this.cm.state.doc.toString(), node.textContent);
+    if (change) {
+      this.updating = true;
+      this.cm.dispatch({
+        changes: {
+          from: change.from,
+          to: change.to,
+          insert: change.text
+        }
+      });
+      this.updating = false;
+    }
+    return true;
+  }
+  setSelection(anchor, head) {
+    this.focus();
+    this.updating = true;
+    this.cm.dispatch({
+      selection: {
+        anchor,
+        head
+      }
+    });
+    this.updating = false;
+  }
+  focus() {
+    this.cm.focus();
+    this.forwardSelection();
+  }
+  selectNode() {
+    this.focus();
+  }
+  stopEvent() {
+    return true;
+  }
+  destroy() {
+    this.cm.destroy();
+  }
+}
+
+export { CodeMirrorView as C };

package/dist/esm/v3/components/index.d.ts

@@ -21,6 +21,7 @@ export * from './or-date-time-picker';
 export * from './or-error';
 export * from './or-error-tag-v3';
 export * from './or-error-v3';
+export * from './or-empty-state-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';

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

@@ -1,26 +1,27 @@
 export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-2808a314.js';
-export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-ef88d31c.js';
+export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-53a4429d.js';
 export { s as OrBottomSheetV3 } from '../OrBottomSheet-62817aec.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
 export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2, a as OrIconButton } from '../OrIconButton-8be9c89f.js';
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-f4b9ee51.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-bb6bf8a9.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-a5e326ef.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection-5a0febaf.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-2a6514f3.js';
 export { s as OrCardV3 } from '../OrCard-fd92f7c8.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-3e139eac.js';
 export { s as OrChip, a as OrChips } from '../OrChips-9afba42f.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode-ee19a5e6.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-f39bd784.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-906427ef.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-5d56cbd3.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-f2e08564.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-98252eef.js';
 export { s as OrErrorV3 } from '../OrError-ec8c709d.js';
+export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-bb8e3145.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-311e64cf.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-c8ae6e01.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-5240e758.js';
@@ -33,7 +34,7 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
 export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-31026cd0.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-1aa477b5.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-b28c3d8c.js';
-export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-5247ab25.js';
+export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-6d1b6059.js';
 export { I as InputType, s as OrInputV3 } from '../OrInput-41691fb3.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-7cb2c91c.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
@@ -58,7 +59,7 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-54b6d0de.js';
-export { s as OrSearchV3 } from '../OrSearch-cdde55ce.js';
+export { s as OrSearchV3 } from '../OrSearch-e5a2e93e.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-171cad78.js';
 export { s as OrSelect } from '../OrSelect-0821b907.js';
 export { s as OrSelectV3 } from '../OrSelect-7e813982.js';
@@ -89,7 +90,7 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from '../OrTooltip-50d27b4f.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-b2e87342.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-f1271eb6.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -99,6 +100,8 @@ import '@vueuse/core';
 import '../color-1f348774.js';
 import '@splidejs/splide';
 import '@codemirror/state';
+import '@codemirror/view';
+import '@codemirror/commands';
 import 'codemirror';
 import '@codemirror/lang-html';
 import '@codemirror/lang-css';
@@ -137,3 +140,6 @@ import '@tiptap/starter-kit';
 import '@tiptap/extension-underline';
 import '@tiptap/extension-heading';
 import '@tiptap/extension-placeholder';
+import '../codemirrorView-8ea431d2.js';
+import 'prosemirror-state';
+import 'prosemirror-commands';

package/dist/esm/v3/components/or-avatar-v3/OrAvatar.stories3.d.ts

@@ -20,7 +20,7 @@ export declare const WithTextInSlot: StoryFn<import("vue").ComponentOptions<impo
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const WithIconInSlot: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+export declare const WithIcon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
     [x: number]: string;