@onereach/ui-components 3.1.0-beta.2483.0 → 3.1.0-beta.2496.0

package/dist/esm/v3/codemirrorView-2e87c938.js

@@ -0,0 +1,184 @@
+import { TextSelection, Selection } from 'prosemirror-state';
+import { exitCode } from 'prosemirror-commands';
+import { EditorState } from '@codemirror/state';
+import { EditorView, highlightActiveLine, highlightActiveLineGutter, lineNumbers, 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, highlightActiveLine(), highlightActiveLineGutter(), lineNumbers(), 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

@@ -28,7 +28,6 @@ export * from './or-floating';
 export * from './or-hint';
 export * from './or-hint-v3';
 export * from './or-icon';
-export * from './or-icon-button-v2';
 export * from './or-icon-button-v3';
 export * from './or-icon-v3';
 export * from './or-inline-input-box-v3';
@@ -94,3 +93,4 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
+export * from './or-rich-text-editor-v3';

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

@@ -1,26 +1,23 @@
-export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-b18f2208.js';
+export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../OrAvatar-986baa65.js';
 export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../OrAvatar-1ebca2e8.js';
 export { s as OrBottomSheetV3 } from '../OrBottomSheet-0f24ecae.js';
 export { s as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from '../OrButton-fca9019a.js';
-export { s as OrButtonV2 } from '../OrButton-1e1b44e1.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from '../OrIconButton-b8042604.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-e6e83eae.js';
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-5a850657.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-f7eff96c.js';
-export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-283c9cfe.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-70131a12.js';
+export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-8bdbf9b7.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
-export { s as OrCarousel } from '../OrCarousel-8de5d65b.js';
-export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
-export { s as OrCheckbox } from '../OrCheckbox-c2d9cf53.js';
+export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem-a3a855e8.js';
+export { s as OrCheckbox } from '../OrCheckbox-8d8887ea.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-56f849f7.js';
-export { s as OrChip } from '../OrChip-ccd4b331.js';
-export { s as OrChips } from '../OrChips-9a19aa03.js';
-export { s as OrCode, O as OrCodeLanguages } from '../OrCode-b77df76f.js';
+export { s as OrChip, a as OrChips } from '../OrChips-d6227d21.js';
+export { s as OrCode, O as OrCodeLanguages } from '../OrCode-b5822f4e.js';
 export { s as OrCollapse } from '../OrCollapse-37a52e8f.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-9a149e6b.js';
-export { s as OrConfirm } from '../OrConfirm-5e9a3a4a.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-b74191d6.js';
-export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-01a7ffb1.js';
+export { s as OrConfirm } from '../OrConfirm-f408faf5.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-8067c5c4.js';
+export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-30749526.js';
 export { s as OrError } from '../OrError-f90296db.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
 export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
@@ -30,81 +27,76 @@ export { F as FabColor, s as OrFabV3 } from '../OrFab-fb3ecb60.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
 export { s as OrHint } from '../OrHint-1414c530.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
-export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-9b3d24cc.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-e3f4d060.js';
+export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-ed3e10b4.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-41ee266c.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-c0e61e6b.js';
-export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-4b719869.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-6d5e7ceb.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-0ebb39b5.js';
+export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-328c89ca.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-9fe81d0c.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-11389afd.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-f0748c95.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-18a1b41a.js';
 export { s as OrInput } from '../OrInput-0dbd5a01.js';
 export { s as OrLabel } from '../OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-4da56db0.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-7c4eedf0.js';
-export { s as OrList } from '../OrList-b085648b.js';
-export { s as OrListOfInputs } from '../OrListOfInputs-4b8a2152.js';
+export { s as OrList } from '../OrList-3c73e593.js';
+export { s as OrListOfInputs } from '../OrListOfInputs-5a834c95.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-15174477.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-dbee450f.js';
-export { s as OrMenuV3 } from '../OrMenu-053a9ab7.js';
-export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-3ac8f589.js';
-export { s as OrModal, O as OrModalSizes } from '../OrModal-6ec31764.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-7d4158d1.js';
-export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-ba04259f.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-9e00aa97.js';
+export { s as OrMenuV3 } from '../OrMenu-693b2bb8.js';
+export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-52250a03.js';
+export { s as OrModal, O as OrModalSizes } from '../OrModal-f3b2e0f4.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-18b6a0d2.js';
+export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-6d2e0cf5.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-b8a59ce3.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';
-export { s as OrOverflowMenu } from '../OrOverflowMenu-8b2a4324.js';
+export { s as OrOverflowMenu } from '../OrOverflowMenu-08626d66.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from '../OrOverlay-7cf03aea.js';
-export { s as OrPassword } from '../OrPassword-f0c62eba.js';
-export { s as OrPaginationV3 } from '../OrPagination-f2d104d9.js';
+export { s as OrPassword } from '../OrPassword-4a37f3ac.js';
+export { s as OrPaginationV3 } from '../OrPagination-9f8380a9.js';
 export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '../OrProgress-d0d52c86.js';
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
 export { s as OrRadio } from '../OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from '../OrRadio-a890ee7c.js';
-export { s as OrSearch } from '../OrSearch-5718a2b1.js';
-export { s as OrSearchV3 } from '../OrSearch-6673c583.js';
+export { s as OrSearch } from '../OrSearch-1f80760e.js';
+export { s as OrSearchV3 } from '../OrSearch-b6a0f0e6.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4587c7a9.js';
-export { s as OrSelect } from '../OrSelect-3d923250.js';
-export { s as OrSelectV3 } from '../OrSelect-b9d45ab4.js';
+export { s as OrSelect } from '../OrSelect-88e5dfaf.js';
+export { s as OrSelectV3 } from '../OrSelect-c3a50846.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
-export { s as OrSidebarV3 } from '../OrSidebar-c4dfb35c.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-e4b2eedb.js';
-export { s as OrSkeletonCircle } from '../OrSkeletonCircle-1aa63444.js';
-export { s as OrSkeletonRect } from '../OrSkeletonRect-813bc73a.js';
-export { s as OrSkeletonText } from '../OrSkeletonText-6de38947.js';
-export { O as OrSkeletonTextSizes } from '../constants-0a28d818.js';
-export { s as OrSkeletonCircleV3 } from '../OrSkeletonCircle-d59d0e13.js';
-export { s as OrSkeletonRectV3 } from '../OrSkeletonRect-b0845041.js';
-export { s as OrSkeletonTextV3 } from '../OrSkeletonText-205898e9.js';
-export { s as OrSlider } from '../OrSlider-ae7b8a11.js';
+export { s as OrSidebarV3 } from '../OrSidebar-22253d76.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-5154e452.js';
+export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-0546754d.js';
+export { s as OrSkeletonCircleV3, a as OrSkeletonRectV3, b as OrSkeletonTextV3 } from '../OrSkeletonText-718a89f0.js';
+export { s as OrSlider } from '../OrSlider-858576e2.js';
 export { s as OrSortHeaderV3 } from '../OrSortHeader-54d85a25.js';
-export { s as OrStepper } from '../OrStepper-de6f7fa0.js';
+export { s as OrStepper } from '../OrStepper-cf0598d6.js';
 export { s as OrSwitch } from '../OrSwitch-c333ee32.js';
 export { s as OrSwitchV3 } from '../OrSwitch-97096491.js';
 export { s as OrTab } from '../OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from '../OrTab-c11d94f6.js';
 export { s as OrTabs } from '../OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-d9e2a07e.js';
-export { s as OrTag } from '../OrTag-38d1ba92.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-1b49531d.js';
+export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-6ee4b984.js';
+export { s as OrTag } from '../OrTag-2192a3cf.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-43ca7029.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-de6b2fe2.js';
 export { s as OrTextarea } from '../OrTextarea-de1ecb0f.js';
 export { s as OrTextareaV3 } from '../OrTextarea-08b22d36.js';
-export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-abe576c3.js';
-export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-adb8f47d.js';
+export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-b025d6e4.js';
+export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-70cd8d1d.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-4fbe0e5a.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-fb41724f.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-9ab3399d.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
-export { s as OrTooltip } from '../OrTooltip-be7209e5.js';
-export { s as OrTooltipContent } from '../OrTooltipContent-68c34911.js';
-export { s as OrTooltipV3 } from '../OrTooltip-d91128f4.js';
+export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-8d7385bc.js';
+export { s as OrTooltipV3 } from '../OrTooltip-02f07fa2.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-e3177077.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';
@@ -137,4 +129,26 @@ import '@vueuse/integrations/useFocusTrap';
 import '../useToggle-29e4d7c7.js';
 import '../dropdown-open-0d314aa4.js';
 import '../useOverflow-af6161c8.js';
-import '../styles-ed564e39.js';
+import 'prosemirror-markdown';
+import 'prosemirror-model';
+import 'marked';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-bullet-list';
+import '@tiptap/extension-list-item';
+import '@tiptap/extension-ordered-list';
+import '@tiptap/extension-strike';
+import '@tiptap/extension-italic';
+import '@tiptap/extension-hard-break';
+import '@tiptap/extension-bold';
+import '@tiptap/extension-code-block';
+import '@tiptap/extension-blockquote';
+import '@tiptap/extension-link';
+import '@tiptap/extension-highlight';
+import '@tiptap/core';
+import '@tiptap/starter-kit';
+import '@tiptap/extension-underline';
+import '@tiptap/extension-heading';
+import '@tiptap/extension-placeholder';
+import '../codemirrorView-2e87c938.js';
+import 'prosemirror-state';
+import 'prosemirror-commands';

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

@@ -1,9 +1,8 @@
-export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../../OrAvatar-b18f2208.js';
+export { O as OR_AVATAR_SIZE, s as OrAvatar } from '../../OrAvatar-986baa65.js';
 import 'vue-demi';
-import '../../OrIcon-9b3d24cc.js';
+import '../../OrIcon-ed3e10b4.js';
 import 'lodash';
-import '../../OrTooltip-be7209e5.js';
-import '../../OrTooltipContent-68c34911.js';
+import '../../OrTooltip-8d7385bc.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrFloating-291c7653.js';

package/dist/esm/v3/components/or-button-v2/OrIconButton.vue.d.ts

@@ -0,0 +1,132 @@
+import { PropType } from 'vue-demi';
+import { OrFloatingPlacements } from '../or-floating';
+import { BUTTON_COLOR, BUTTON_SIZE, HTML_BUTTON_TYPE, ICON_BUTTON_TYPE } from './constants';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {
+    handleButtonClick(event: MouseEvent): void;
+}, {
+    buttonClasses(): Record<string, boolean>;
+}, {
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    iconColor: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    bgColor: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    type: {
+        type: PropType<ICON_BUTTON_TYPE>;
+        default: ICON_BUTTON_TYPE;
+    };
+    htmlButtonType: {
+        type: PropType<HTML_BUTTON_TYPE>;
+        default: HTML_BUTTON_TYPE;
+        required: false;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+    };
+    isLoading: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    size: {
+        type: PropType<BUTTON_SIZE>;
+        default: BUTTON_SIZE;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    iconColor: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    bgColor: {
+        type: PropType<BUTTON_COLOR>;
+        default: null;
+    };
+    type: {
+        type: PropType<ICON_BUTTON_TYPE>;
+        default: ICON_BUTTON_TYPE;
+    };
+    htmlButtonType: {
+        type: PropType<HTML_BUTTON_TYPE>;
+        default: HTML_BUTTON_TYPE;
+        required: false;
+    };
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+    };
+    isLoading: BooleanConstructor;
+    isDisabled: BooleanConstructor;
+    size: {
+        type: PropType<BUTTON_SIZE>;
+        default: BUTTON_SIZE;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    color: BUTTON_COLOR;
+    isLoading: boolean;
+    isDisabled: boolean;
+    icon: string;
+    iconColor: BUTTON_COLOR;
+    bgColor: BUTTON_COLOR;
+    type: ICON_BUTTON_TYPE;
+    htmlButtonType: HTML_BUTTON_TYPE;
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+    size: BUTTON_SIZE;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
+    buttonClasses(): Record<string, boolean>;
+}, {
+    handleButtonClick(event: MouseEvent): void;
+}, {}, {}, string[], {
+    color: BUTTON_COLOR;
+    isLoading: boolean;
+    isDisabled: boolean;
+    icon: string;
+    iconColor: BUTTON_COLOR;
+    bgColor: BUTTON_COLOR;
+    type: ICON_BUTTON_TYPE;
+    htmlButtonType: HTML_BUTTON_TYPE;
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+    size: BUTTON_SIZE;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    color: BUTTON_COLOR;
+    isLoading: boolean;
+    isDisabled: boolean;
+    iconColor: BUTTON_COLOR;
+    bgColor: BUTTON_COLOR;
+    type: ICON_BUTTON_TYPE;
+    htmlButtonType: HTML_BUTTON_TYPE;
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+    size: BUTTON_SIZE;
+}, true>);
+export default _default;

package/dist/esm/v3/components/or-button-v2/OrTooltipWrapper.vue.d.ts

@@ -0,0 +1,32 @@
+import { PropType, VNode } from 'vue-demi';
+import { OrFloatingPlacements } from '../or-floating';
+/** Acts as pseudo "v-if" between <template /> and <or-tooltip /> */
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<VNode | (() => VNode)> & import("@vue/composition-api").Data, {}, {}, {
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tooltipPlacement: {
+        type: PropType<OrFloatingPlacements>;
+        default: OrFloatingPlacements;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<VNode | (() => VNode)>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+} & {}, {
+    tooltipText: string;
+    tooltipPlacement: OrFloatingPlacements;
+}, true>);
+export default _default;

package/dist/esm/v3/components/or-button-v2/index.d.ts

@@ -1,3 +1,3 @@
 export { default as OrButtonV2 } from './OrButton.vue';
-export { default as OrIconButton } from '../or-icon-button-v2/OrIconButton.vue';
+export { default as OrIconButton } from './OrIconButton.vue';
 export { BUTTON_TYPE, ICON_BUTTON_TYPE, BUTTON_COLOR, BUTTON_SIZE, BUTTON_LOADER_TYPE, } from './constants';

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

@@ -1,10 +1,8 @@
-export { s as OrButtonV2 } from '../../OrButton-1e1b44e1.js';
-export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton } from '../../OrIconButton-b8042604.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-e6e83eae.js';
 import 'vue-demi';
-import '../../OrIcon-9b3d24cc.js';
+import '../../OrIcon-ed3e10b4.js';
 import 'lodash';
-import '../../OrTooltip-be7209e5.js';
-import '../../OrTooltipContent-68c34911.js';
+import '../../OrTooltip-8d7385bc.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrFloating-291c7653.js';

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

@@ -1,24 +1,22 @@
-export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-f7eff96c.js';
+export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../../OrCardCollection-70131a12.js';
 import 'vue-demi';
 import '../../OrCard-e3a5aea4.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrIcon-9b3d24cc.js';
+import '../../OrIcon-ed3e10b4.js';
 import 'lodash';
-import '../../OrTooltip-be7209e5.js';
-import '../../OrTooltipContent-68c34911.js';
+import '../../OrTooltip-8d7385bc.js';
 import '../../OrFloating-291c7653.js';
 import '@floating-ui/dom';
 import '../../OrTeleport.vue3-9bce0c02.js';
 import '../../dom-7a41831b.js';
 import '../../px-to-rem-0b26b83e.js';
-import '../../OrSearch-5718a2b1.js';
+import '../../OrSearch-1f80760e.js';
 import '../../OrInput-0dbd5a01.js';
 import '../../OrLabel-876f8729.js';
 import '../../OrHint-1414c530.js';
 import '../../OrError-f90296db.js';
 import '../../OrCollapse-37a52e8f.js';
 import '@vueuse/core';
-import '../../OrButton-1e1b44e1.js';
+import '../../OrIconButton-e6e83eae.js';
 import '../../OrLoader-15174477.js';
-import '../../OrIconButton-b8042604.js';

package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue-demi';
+import { CardCollectionItem } from './types';
+import { DefaultCardCollectionViews } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: CardCollectionItem[];
+    };
+    mode: {
+        type: PropType<DefaultCardCollectionViews>;
+        required: true;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: CardCollectionItem[];
+    };
+    mode: {
+        type: PropType<DefaultCardCollectionViews>;
+        required: true;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    items: CardCollectionItem[];
+    mode: DefaultCardCollectionViews;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    items: CardCollectionItem[];
+    mode: DefaultCardCollectionViews;
+} & {}, {
+    items: CardCollectionItem[];
+}, true>);
+export default _default;