@onereach/ui-components 2.63.0-beta.1907.0 → 2.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/v2/{OrConfirm-8d149ece.js → OrConfirm-24e2a1a2.js} +1 -1
  2. package/dist/v2/{OrIconButton-5883eba0.js → OrIconButton-2088a37f.js} +1 -1
  3. package/dist/v2/{OrInlineInput-16a343c1.js → OrInlineInput-f00cba5e.js} +6 -5
  4. package/dist/v2/{OrInlineTextarea-f154bdf5.js → OrInlineTextarea-75de33d0.js} +6 -5
  5. package/dist/v2/{OrInput-4a50fe57.js → OrInput-24028f23.js} +7 -5
  6. package/dist/v2/{OrModal-64c5ae2e.js → OrModal-a1452b11.js} +1 -1
  7. package/dist/v2/{OrNotification-9c164908.js → OrNotification-ac420f39.js} +1 -1
  8. package/dist/v2/{OrSearch-a247f072.js → OrSearch-978a3a6e.js} +1 -1
  9. package/dist/v2/OrSegmentedControl-17df63b8.js +236 -0
  10. package/dist/v2/{OrSelect-f416b7aa.js → OrSelect-c6d0a69e.js} +2 -2
  11. package/dist/v2/{OrTabs-b4a9740b.js → OrTabs-f2a60b41.js} +1 -1
  12. package/dist/v2/{OrTag-ab03c4f7.js → OrTag-1ced4e58.js} +1 -1
  13. package/dist/v2/{OrTooltip-caeac590.js → OrTooltip-afe7030b.js} +33 -3
  14. package/dist/v2/components/index.d.ts +1 -0
  15. package/dist/v2/components/{or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts → or-segmented-control-v3/OrSegmentedControl.stories3.d.ts} +1 -1
  16. package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  17. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  18. package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  19. package/dist/v2/components/or-segmented-control-v3/index.d.ts +3 -0
  20. package/dist/v2/components/or-segmented-control-v3/props.d.ts +4 -0
  21. package/dist/v2/components/or-segmented-control-v3/styles.d.ts +3 -0
  22. package/dist/v2/components/or-segmented-control-v3/types.d.ts +4 -0
  23. package/dist/v2/components/or-tooltip-v3/styles.d.ts +2 -0
  24. package/dist/v2/index.js +14 -13
  25. package/dist/v2/index2.js +14 -13
  26. package/dist/v2/index20.js +4 -4
  27. package/dist/v2/index31.js +2 -2
  28. package/dist/v2/index34.js +3 -3
  29. package/dist/v2/index36.js +3 -3
  30. package/dist/v2/index38.js +3 -3
  31. package/dist/v2/index50.js +3 -3
  32. package/dist/v2/index52.js +3 -3
  33. package/dist/v2/index62.js +12 -325
  34. package/dist/v2/index63.js +2 -19
  35. package/dist/v2/index65.js +5 -5
  36. package/dist/v2/index78.js +1 -1
  37. package/dist/v2/index80.js +3 -3
  38. package/dist/v2/index88.js +3 -3
  39. package/dist/v2/index91.js +1 -1
  40. package/dist/v2/{types-fb93ea4e.js → types-89aad7fb.js} +1 -1
  41. package/dist/v3/{OrConfirm-456ddee1.js → OrConfirm-371630a4.js} +1 -1
  42. package/dist/v3/{OrIconButton-b8066b5d.js → OrIconButton-5fb3a9aa.js} +1 -1
  43. package/dist/v3/{OrInlineInput-280768ba.js → OrInlineInput-bac4abdd.js} +4 -3
  44. package/dist/v3/{OrInlineTextarea-0f63f344.js → OrInlineTextarea-d1ec1bba.js} +4 -3
  45. package/dist/v3/{OrInput-3eef7945.js → OrInput-256d2530.js} +6 -3
  46. package/dist/v3/{OrModal-f67d37d3.js → OrModal-3a43b7e7.js} +1 -1
  47. package/dist/v3/{OrNotification-fefa1cb4.js → OrNotification-433d16f7.js} +1 -1
  48. package/dist/v3/{OrSearch-15a70678.js → OrSearch-375eab55.js} +1 -1
  49. package/dist/v3/OrSegmentedControl-2bbc0f22.js +184 -0
  50. package/dist/v3/{OrSelect-9d300f55.js → OrSelect-52cfb10d.js} +2 -2
  51. package/dist/v3/{OrTabs-194ca950.js → OrTabs-ac0be933.js} +1 -1
  52. package/dist/v3/{OrTag-144b4ab8.js → OrTag-deaff080.js} +1 -1
  53. package/dist/v3/{OrTooltip-30e05f9e.js → OrTooltip-36c6728c.js} +33 -3
  54. package/dist/v3/components/index.d.ts +1 -0
  55. package/dist/v3/components/{or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts → or-segmented-control-v3/OrSegmentedControl.stories3.d.ts} +1 -1
  56. package/dist/v3/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts +77 -0
  57. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts +47 -0
  58. package/dist/v3/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts +3 -0
  59. package/dist/v3/components/or-segmented-control-v3/index.d.ts +3 -0
  60. package/dist/v3/components/or-segmented-control-v3/props.d.ts +4 -0
  61. package/dist/v3/components/or-segmented-control-v3/styles.d.ts +3 -0
  62. package/dist/v3/components/or-segmented-control-v3/types.d.ts +4 -0
  63. package/dist/v3/components/or-tooltip-v3/styles.d.ts +2 -0
  64. package/dist/v3/index.js +14 -13
  65. package/dist/v3/index2.js +14 -13
  66. package/dist/v3/index20.js +4 -4
  67. package/dist/v3/index31.js +2 -2
  68. package/dist/v3/index34.js +3 -3
  69. package/dist/v3/index36.js +3 -3
  70. package/dist/v3/index38.js +3 -3
  71. package/dist/v3/index50.js +3 -3
  72. package/dist/v3/index52.js +3 -3
  73. package/dist/v3/index62.js +12 -299
  74. package/dist/v3/index63.js +2 -18
  75. package/dist/v3/index65.js +5 -5
  76. package/dist/v3/index78.js +1 -1
  77. package/dist/v3/index80.js +3 -3
  78. package/dist/v3/index88.js +3 -3
  79. package/dist/v3/index91.js +1 -1
  80. package/dist/v3/{types-a2a8f948.js → types-d5d4ab32.js} +1 -1
  81. package/package.json +4 -9
  82. package/src/components/index.ts +1 -0
  83. package/src/components/or-checkbox-v3/OrCheckbox.stories3.ts +1 -1
  84. package/src/components/or-inline-input-v3/OrInlineInput.vue +2 -2
  85. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +2 -2
  86. package/src/components/or-input-v3/OrInput.vue +21 -19
  87. package/src/components/or-radio-v3/OrRadio.stories3.ts +1 -1
  88. package/src/components/or-segmented-control-v3/OrSegmentedControl.docs.mdx +7 -0
  89. package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts +106 -0
  90. package/src/components/or-segmented-control-v3/OrSegmentedControl.vue +107 -0
  91. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue +64 -0
  92. package/src/components/or-segmented-control-v3/components/or-segmented-control-item/styles.ts +50 -0
  93. package/src/components/or-segmented-control-v3/index.ts +3 -0
  94. package/src/components/or-segmented-control-v3/props.ts +4 -0
  95. package/src/components/or-segmented-control-v3/styles.ts +24 -0
  96. package/src/components/or-segmented-control-v3/types.ts +4 -0
  97. package/src/components/or-switch-v3/OrSwitch.stories3.ts +1 -1
  98. package/src/components/or-tabs-v3/OrTabs.stories3.ts +9 -4
  99. package/src/components/or-tabs-v3/OrTabs.vue +1 -1
  100. package/src/components/or-tooltip-v3/OrTooltip.vue +3 -2
  101. package/src/components/or-tooltip-v3/styles.ts +55 -0
  102. package/src/hooks/useClassAttribute.ts +1 -1
  103. package/dist/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -111
  104. package/dist/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
  105. package/dist/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -7
  106. package/dist/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -111
  107. package/dist/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
  108. package/dist/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -7
  109. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +0 -16
  110. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +0 -57
  111. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +0 -322
  112. package/src/components/or-rich-text-editor-v3/index.ts +0 -1
  113. package/src/components/or-rich-text-editor-v3/styles.ts +0 -71
@@ -0,0 +1,3 @@
1
+ export { default as OrSegmentedControlV3 } from './OrSegmentedControl.vue';
2
+ export * from './props';
3
+ export * from './types';
@@ -0,0 +1,4 @@
1
+ export declare enum SegmentedControlSize {
2
+ M = "m",
3
+ S = "s"
4
+ }
@@ -0,0 +1,3 @@
1
+ import { SegmentedControlSize } from './props';
2
+ export declare const SegmentedControlRoot: string[];
3
+ export declare const SegmentedControlRootSizes: Record<SegmentedControlSize, string[]>;
@@ -0,0 +1,4 @@
1
+ export interface SegmentedControlOption {
2
+ value: string;
3
+ label: string;
4
+ }
@@ -1,2 +1,4 @@
1
+ import { TooltipPlacement } from './props';
1
2
  export declare const TooltipRoot: string[];
2
3
  export declare const TooltipBody: string[];
4
+ export declare const TooltipBodyPlacements: Record<TooltipPlacement, string[]>;
package/dist/v2/index.js CHANGED
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
18
18
  export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
19
19
  export { _ 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-0abe3636.js';
20
20
  export { _ as OrConfirm } from './OrConfirm-812badbf.js';
21
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
21
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
22
22
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
23
23
  export { _ as OrError } from './OrError-efc74907.js';
24
24
  export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
29
29
  export { _ as OrHint } from './OrHint-fe65fbe6.js';
30
30
  export { _ as OrHintV3 } from './OrHint-44356417.js';
31
31
  export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
32
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
32
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
- export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
39
+ export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
41
41
  export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
42
42
  export { _ as OrSearch } from './OrSearch-b228915a.js';
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
51
51
  export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
52
52
  export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
53
53
  export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
54
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
54
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
57
57
  export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
58
58
  export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
59
59
  export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
@@ -62,9 +62,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
62
62
  export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
- export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
65
+ export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
66
+ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
66
67
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
- export { _ as OrSelectV3 } from './OrSelect-f416b7aa.js';
68
+ export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
68
69
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
69
70
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
70
71
  export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -77,9 +78,9 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
77
78
  export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
78
79
  export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
80
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
- export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
+ export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
81
82
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
83
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
83
84
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
84
85
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
85
86
  export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
@@ -87,11 +88,11 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
87
88
  export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
88
89
  export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
89
90
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
90
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
91
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
91
92
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
92
93
  export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
93
94
  export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
94
- export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
95
+ export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
95
96
  export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
96
97
  export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
97
98
  export { u as useElevation } from './useElevation-0e973238.js';
package/dist/v2/index2.js CHANGED
@@ -18,7 +18,7 @@ export { _ as OrCode, O as OrCodeLanguages } from './OrCode-da64b7ee.js';
18
18
  export { _ as OrCollapse } from './OrCollapse-50e3914c.js';
19
19
  export { _ 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-0abe3636.js';
20
20
  export { _ as OrConfirm } from './OrConfirm-812badbf.js';
21
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
21
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
22
22
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-63b2d841.js';
23
23
  export { _ as OrError } from './OrError-efc74907.js';
24
24
  export { _ as OrErrorTagV3 } from './OrErrorTag-9d592185.js';
@@ -29,14 +29,14 @@ export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
29
29
  export { _ as OrHint } from './OrHint-fe65fbe6.js';
30
30
  export { _ as OrHintV3 } from './OrHint-44356417.js';
31
31
  export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-7cd10497.js';
32
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
32
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
33
33
  export { a as IconSize, I as IconVariant, _ as OrIconV3 } from './OrIcon-124f3bad.js';
34
34
  export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-6a15ea2b.js';
35
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
35
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
36
36
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-60227e46.js';
37
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
37
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
38
38
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, _ as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-208dceac.js';
39
- export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
39
+ export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
40
40
  export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from './OrPassword-a8b36c5b.js';
41
41
  export { _ as OrInput } from './OrSearch.vue_rollup-plugin-vue_styles.0-aafbcd86.js';
42
42
  export { _ as OrSearch } from './OrSearch-b228915a.js';
@@ -51,9 +51,9 @@ export { _ as OrMenuItemV3 } from './OrMenuItem-3a28db7b.js';
51
51
  export { _ as OrMenuV3 } from './OrMenu-bb81644d.js';
52
52
  export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-9080fc00.js';
53
53
  export { _ as OrModal, O as OrModalSizes } from './OrModal-5c491f46.js';
54
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
54
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
55
55
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-3294cb13.js';
56
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
56
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
57
57
  export { _ as OrOverflowMenu } from './OrOverflowMenu-572ba5ac.js';
58
58
  export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
59
59
  export { _ as OrOverlayV3 } from './OrOverlay-4838a9b0.js';
@@ -62,9 +62,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
62
62
  export { _ as OrRadio } from './OrRadio-514e8de8.js';
63
63
  export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
64
64
  export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
65
- export { _ as OrSearchV3 } from './OrSearch-a247f072.js';
65
+ export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
66
+ export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-17df63b8.js';
66
67
  export { _ as OrSelect } from './OrSelect-ea27a70e.js';
67
- export { _ as OrSelectV3 } from './OrSelect-f416b7aa.js';
68
+ export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
68
69
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
69
70
  export { O as OrSidebarPlacement, _ as OrSidebarV3 } from './OrSidebar-fabc7bc9.js';
70
71
  export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-38aef640.js';
@@ -77,9 +78,9 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
77
78
  export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
78
79
  export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
79
80
  export { _ as OrTabs } from './OrTabs-12138346.js';
80
- export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
81
+ export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
81
82
  export { _ as OrTag } from './OrTag-140d4f72.js';
82
- export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-ab03c4f7.js';
83
+ export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
83
84
  export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
84
85
  export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
85
86
  export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
@@ -87,11 +88,11 @@ export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
87
88
  export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
88
89
  export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
89
90
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
90
- export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-fb93ea4e.js';
91
+ export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
91
92
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
92
93
  export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
93
94
  export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
94
- export { _ as OrTooltipV3 } from './OrTooltip-caeac590.js';
95
+ export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
95
96
  import 'vue-demi';
96
97
  import 'lodash';
97
98
  import './style-inject.es-4c6f2515.js';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-8d149ece.js';
1
+ export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-24e2a1a2.js';
2
2
  import 'vue-demi';
3
3
  import './OrButton-eb895669.js';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -9,12 +9,12 @@ import './OrOverlay-4838a9b0.js';
9
9
  import './useElevation-0e973238.js';
10
10
  import './OrTeleport.vue2-fb92f29f.js';
11
11
  import 'portal-vue';
12
- import './OrInput-4a50fe57.js';
12
+ import './OrInput-24028f23.js';
13
13
  import './OrError-be656098.js';
14
14
  import './OrHint-44356417.js';
15
- import './OrIconButton-5883eba0.js';
15
+ import './OrIconButton-2088a37f.js';
16
16
  import './OrIcon-124f3bad.js';
17
- import './OrTooltip-caeac590.js';
17
+ import './OrTooltip-afe7030b.js';
18
18
  import './OrPopover-9080fc00.js';
19
19
  import '@floating-ui/dom';
20
20
  import './useResponsive-a02e95b7.js';
@@ -1,10 +1,10 @@
1
- export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-5883eba0.js';
1
+ export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-2088a37f.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrIcon-124f3bad.js';
6
6
  import './normalize-component-6e8e3d80.js';
7
- import './OrTooltip-caeac590.js';
7
+ import './OrTooltip-afe7030b.js';
8
8
  import './OrPopover-9080fc00.js';
9
9
  import '@floating-ui/dom';
10
10
  import './useElevation-0e973238.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-16a343c1.js';
1
+ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-f00cba5e.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-6a15ea2b.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
6
6
  import './OrError-be656098.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrHint-44356417.js';
9
- import './OrIconButton-5883eba0.js';
9
+ import './OrIconButton-2088a37f.js';
10
10
  import './OrIcon-124f3bad.js';
11
- import './OrTooltip-caeac590.js';
11
+ import './OrTooltip-afe7030b.js';
12
12
  import './OrPopover-9080fc00.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';
@@ -1,13 +1,13 @@
1
- export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-f154bdf5.js';
1
+ export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-75de33d0.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrError-be656098.js';
6
6
  import './normalize-component-6e8e3d80.js';
7
7
  import './OrHint-44356417.js';
8
- import './OrIconButton-5883eba0.js';
8
+ import './OrIconButton-2088a37f.js';
9
9
  import './OrIcon-124f3bad.js';
10
- import './OrTooltip-caeac590.js';
10
+ import './OrTooltip-afe7030b.js';
11
11
  import './OrPopover-9080fc00.js';
12
12
  import '@floating-ui/dom';
13
13
  import './useElevation-0e973238.js';
@@ -1,4 +1,4 @@
1
- export { I as InputType, _ as OrInputV3 } from './OrInput-4a50fe57.js';
1
+ export { I as InputType, _ as OrInputV3 } from './OrInput-24028f23.js';
2
2
  export { a as InputSize } from './OrInputBox-208dceac.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,9 +6,9 @@ import '@vueuse/core';
6
6
  import './OrError-be656098.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
8
  import './OrHint-44356417.js';
9
- import './OrIconButton-5883eba0.js';
9
+ import './OrIconButton-2088a37f.js';
10
10
  import './OrIcon-124f3bad.js';
11
- import './OrTooltip-caeac590.js';
11
+ import './OrTooltip-afe7030b.js';
12
12
  import './OrPopover-9080fc00.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';
@@ -1,11 +1,11 @@
1
- export { M as ModalSize, _ as OrModalV3 } from './OrModal-64c5ae2e.js';
1
+ export { M as ModalSize, _ as OrModalV3 } from './OrModal-a1452b11.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-5883eba0.js';
5
+ import './OrIconButton-2088a37f.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
- import './OrTooltip-caeac590.js';
8
+ import './OrTooltip-afe7030b.js';
9
9
  import './OrPopover-9080fc00.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
@@ -1,11 +1,11 @@
1
- export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-9c164908.js';
1
+ export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-ac420f39.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-5883eba0.js';
5
+ import './OrIconButton-2088a37f.js';
6
6
  import './OrIcon-124f3bad.js';
7
7
  import './normalize-component-6e8e3d80.js';
8
- import './OrTooltip-caeac590.js';
8
+ import './OrTooltip-afe7030b.js';
9
9
  import './OrPopover-9080fc00.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
@@ -1,19 +1,15 @@
1
- import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
2
- import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
1
+ export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
2
+ export { a as SearchSize } from './OrInputBox-208dceac.js';
3
+ import 'vue-demi';
3
4
  import '@vueuse/core';
4
- import { Editor } from '@tiptap/core';
5
- import StarterKit from '@tiptap/starter-kit';
6
- import Underline from '@tiptap/extension-underline';
7
- import Link from '@tiptap/extension-link';
8
- import Highlight from '@tiptap/extension-highlight';
9
- import Placeholder from '@tiptap/extension-placeholder';
10
- import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
11
- import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
12
- import { flatMap } from 'lodash';
13
- import { s as styleInject } from './style-inject.es-4c6f2515.js';
14
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
5
+ import './useClassAttribute-47fdb016.js';
6
+ import './OrInput-24028f23.js';
7
+ import './OrError-be656098.js';
8
+ import './normalize-component-6e8e3d80.js';
9
+ import './OrHint-44356417.js';
10
+ import './OrIconButton-2088a37f.js';
15
11
  import './OrIcon-124f3bad.js';
16
- import './OrTooltip-caeac590.js';
12
+ import './OrTooltip-afe7030b.js';
17
13
  import './OrPopover-9080fc00.js';
18
14
  import '@floating-ui/dom';
19
15
  import './useElevation-0e973238.js';
@@ -22,314 +18,5 @@ import './OrBottomSheet-f09adbbb.js';
22
18
  import './OrOverlay-4838a9b0.js';
23
19
  import './OrTeleport.vue2-fb92f29f.js';
24
20
  import 'portal-vue';
25
-
26
- const EditorContainer = [
27
- // Colors
28
- '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',
29
- // Sizing
30
- 'border-1', 'rounded-md'];
31
- const EditorContainerFilled = [
32
- //Colors
33
- 'bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'];
34
- const ToolbarContainer = [
35
- // Layout
36
- 'flex',
37
- //Spacing
38
- 'py-sm',
39
- //Sizing
40
- 'border-b-1',
41
- //Colors
42
- 'border-b-disabled', 'dark:border-b-outline-dark'];
43
- const Toolbar = [
44
- // Layout
45
- 'flex',
46
- // Spacing
47
- 'px-sm', 'gap-md',
48
- // Sizing
49
- 'border-r-1',
50
- //Colors
51
- 'border-r-disabled', 'dark:border-r-outline-dark',
52
- // Last child
53
- 'last-of-type:border-none'];
54
- const ToolbarButton = [
55
- // Typography
56
- 'text-on-disabled', 'dark:text-outline-dark'];
57
- const ToolbarButtonActive = [
58
- // Typography
59
- 'text-on-background', 'dark:text-on-background-dark'];
60
- const EditorInput = [
61
- // Spacing
62
- 'p-sm',
63
- // Typography
64
- 'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
65
- // Sizing
66
- 'min-h-[88px]'];
67
-
68
- var script = defineComponent({
69
- name: 'OrRichTextEditor',
70
- components: {
71
- OrIconButton: __vue_component__$1,
72
- OrLabel: __vue_component__$2
73
- },
74
- inheritAttrs: false,
75
- props: {
76
- modelValue: {
77
- type: String,
78
- default: '',
79
- required: false
80
- },
81
- toolbar: {
82
- type: Array,
83
- default: () => [['bold', 'italic', 'strike'], ['underline', 'highlight'], ['link'], ['bulletList', 'orderedList'], ['undo', 'redo']]
84
- },
85
- description: {
86
- type: String,
87
- default: ''
88
- },
89
- placeholder: {
90
- type: String,
91
- default: 'Write something...'
92
- },
93
- autofocus: {
94
- type: Boolean,
95
- default: false
96
- }
97
- },
98
- emits: ['update:modelValue'],
99
- setup(props, {
100
- emit
101
- }) {
102
- // Refs
103
- let editor = null;
104
- const editorRef = ref();
105
- const containerRef = ref();
106
- const isActive = ref({});
107
- const isFilled = ref(false);
108
- const iconsEnum = ref({
109
- bold: 'format_bold',
110
- italic: 'format_italic',
111
- underline: 'format_underlined',
112
- strike: 'format_strikethrough',
113
- bulletList: 'format_list_bulleted',
114
- orderedList: 'format_list_numbered',
115
- link: 'link',
116
- highlight: 'highlight',
117
- redo: 'redo',
118
- undo: 'undo'
119
- });
120
- const iconTooltipsEnum = ref({
121
- bold: 'Bold',
122
- italic: 'Italic',
123
- underline: 'Underline',
124
- strike: 'Strike',
125
- bulletList: 'Bulleted List',
126
- orderedList: 'Numbered List',
127
- link: 'Link',
128
- highlight: 'Highlight',
129
- redo: 'Redo',
130
- undo: 'Undo'
131
- });
132
- onMounted(() => {
133
- editor = new Editor({
134
- onUpdate: ({
135
- editor
136
- }) => {
137
- setActiveFormats();
138
- const html = editor.getHTML();
139
- const text = editor.getText();
140
- emit('update:modelValue', text === '' ? text : html);
141
- isFilled.value = text !== '';
142
- },
143
- element: editorRef.value,
144
- content: props.modelValue,
145
- autofocus: props.autofocus,
146
- extensions: [StarterKit, Underline, Link.configure({
147
- openOnClick: true,
148
- linkOnPaste: true,
149
- autolink: false,
150
- protocols: ['ftp', 'mailto', 'http', 'https'],
151
- validate: href => /^https?:\/\//.test(href),
152
- HTMLAttributes: {
153
- class: 'text-primary cursor-pointer'
154
- }
155
- }), Highlight, Placeholder.configure({
156
- placeholder: props.placeholder,
157
- emptyEditorClass: 'is-editor-empty text-outline'
158
- })],
159
- editorProps: {
160
- attributes: {
161
- class: 'focus:outline-none'
162
- }
163
- }
164
- });
165
- setActiveFormats();
166
- isFilled.value = props.modelValue !== '';
167
- });
168
- onBeforeUnmount(() => {
169
- editor === null || editor === void 0 ? void 0 : editor.destroy();
170
- });
171
- // Methods
172
- const handleEditorClick = () => {
173
- setActiveFormats();
174
- editor === null || editor === void 0 ? void 0 : editor.commands.focus();
175
- };
176
- const handleToolbarClick = item => {
177
- if (item === 'bulletList' || item === 'orderedList') {
178
- item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
179
- } else if (item === 'link') {
180
- setLink();
181
- } else if (item === 'undo' || item === 'redo') {
182
- item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
183
- } else {
184
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
185
- }
186
- };
187
- const setLink = () => {
188
- const previousUrl = editor === null || editor === void 0 ? void 0 : editor.getAttributes('link').href;
189
- const url = window.prompt('URL', previousUrl);
190
- // cancelled
191
- if (url === null) {
192
- return;
193
- }
194
- // empty
195
- if (url === '') {
196
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').unsetLink().run();
197
- return;
198
- }
199
- // update link
200
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').setLink({
201
- href: url
202
- }).run();
203
- };
204
- const setActiveFormats = () => {
205
- const toolbarList = flatMap(props.toolbar);
206
- toolbarList.forEach(item => {
207
- isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
208
- });
209
- };
210
- // Styles
211
- const classAttribute = useClassAttribute();
212
- const rootStyles = computed(() => {
213
- return ['or-rich-text-editor', classAttribute.value];
214
- });
215
- const containerStyles = computed(() => {
216
- return [...EditorContainer, ...(isFilled.value ? EditorContainerFilled : [])];
217
- });
218
- const toolbarContainerStyles = computed(() => {
219
- return [...ToolbarContainer];
220
- });
221
- const toolbarStyles = computed(() => {
222
- return [...Toolbar];
223
- });
224
- const editorInputStyles = computed(() => {
225
- return ['tiptap-editor', ...EditorInput];
226
- });
227
- const toolbarButtonStyles = item => {
228
- return [
229
- // Layout
230
- 'flex',
231
- // Spacing
232
- 'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
233
- };
234
- //Effects
235
- watch(() => props.modelValue, value => {
236
- if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML())) {
237
- editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
238
- }
239
- });
240
- return {
241
- editor,
242
- editorRef,
243
- containerRef,
244
- iconsEnum,
245
- handleToolbarClick,
246
- handleEditorClick,
247
- isActive,
248
- iconTooltipsEnum,
249
- containerStyles,
250
- toolbarContainerStyles,
251
- toolbarStyles,
252
- rootStyles,
253
- toolbarButtonStyles,
254
- editorInputStyles
255
- };
256
- }
257
- });
258
-
259
- var css_248z = ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}";
260
- styleInject(css_248z);
261
-
262
- /* script */
263
- const __vue_script__ = script;
264
- /* template */
265
- var __vue_render__ = function () {
266
- var _vm = this;
267
- var _h = _vm.$createElement;
268
- var _c = _vm._self._c || _h;
269
- return _c('div', _vm._b({
270
- ref: "root",
271
- class: _vm.rootStyles
272
- }, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]), _vm._v(" "), _c('div', {
273
- ref: "containerRef",
274
- class: _vm.containerStyles,
275
- on: {
276
- "click": function ($event) {
277
- return _vm.handleEditorClick();
278
- }
279
- }
280
- }, [_c('div', {
281
- class: _vm.toolbarContainerStyles
282
- }, _vm._l(_vm.toolbar, function (tool) {
283
- return _c('div', {
284
- key: tool,
285
- class: _vm.toolbarStyles
286
- }, _vm._l(tool, function (item) {
287
- return _c('div', {
288
- key: item,
289
- class: _vm.toolbarButtonStyles(item)
290
- }, [_c('or-icon-button', {
291
- attrs: {
292
- "tooltip": {
293
- text: _vm.iconTooltipsEnum[item],
294
- placement: 'top'
295
- },
296
- "icon": {
297
- icon: _vm.iconsEnum[item],
298
- variant: 'inherit',
299
- size: 's'
300
- }
301
- },
302
- on: {
303
- "click": function ($event) {
304
- return _vm.handleToolbarClick(item);
305
- }
306
- }
307
- })], 1);
308
- }), 0);
309
- }), 0), _vm._v(" "), _c('div', {
310
- ref: "editorRef",
311
- class: _vm.editorInputStyles
312
- })])], 1);
313
- };
314
- var __vue_staticRenderFns__ = [];
315
-
316
- /* style */
317
- const __vue_inject_styles__ = undefined;
318
- /* scoped */
319
- const __vue_scope_id__ = undefined;
320
- /* module identifier */
321
- const __vue_module_identifier__ = undefined;
322
- /* functional template */
323
- const __vue_is_functional_template__ = false;
324
- /* style inject */
325
-
326
- /* style inject SSR */
327
-
328
- /* style inject shadow dom */
329
-
330
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
331
- render: __vue_render__,
332
- staticRenderFns: __vue_staticRenderFns__
333
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
334
-
335
- export { __vue_component__ as OrRichTextEditor };
21
+ import './OrLabel-5670468e.js';
22
+ import './style-inject.es-4c6f2515.js';