@onereach/ui-components 2.62.3-beta.1902.0 → 2.63.0-beta.1894.0

package/dist/v3/index.js

@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.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-0a944d25.js';
 export { s as OrConfirm } from './OrConfirm-00134f53.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-456ddee1.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from './OrHint-1414c530.js';
 export { s as OrHintV3 } from './OrHint-73835593.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-b8066b5d.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-280768ba.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-0f63f344.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-634230b1.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-3eef7945.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
 export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-f67d37d3.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-fefa1cb4.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -57,9 +57,9 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
 export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
-export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
+export { s as OrSearchV3 } from './OrSearch-15a70678.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
-export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
+export { s as OrSelectV3 } from './OrSelect-63ada65d.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-2b1610ce.js';
@@ -74,7 +74,7 @@ export { s as OrTabV3 } from './OrTab-97044946.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
 export { s as OrTag } from './OrTag-7e24fdbc.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d1f3a0d0.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-144b4ab8.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -82,10 +82,10 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.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-8ff779b1.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-a2a8f948.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
-export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
+export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-0e973238.js';
 export { u as useOverflow } from './useOverflow-ac506c65.js';

package/dist/v3/index2.js

@@ -15,7 +15,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.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-0a944d25.js';
 export { s as OrConfirm } from './OrConfirm-00134f53.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-456ddee1.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
 export { s as OrError } from './OrError-f90296db.js';
 export { s as OrErrorTagV3 } from './OrErrorTag-ceefd643.js';
@@ -26,14 +26,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
 export { s as OrHint } from './OrHint-1414c530.js';
 export { s as OrHintV3 } from './OrHint-73835593.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-b8066b5d.js';
 export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-b3906e35.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-280768ba.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-0f63f344.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-634230b1.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-3eef7945.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
 export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -46,9 +46,9 @@ export { s as OrMenuItemV3 } from './OrMenuItem-8773d073.js';
 export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
 export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
 export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
-export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-f67d37d3.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-fefa1cb4.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -57,9 +57,9 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
 export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
-export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
+export { s as OrSearchV3 } from './OrSearch-15a70678.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
-export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
+export { s as OrSelectV3 } from './OrSelect-63ada65d.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-2b1610ce.js';
@@ -74,7 +74,7 @@ export { s as OrTabV3 } from './OrTab-97044946.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
 export { s as OrTag } from './OrTag-7e24fdbc.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d1f3a0d0.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-144b4ab8.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -82,10 +82,10 @@ export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.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-8ff779b1.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-a2a8f948.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
-export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
+export { s as OrTooltipV3 } from './OrTooltip-30e05f9e.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

package/dist/v3/index20.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-58aa4260.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-456ddee1.js';
 import 'vue-demi';
 import './OrButton-12b36e89.js';
 import './useClassAttribute-47fdb016.js';
@@ -8,12 +8,12 @@ import 'vue';
 import './OrOverlay-27050c19.js';
 import './useElevation-0e973238.js';
 import './OrTeleport.vue3-8099178c.js';
-import './OrInput-d34c8571.js';
+import './OrInput-3eef7945.js';
 import './OrError-19a62a18.js';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useResponsive-a02e95b7.js';

package/dist/v3/index31.js

@@ -1,10 +1,10 @@
-export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-eef9eb43.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-b8066b5d.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index34.js

@@ -1,4 +1,4 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-0c87838c.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-280768ba.js';
 export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index36.js

@@ -1,13 +1,13 @@
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-d50f03b7.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-0f63f344.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index38.js

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from './OrInput-d34c8571.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-3eef7945.js';
 export { a as InputSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
 import './OrError-19a62a18.js';
 import 'vue';
 import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index50.js

@@ -1,11 +1,11 @@
-export { M as ModalSize, s as OrModalV3 } from './OrModal-179f5a1a.js';
+export { M as ModalSize, s as OrModalV3 } from './OrModal-f67d37d3.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index52.js

@@ -1,11 +1,11 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-4a0dc24a.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-fefa1cb4.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrIconButton-eef9eb43.js';
+import './OrIconButton-b8066b5d.js';
 import './OrIcon-b3906e35.js';
 import 'vue';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';

package/dist/v3/index62.js

@@ -1,15 +1,18 @@
-export { s as OrSearchV3 } from './OrSearch-95d4e098.js';
-export { a as SearchSize } from './OrInputBox-634230b1.js';
-import 'vue-demi';
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './useClassAttribute-47fdb016.js';
-import './OrInput-d34c8571.js';
-import './OrError-19a62a18.js';
-import 'vue';
-import './OrHint-73835593.js';
-import './OrIconButton-eef9eb43.js';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import Highlight from '@tiptap/extension-highlight';
+import Placeholder from '@tiptap/extension-placeholder';
+import { s as script$1 } from './OrIconButton-b8066b5d.js';
+import { s as script$2 } from './OrLabel-7d4fe80b.js';
+import { flatMap } from 'lodash';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, Fragment, renderList } from 'vue';
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
+import './OrTooltip-30e05f9e.js';
 import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
 import './useElevation-0e973238.js';
@@ -17,5 +20,270 @@ import './useResponsive-a02e95b7.js';
 import './OrBottomSheet-9de57dd0.js';
 import './OrOverlay-27050c19.js';
 import './OrTeleport.vue3-8099178c.js';
-import './OrLabel-7d4fe80b.js';
-import './style-inject.es-4c6f2515.js';
+
+const EditorContainer = [
+// Colors
+'border-disabled', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
+// Sizing
+'border-1', 'rounded-md'];
+const EditorContainerFilled = [
+//Colors
+'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
+const ToolbarContainer = [
+// Layout
+'flex',
+//Spacing
+'py-sm',
+//Sizing
+'border-b-1',
+//Colors
+'border-b-disabled', 'dark:border-b-outline-dark'];
+const Toolbar = [
+// Layout
+'flex',
+// Spacing
+'px-sm', 'gap-md',
+// Sizing
+'border-r-1',
+//Colors
+'border-r-disabled', 'dark:border-r-outline-dark',
+// Last child
+'last-of-type:border-none'];
+const ToolbarButton = [
+// Typography
+'text-on-disabled', 'dark:text-outline-dark'];
+const ToolbarButtonActive = [
+// Typography
+'text-on-background', 'dark:text-on-background-dark'];
+const EditorInput = [
+// Spacing
+'p-sm',
+// Typography
+'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
+// Sizing
+'min-h-[88px]'];
+
+var script = defineComponent({
+  name: 'OrRichTextEditor',
+  components: {
+    OrIconButton: script$1,
+    OrLabel: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: '',
+      required: false
+    },
+    toolbar: {
+      type: Array,
+      default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['bulletList', 'orderedList'], ['undo', 'redo']]
+    },
+    description: {
+      type: String,
+      default: ''
+    },
+    placeholder: {
+      type: String,
+      default: 'Write something...'
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, {
+    emit
+  }) {
+    // Refs
+    let editor = null;
+    const editorRef = ref();
+    const containerRef = ref();
+    const isActive = ref({});
+    const isFilled = ref(false);
+    const iconsEnum = ref({
+      bold: 'format_bold',
+      italic: 'format_italic',
+      underline: 'format_underlined',
+      strike: 'format_strikethrough',
+      bulletList: 'format_list_bulleted',
+      orderedList: 'format_list_numbered',
+      link: 'link',
+      highlight: 'highlight',
+      redo: 'redo',
+      undo: 'undo'
+    });
+    const iconTooltipsEnum = ref({
+      bold: 'Bold',
+      italic: 'Italic',
+      underline: 'Underline',
+      strike: 'Strike',
+      bulletList: 'Bulleted List',
+      orderedList: 'Numbered List',
+      link: 'Link',
+      highlight: 'Highlight',
+      redo: 'Redo',
+      undo: 'Undo'
+    });
+    onMounted(() => {
+      editor = new Editor({
+        onUpdate: ({
+          editor
+        }) => {
+          setActiveFormats();
+          const html = editor.getHTML();
+          const text = editor.getText();
+          emit('update:modelValue', text === '' ? text : html);
+          isFilled.value = text !== '';
+        },
+        element: editorRef.value,
+        content: props.modelValue,
+        autofocus: props.autofocus,
+        extensions: [StarterKit, Underline,
+        // Link.configure({
+        //   openOnClick: true,
+        //   linkOnPaste: true,
+        //   protocols: ['ftp', 'mailto'],
+        //   validate: href => /^https?:\/\//.test(href),
+        //   HTMLAttributes: {
+        //     class: 'text-primary cursor-pointer',
+        //   },
+        // }),
+        Highlight, Placeholder.configure({
+          placeholder: props.placeholder,
+          emptyEditorClass: 'is-editor-empty text-outline'
+        })],
+        editorProps: {
+          attributes: {
+            class: 'focus:outline-none'
+          }
+        }
+      });
+      setActiveFormats();
+      isFilled.value = props.modelValue !== '';
+    });
+    onBeforeUnmount(() => {
+      editor === null || editor === void 0 ? void 0 : editor.destroy();
+    });
+    // Methods
+    const handleEditorClick = () => {
+      setActiveFormats();
+      editor === null || editor === void 0 ? void 0 : editor.commands.focus();
+    };
+    const handleToolbarClick = item => {
+      if (item === 'bulletList' || item === 'orderedList') {
+        item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
+      } else if (item === 'undo' || item === 'redo') {
+        item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
+      } else {
+        editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
+      }
+    };
+    const setActiveFormats = () => {
+      const toolbarList = flatMap(props.toolbar);
+      toolbarList.forEach(item => {
+        isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
+      });
+    };
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => {
+      return ['or-rich-text-editor', classAttribute.value];
+    });
+    const containerStyles = computed(() => {
+      return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
+    });
+    const toolbarContainerStyles = computed(() => {
+      return [...ToolbarContainer];
+    });
+    const toolbarStyles = computed(() => {
+      return [...Toolbar];
+    });
+    const editorInputStyles = computed(() => {
+      return ['tiptap-editor', ...EditorInput];
+    });
+    const toolbarButtonStyles = item => {
+      return [
+      // Layout
+      'flex',
+      // Spacing
+      'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
+    };
+    //Effects
+    watch(() => props.modelValue, value => {
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+    });
+    return {
+      editor,
+      editorRef,
+      containerRef,
+      iconsEnum,
+      handleToolbarClick,
+      handleEditorClick,
+      isActive,
+      iconTooltipsEnum,
+      containerStyles,
+      toolbarContainerStyles,
+      toolbarStyles,
+      rootStyles,
+      toolbarButtonStyles,
+      editorInputStyles
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [createVNode(_component_or_label, null, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)]),
+
+    _: 1 /* STABLE */
+  }), createElementVNode("div", {
+    ref: "containerRef",
+    class: normalizeClass(_ctx.containerStyles),
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.handleEditorClick())
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.toolbarContainerStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.toolbar, tool => {
+    return openBlock(), createElementBlock("div", {
+      key: tool,
+      class: normalizeClass(_ctx.toolbarStyles)
+    }, [(openBlock(true), createElementBlock(Fragment, null, renderList(tool, item => {
+      return openBlock(), createElementBlock("div", {
+        key: item,
+        class: normalizeClass(_ctx.toolbarButtonStyles(item))
+      }, [createVNode(_component_or_icon_button, {
+        tooltip: {
+          text: _ctx.iconTooltipsEnum[item],
+          placement: 'top'
+        },
+        icon: {
+          icon: _ctx.iconsEnum[item],
+          variant: 'inherit',
+          size: 's'
+        },
+        onClick: $event => _ctx.handleToolbarClick(item)
+      }, null, 8 /* PROPS */, ["tooltip", "icon", "onClick"])], 2 /* CLASS */);
+    }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("div", {
+    ref: "editorRef",
+    class: normalizeClass(_ctx.editorInputStyles)
+  }, null, 2 /* CLASS */)], 2 /* CLASS */)], 16 /* FULL_PROPS */);
+}
+
+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 .is-editor-empty::before {\n  content: attr(data-placeholder);\n  height: 0;\n  pointer-events: none;\n  float: left;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__file = "src/components/or-rich-text-editor-v3/OrRichTextEditor.vue";
+
+export { script as OrRichTextEditor };

package/dist/v3/index63.js

@@ -1,18 +1,21 @@
-export { s as OrSelect } from './OrSelect-056731af.js';
+export { s as OrSearchV3 } from './OrSearch-15a70678.js';
+export { a as SearchSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import '@vueuse/core';
-import 'lodash';
-import './OrIcon-e23028f8.js';
-import './OrTooltip-121eae2b.js';
+import './useClassAttribute-47fdb016.js';
+import './OrInput-3eef7945.js';
+import './OrError-19a62a18.js';
 import 'vue';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-3da814a2.js';
+import './OrHint-73835593.js';
+import './OrIconButton-b8066b5d.js';
+import './OrIcon-b3906e35.js';
+import './OrTooltip-30e05f9e.js';
+import './OrPopover-3525c670.js';
 import '@floating-ui/dom';
-import './OrTeleportVue3-ad639f12.js';
-import './dom-7a41831b.js';
-import './px-to-rem-0b26b83e.js';
-import './OrChips-feab2a38.js';
-import './OrLabel-876f8729.js';
-import './OrError-f90296db.js';
-import './OrLoader-15174477.js';
-import './OrCheckbox-56e4171e.js';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-9de57dd0.js';
+import './OrOverlay-27050c19.js';
+import './OrTeleport.vue3-8099178c.js';
+import './OrLabel-7d4fe80b.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v3/index64.js

@@ -1,26 +1,18 @@
-export { s as OrSelectV3 } from './OrSelect-32f188bd.js';
-export { a as SelectSize } from './OrInputBox-634230b1.js';
+export { s as OrSelect } from './OrSelect-056731af.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import './useOverflow-ac506c65.js';
 import '@vueuse/core';
-import './OrCheckbox-a20fcc04.js';
-import './OrLabel-7d4fe80b.js';
+import 'lodash';
+import './OrIcon-e23028f8.js';
+import './OrTooltip-121eae2b.js';
 import 'vue';
 import './style-inject.es-4c6f2515.js';
-import './OrError-19a62a18.js';
-import './OrExpansionPanel-1e2a6375.js';
-import './OrIcon-b3906e35.js';
-import './OrHint-73835593.js';
-import './OrInput-d34c8571.js';
-import './OrIconButton-eef9eb43.js';
-import './OrTooltip-36c6728c.js';
-import './OrPopover-3525c670.js';
+import './OrFloating-3da814a2.js';
 import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-9de57dd0.js';
-import './OrOverlay-27050c19.js';
-import './OrTeleport.vue3-8099178c.js';
-import './OrMenuItem-8773d073.js';
-import './OrTag-d1f3a0d0.js';
+import './OrTeleportVue3-ad639f12.js';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
+import './OrChips-feab2a38.js';
+import './OrLabel-876f8729.js';
+import './OrError-f90296db.js';
+import './OrLoader-15174477.js';
+import './OrCheckbox-56e4171e.js';