@onereach/ui-components 4.6.3 → 4.6.4-beta.2800.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 (336) hide show
  1. package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js +30 -47
  2. package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts +19 -10
  3. package/dist/bundled/v2/components/OrBottomSheetV3/index.js +1 -0
  4. package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js +2 -1
  5. package/dist/bundled/v2/components/OrCardCollectionV3/index.js +2 -1
  6. package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js +28 -52
  7. package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.vue.d.ts +18 -36
  8. package/dist/bundled/v2/components/OrConfirmV3/index.js +1 -0
  9. package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js +3 -2
  10. package/dist/bundled/v2/components/OrDatePickerV3/index.js +2 -1
  11. package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js +4 -3
  12. package/dist/bundled/v2/components/OrDateTimePickerV3/index.js +2 -1
  13. package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.js +2 -1
  14. package/dist/bundled/v2/components/OrIconButtonV3/index.js +2 -1
  15. package/dist/bundled/v2/components/OrInlineInputV3/OrInlineInput.js +2 -1
  16. package/dist/bundled/v2/components/OrInlineInputV3/index.js +2 -1
  17. package/dist/bundled/v2/components/OrInlineTextareaV3/OrInlineTextarea.js +2 -1
  18. package/dist/bundled/v2/components/OrInlineTextareaV3/index.js +2 -1
  19. package/dist/bundled/v2/components/OrInputV3/OrInput.js +2 -1
  20. package/dist/bundled/v2/components/OrInputV3/index.js +2 -1
  21. package/dist/bundled/v2/components/OrMenuV3/OrMenu.js +21 -48
  22. package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts +13 -16
  23. package/dist/bundled/v2/components/OrMenuV3/index.js +1 -0
  24. package/dist/bundled/v2/components/OrModalV3/OrModal.js +220 -65
  25. package/dist/bundled/v2/components/OrModalV3/OrModal.vue.d.ts +13 -19
  26. package/dist/bundled/v2/components/OrModalV3/index.js +9 -8
  27. package/dist/bundled/v2/components/OrModalV3/styles.d.ts +0 -3
  28. package/dist/bundled/v2/components/OrModalV3/styles.js +1 -16
  29. package/dist/bundled/v2/components/OrNotificationV3/OrNotification.js +2 -1
  30. package/dist/bundled/v2/components/OrNotificationV3/index.js +2 -1
  31. package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js +2 -1
  32. package/dist/bundled/v2/components/OrPaginationV3/index.js +1 -0
  33. package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js +31 -102
  34. package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts +19 -12
  35. package/dist/bundled/v2/components/OrPopoverV3/index.js +1 -0
  36. package/dist/bundled/v2/components/OrSearchV3/OrSearch.js +1 -0
  37. package/dist/bundled/v2/components/OrSearchV3/index.js +1 -0
  38. package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +1 -0
  39. package/dist/bundled/v2/components/OrSelectV3/index.js +1 -0
  40. package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js +1 -0
  41. package/dist/bundled/v2/components/OrSidebarV3/index.js +1 -0
  42. package/dist/bundled/v2/components/OrTabsV3/OrTabs.js +1 -0
  43. package/dist/bundled/v2/components/OrTabsV3/index.js +1 -0
  44. package/dist/bundled/v2/components/OrTagV3/OrTag.js +2 -1
  45. package/dist/bundled/v2/components/OrTagV3/index.js +2 -1
  46. package/dist/bundled/v2/components/OrTagsV3/OrTags.js +1 -0
  47. package/dist/bundled/v2/components/OrTagsV3/index.js +1 -0
  48. package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js +2 -1
  49. package/dist/bundled/v2/components/OrTimePickerV3/index.js +1 -0
  50. package/dist/bundled/v2/components/OrToastContainerV3/OrToastContainer.js +1 -0
  51. package/dist/bundled/v2/components/OrToastContainerV3/index.js +1 -0
  52. package/dist/bundled/v2/components/OrToastV3/OrToast.js +2 -1
  53. package/dist/bundled/v2/components/OrToastV3/index.js +2 -1
  54. package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.js +32 -39
  55. package/dist/bundled/v2/components/OrTooltipV3/OrTooltip.vue.d.ts +20 -17
  56. package/dist/bundled/v2/components/OrTooltipV3/index.js +2 -1
  57. package/dist/bundled/v2/components/index.js +2 -1
  58. package/dist/bundled/v2/hooks/index.d.ts +1 -0
  59. package/dist/bundled/v2/hooks/index.js +1 -0
  60. package/dist/bundled/v2/hooks/useControlAttributes.d.ts +1 -2
  61. package/dist/bundled/v2/hooks/useElevation.js +3 -1
  62. package/dist/bundled/v2/hooks/usePopoverState.d.ts +11 -0
  63. package/dist/bundled/v2/hooks/usePopoverState.js +42 -0
  64. package/dist/bundled/v2/hooks/useValidationAttributes.d.ts +1 -2
  65. package/dist/bundled/v2/index.js +3 -2
  66. package/dist/bundled/v3/{OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js → OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js} +28 -45
  67. package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-f2d222a5.js → OrCardCollection.vue_vue_type_script_lang-d15329fd.js} +3 -3
  68. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-b1b13331.js → OrConfirm.vue_vue_type_script_lang-84f80066.js} +28 -52
  69. package/dist/bundled/v3/{OrDatePicker.vue_vue_type_script_lang-31f5d798.js → OrDatePicker.vue_vue_type_script_lang-92222927.js} +3 -3
  70. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-a0354296.js → OrDateTimePicker.vue_vue_type_script_lang-81f3cb69.js} +3 -3
  71. package/dist/bundled/v3/{OrDateTimePickerMonthSelect-98b935cb.js → OrDateTimePickerMonthSelect-354e1af8.js} +2 -2
  72. package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-5bba9f3f.js → OrIconButton.vue_vue_type_script_lang-fe97e57a.js} +1 -1
  73. package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3c6b0958.js → OrInlineInput.vue_vue_type_script_lang-3131ae11.js} +1 -1
  74. package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-da59cd8e.js → OrInlineTextarea.vue_vue_type_script_lang-db28519e.js} +1 -1
  75. package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-d08b3796.js → OrInput.vue_vue_type_script_lang-5f74dd08.js} +1 -1
  76. package/dist/bundled/v3/OrMenu.vue_vue_type_script_lang-1f45bf44.js +66 -0
  77. package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-31c15ba1.js +160 -0
  78. package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-463e1a82.js → OrNotification.vue_vue_type_script_lang-89bbc41f.js} +1 -1
  79. package/dist/bundled/v3/{OrPagination.vue_vue_type_script_lang-bdc8d9fb.js → OrPagination.vue_vue_type_script_lang-1835d432.js} +1 -1
  80. package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-7b1b2488.js → OrPopover.vue_vue_type_script_lang-c75dbd63.js} +27 -98
  81. package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-940d8e1f.js → OrSearch.vue_vue_type_script_lang-142ab019.js} +1 -1
  82. package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-1c77663e.js → OrSelect.vue_vue_type_script_lang-0ab50e13.js} +3 -3
  83. package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-780eaa84.js → OrSidebar.vue_vue_type_script_lang-23c6a11f.js} +1 -1
  84. package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-9d4221f1.js → OrTabs.vue_vue_type_script_lang-255f33d2.js} +1 -1
  85. package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-09948d1f.js → OrTag.vue_vue_type_script_lang-f4321103.js} +1 -1
  86. package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-71fb4f1d.js → OrTags.vue_vue_type_script_lang-4684a9c5.js} +2 -2
  87. package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-21be27c6.js → OrTimePicker.vue_vue_type_script_lang-e9684fe9.js} +2 -2
  88. package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-f3ccffce.js +56 -0
  89. package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.js +7 -6
  90. package/dist/bundled/v3/components/OrBottomSheetV3/OrBottomSheet.vue.d.ts +16 -10
  91. package/dist/bundled/v3/components/OrBottomSheetV3/index.js +3 -2
  92. package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js +12 -11
  93. package/dist/bundled/v3/components/OrCardCollectionV3/index.js +11 -10
  94. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.js +11 -10
  95. package/dist/bundled/v3/components/OrConfirmV3/OrConfirm.vue.d.ts +18 -35
  96. package/dist/bundled/v3/components/OrConfirmV3/index.js +8 -7
  97. package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js +11 -10
  98. package/dist/bundled/v3/components/OrDatePickerV3/index.js +9 -8
  99. package/dist/bundled/v3/components/OrDateTimePickerV3/OrDateTimePicker.js +12 -11
  100. package/dist/bundled/v3/components/OrDateTimePickerV3/index.js +9 -8
  101. package/dist/bundled/v3/components/OrIconButtonV3/OrIconButton.js +8 -7
  102. package/dist/bundled/v3/components/OrIconButtonV3/index.js +7 -6
  103. package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js +9 -8
  104. package/dist/bundled/v3/components/OrInlineInputV3/index.js +8 -7
  105. package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js +9 -8
  106. package/dist/bundled/v3/components/OrInlineTextareaV3/index.js +8 -7
  107. package/dist/bundled/v3/components/OrInputV3/OrInput.js +9 -8
  108. package/dist/bundled/v3/components/OrInputV3/index.js +8 -7
  109. package/dist/bundled/v3/components/OrMenuV3/OrMenu.js +9 -8
  110. package/dist/bundled/v3/components/OrMenuV3/OrMenu.vue.d.ts +13 -5
  111. package/dist/bundled/v3/components/OrMenuV3/index.js +5 -4
  112. package/dist/bundled/v3/components/OrModalV3/OrModal.js +36 -33
  113. package/dist/bundled/v3/components/OrModalV3/OrModal.vue.d.ts +14 -16
  114. package/dist/bundled/v3/components/OrModalV3/index.js +15 -14
  115. package/dist/bundled/v3/components/OrModalV3/styles.d.ts +0 -3
  116. package/dist/bundled/v3/components/OrModalV3/styles.js +1 -16
  117. package/dist/bundled/v3/components/OrNotificationV3/OrNotification.js +9 -8
  118. package/dist/bundled/v3/components/OrNotificationV3/index.js +8 -7
  119. package/dist/bundled/v3/components/OrOverlayV3/OrOverlay.js +2 -2
  120. package/dist/bundled/v3/components/OrOverlayV3/index.js +1 -1
  121. package/dist/bundled/v3/components/OrPaginationV3/OrPagination.js +8 -7
  122. package/dist/bundled/v3/components/OrPaginationV3/index.js +6 -5
  123. package/dist/bundled/v3/components/OrPopoverV3/OrPopover.js +8 -7
  124. package/dist/bundled/v3/components/OrPopoverV3/OrPopover.vue.d.ts +16 -11
  125. package/dist/bundled/v3/components/OrPopoverV3/index.js +4 -3
  126. package/dist/bundled/v3/components/OrSearchV3/OrSearch.js +9 -8
  127. package/dist/bundled/v3/components/OrSearchV3/index.js +8 -7
  128. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +10 -9
  129. package/dist/bundled/v3/components/OrSelectV3/index.js +9 -8
  130. package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +8 -7
  131. package/dist/bundled/v3/components/OrSidebarV3/index.js +7 -6
  132. package/dist/bundled/v3/components/OrTabsV3/OrTabs.js +7 -6
  133. package/dist/bundled/v3/components/OrTabsV3/index.js +6 -5
  134. package/dist/bundled/v3/components/OrTagV3/OrTag.js +9 -8
  135. package/dist/bundled/v3/components/OrTagV3/index.js +8 -7
  136. package/dist/bundled/v3/components/OrTagsV3/OrTags.js +9 -8
  137. package/dist/bundled/v3/components/OrTagsV3/index.js +8 -7
  138. package/dist/bundled/v3/components/OrTimePickerV3/OrTimePicker.js +9 -8
  139. package/dist/bundled/v3/components/OrTimePickerV3/index.js +7 -6
  140. package/dist/bundled/v3/components/OrToastContainerV3/OrToastContainer.js +8 -7
  141. package/dist/bundled/v3/components/OrToastContainerV3/index.js +7 -6
  142. package/dist/bundled/v3/components/OrToastV3/OrToast.js +7 -6
  143. package/dist/bundled/v3/components/OrToastV3/index.js +8 -7
  144. package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.js +13 -10
  145. package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.vue.d.ts +17 -6
  146. package/dist/bundled/v3/components/OrTooltipV3/index.js +6 -5
  147. package/dist/bundled/v3/components/index.js +26 -25
  148. package/dist/bundled/v3/hooks/index.d.ts +1 -0
  149. package/dist/bundled/v3/hooks/index.js +1 -0
  150. package/dist/bundled/v3/hooks/useControlAttributes.d.ts +1 -2
  151. package/dist/bundled/v3/hooks/useElevation.js +3 -1
  152. package/dist/bundled/v3/hooks/usePopoverState.d.ts +11 -0
  153. package/dist/bundled/v3/hooks/usePopoverState.js +42 -0
  154. package/dist/bundled/v3/hooks/useValidationAttributes.d.ts +1 -2
  155. package/dist/bundled/v3/index.js +27 -26
  156. package/dist/esm/v2/{OrBottomSheet-ffa029ca.js → OrBottomSheet-0592ccb2.js} +31 -48
  157. package/dist/esm/v2/{OrCardCollection-02970752.js → OrCardCollection-2b9bc050.js} +4 -4
  158. package/dist/esm/v2/{OrConfirm-308e93bc.js → OrConfirm-3f19c23b.js} +30 -54
  159. package/dist/esm/v2/{OrDatePicker-a79b777e.js → OrDatePicker-e991e7b2.js} +4 -4
  160. package/dist/esm/v2/{OrDateTimePicker-6fe4969d.js → OrDateTimePicker-7bbd81d1.js} +5 -5
  161. package/dist/esm/v2/{OrDateTimePickerMonthSelect-355ea67d.js → OrDateTimePickerMonthSelect-d75a849c.js} +3 -3
  162. package/dist/esm/v2/{OrIconButton-ee747c71.js → OrIconButton-75972865.js} +2 -2
  163. package/dist/esm/v2/{OrInlineInput-a131caf4.js → OrInlineInput-cf17dbb2.js} +1 -1
  164. package/dist/esm/v2/{OrInlineTextarea-7cc45396.js → OrInlineTextarea-2b0e2f39.js} +1 -1
  165. package/dist/esm/v2/{OrInput-3eeca714.js → OrInput-1a2b8ad9.js} +1 -1
  166. package/dist/esm/v2/{OrMenu-8b902c22.js → OrMenu-a35caf3b.js} +23 -49
  167. package/dist/esm/v2/OrModal-4aaae6bc.js +312 -0
  168. package/dist/esm/v2/{OrNotification-16e6d4ff.js → OrNotification-a773f1df.js} +1 -1
  169. package/dist/esm/v2/{OrOverlay-4c8c11e2.js → OrOverlay-f791976c.js} +1 -1
  170. package/dist/esm/v2/{OrPagination-36583054.js → OrPagination-3513165d.js} +3 -3
  171. package/dist/esm/v2/{OrPopover-80459663.js → OrPopover-a8950b85.js} +33 -104
  172. package/dist/esm/v2/{OrSearch-fa824e87.js → OrSearch-19c157b3.js} +1 -1
  173. package/dist/esm/v2/{OrSelect-d5fecc34.js → OrSelect-991b8be3.js} +3 -3
  174. package/dist/esm/v2/{OrSidebar-638b1d60.js → OrSidebar-bfbb8b0a.js} +1 -1
  175. package/dist/esm/v2/{OrSidebarCollapseButton-2c81d465.js → OrSidebarCollapseButton-a98037d6.js} +1 -1
  176. package/dist/esm/v2/{OrTabs-653258a2.js → OrTabs-abf290af.js} +2 -2
  177. package/dist/esm/v2/{OrTag-6256623c.js → OrTag-aa46cecd.js} +1 -1
  178. package/dist/esm/v2/{OrTags-db2608dc.js → OrTags-2a567e79.js} +2 -2
  179. package/dist/esm/v2/{OrTimePicker-5470d7a0.js → OrTimePicker-766637cb.js} +3 -3
  180. package/dist/esm/v2/{OrTooltip-5a6e0f64.js → OrTooltip-0dc63c1a.js} +33 -40
  181. package/dist/esm/v2/components/index.js +28 -27
  182. package/dist/esm/v2/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts +19 -10
  183. package/dist/esm/v2/components/or-bottom-sheet-v3/index.js +4 -3
  184. package/dist/esm/v2/components/or-card-collection-v3/index.js +11 -10
  185. package/dist/esm/v2/components/or-confirm-v3/OrConfirm.vue.d.ts +18 -36
  186. package/dist/esm/v2/components/or-confirm-v3/index.js +9 -8
  187. package/dist/esm/v2/components/or-date-picker-v3/index.js +10 -9
  188. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +10 -9
  189. package/dist/esm/v2/components/or-icon-button-v3/index.js +7 -6
  190. package/dist/esm/v2/components/or-inline-input-v3/index.js +8 -7
  191. package/dist/esm/v2/components/or-inline-textarea-v3/index.js +8 -7
  192. package/dist/esm/v2/components/or-input-v3/index.js +8 -7
  193. package/dist/esm/v2/components/or-menu-v3/OrMenu.vue.d.ts +13 -16
  194. package/dist/esm/v2/components/or-menu-v3/index.js +7 -6
  195. package/dist/esm/v2/components/or-modal-v3/OrModal.vue.d.ts +13 -19
  196. package/dist/esm/v2/components/or-modal-v3/index.js +12 -11
  197. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue.d.ts +8 -0
  198. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-content/styles.d.ts +1 -0
  199. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue.d.ts +8 -0
  200. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-footer/styles.d.ts +1 -0
  201. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue.d.ts +12 -0
  202. package/dist/esm/v2/components/or-modal-v3/partials/or-modal-header/styles.d.ts +1 -0
  203. package/dist/esm/v2/components/or-modal-v3/styles.d.ts +0 -3
  204. package/dist/esm/v2/components/or-notification-v3/index.js +8 -7
  205. package/dist/esm/v2/components/or-overlay-v3/index.js +2 -2
  206. package/dist/esm/v2/components/or-pagination-v3/index.js +7 -6
  207. package/dist/esm/v2/components/or-popover-v3/OrPopover.vue.d.ts +19 -12
  208. package/dist/esm/v2/components/or-popover-v3/index.js +5 -4
  209. package/dist/esm/v2/components/or-search-v3/index.js +9 -8
  210. package/dist/esm/v2/components/or-select-v3/index.js +10 -9
  211. package/dist/esm/v2/components/or-sidebar-v3/index.js +9 -8
  212. package/dist/esm/v2/components/or-sidebar-v3/partials/index.js +8 -7
  213. package/dist/esm/v2/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +8 -7
  214. package/dist/esm/v2/components/or-tabs-v3/index.js +7 -6
  215. package/dist/esm/v2/components/or-tag-v3/index.js +8 -7
  216. package/dist/esm/v2/components/or-tags-v3/index.js +9 -8
  217. package/dist/esm/v2/components/or-time-picker-v3/index.js +8 -7
  218. package/dist/esm/v2/components/or-toast-v3/index.js +8 -7
  219. package/dist/esm/v2/components/or-toast-v3/or-toast-container-v3/index.js +8 -7
  220. package/dist/esm/v2/components/or-tooltip-v3/OrTooltip.vue.d.ts +20 -17
  221. package/dist/esm/v2/components/or-tooltip-v3/index.js +7 -6
  222. package/dist/esm/v2/hooks/index.d.ts +1 -0
  223. package/dist/esm/v2/hooks/index.js +2 -1
  224. package/dist/esm/v2/hooks/useControlAttributes.d.ts +1 -2
  225. package/dist/esm/v2/hooks/usePopoverState.d.ts +11 -0
  226. package/dist/esm/v2/hooks/useValidationAttributes.d.ts +1 -2
  227. package/dist/esm/v2/index.js +28 -27
  228. package/dist/esm/v2/{types-4a7d24f3.js → types-f30860ee.js} +2 -2
  229. package/dist/esm/{v3/useElevation-b5a49746.js → v2/useElevation-a50ec347.js} +3 -1
  230. package/dist/esm/v2/usePopoverState-8a95a300.js +42 -0
  231. package/dist/esm/v3/{OrBottomSheet-5969a217.js → OrBottomSheet-a39fb331.js} +31 -48
  232. package/dist/esm/v3/{OrCardCollection-4401de57.js → OrCardCollection-3d652a34.js} +4 -4
  233. package/dist/esm/v3/{OrConfirm-671148e8.js → OrConfirm-cb0b2b78.js} +30 -54
  234. package/dist/esm/v3/{OrDatePicker-7cb1da75.js → OrDatePicker-6a44ad41.js} +4 -4
  235. package/dist/esm/v3/{OrDateTimePicker-3cf882f6.js → OrDateTimePicker-2cbcf8c7.js} +5 -5
  236. package/dist/esm/v3/{OrDateTimePickerMonthSelect-bd26a294.js → OrDateTimePickerMonthSelect-2f61d92f.js} +3 -3
  237. package/dist/esm/v3/{OrIconButton-b7217ea5.js → OrIconButton-e34a20eb.js} +2 -2
  238. package/dist/esm/v3/{OrInlineInput-dcb28ea2.js → OrInlineInput-ad0d4264.js} +1 -1
  239. package/dist/esm/v3/{OrInlineTextarea-88eac437.js → OrInlineTextarea-b5ec488d.js} +1 -1
  240. package/dist/esm/v3/{OrInput-238fd1c0.js → OrInput-a9aeef6e.js} +1 -1
  241. package/dist/esm/v3/{OrMenu-8a53ccf9.js → OrMenu-f590d761.js} +24 -50
  242. package/dist/esm/v3/OrModal-9dc09e95.js +226 -0
  243. package/dist/esm/v3/{OrNotification-09216b8b.js → OrNotification-69031471.js} +1 -1
  244. package/dist/esm/v3/{OrOverlay-bf72f582.js → OrOverlay-28952099.js} +1 -1
  245. package/dist/esm/v3/{OrPagination-c6046af4.js → OrPagination-f3be120f.js} +3 -3
  246. package/dist/esm/v3/{OrPopover-15c2968f.js → OrPopover-ebd57053.js} +31 -102
  247. package/dist/esm/v3/{OrSearch-cd0f6a88.js → OrSearch-5576cf14.js} +1 -1
  248. package/dist/esm/v3/{OrSelect-ce7f58cf.js → OrSelect-0b3ebce9.js} +3 -3
  249. package/dist/esm/v3/{OrSidebar-1579ad80.js → OrSidebar-303ef558.js} +1 -1
  250. package/dist/esm/v3/{OrSidebarCollapseButton-2668946c.js → OrSidebarCollapseButton-d7f004df.js} +1 -1
  251. package/dist/esm/v3/{OrTabs-a2d87627.js → OrTabs-b6c8077c.js} +2 -2
  252. package/dist/esm/v3/{OrTag-8605e9e6.js → OrTag-4ac45254.js} +1 -1
  253. package/dist/esm/v3/{OrTags-3724ff59.js → OrTags-de9f065e.js} +2 -2
  254. package/dist/esm/v3/{OrTimePicker-a5921c6f.js → OrTimePicker-0fe72767.js} +3 -3
  255. package/dist/esm/v3/{OrTooltip-3d5fcaf9.js → OrTooltip-edb28095.js} +28 -41
  256. package/dist/esm/v3/components/index.js +28 -27
  257. package/dist/esm/v3/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts +16 -10
  258. package/dist/esm/v3/components/or-bottom-sheet-v3/index.js +4 -3
  259. package/dist/esm/v3/components/or-card-collection-v3/index.js +11 -10
  260. package/dist/esm/v3/components/or-confirm-v3/OrConfirm.vue.d.ts +18 -35
  261. package/dist/esm/v3/components/or-confirm-v3/index.js +9 -8
  262. package/dist/esm/v3/components/or-date-picker-v3/index.js +10 -9
  263. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +10 -9
  264. package/dist/esm/v3/components/or-icon-button-v3/index.js +7 -6
  265. package/dist/esm/v3/components/or-inline-input-v3/index.js +8 -7
  266. package/dist/esm/v3/components/or-inline-textarea-v3/index.js +8 -7
  267. package/dist/esm/v3/components/or-input-v3/index.js +8 -7
  268. package/dist/esm/v3/components/or-menu-v3/OrMenu.vue.d.ts +13 -5
  269. package/dist/esm/v3/components/or-menu-v3/index.js +7 -6
  270. package/dist/esm/v3/components/or-modal-v3/OrModal.vue.d.ts +14 -16
  271. package/dist/esm/v3/components/or-modal-v3/index.js +11 -10
  272. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue.d.ts +5 -0
  273. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-content/styles.d.ts +1 -0
  274. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue.d.ts +5 -0
  275. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-footer/styles.d.ts +1 -0
  276. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue.d.ts +7 -0
  277. package/dist/esm/v3/components/or-modal-v3/partials/or-modal-header/styles.d.ts +1 -0
  278. package/dist/esm/v3/components/or-modal-v3/styles.d.ts +0 -3
  279. package/dist/esm/v3/components/or-notification-v3/index.js +8 -7
  280. package/dist/esm/v3/components/or-overlay-v3/index.js +2 -2
  281. package/dist/esm/v3/components/or-pagination-v3/index.js +7 -6
  282. package/dist/esm/v3/components/or-popover-v3/OrPopover.vue.d.ts +16 -11
  283. package/dist/esm/v3/components/or-popover-v3/index.js +5 -4
  284. package/dist/esm/v3/components/or-search-v3/index.js +9 -8
  285. package/dist/esm/v3/components/or-select-v3/index.js +10 -9
  286. package/dist/esm/v3/components/or-sidebar-v3/index.js +9 -8
  287. package/dist/esm/v3/components/or-sidebar-v3/partials/index.js +8 -7
  288. package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/index.js +8 -7
  289. package/dist/esm/v3/components/or-tabs-v3/index.js +7 -6
  290. package/dist/esm/v3/components/or-tag-v3/index.js +8 -7
  291. package/dist/esm/v3/components/or-tags-v3/index.js +9 -8
  292. package/dist/esm/v3/components/or-time-picker-v3/index.js +8 -7
  293. package/dist/esm/v3/components/or-toast-v3/index.js +8 -7
  294. package/dist/esm/v3/components/or-toast-v3/or-toast-container-v3/index.js +8 -7
  295. package/dist/esm/v3/components/or-tooltip-v3/OrTooltip.vue.d.ts +17 -6
  296. package/dist/esm/v3/components/or-tooltip-v3/index.js +7 -6
  297. package/dist/esm/v3/hooks/index.d.ts +1 -0
  298. package/dist/esm/v3/hooks/index.js +2 -1
  299. package/dist/esm/v3/hooks/useControlAttributes.d.ts +1 -2
  300. package/dist/esm/v3/hooks/usePopoverState.d.ts +11 -0
  301. package/dist/esm/v3/hooks/useValidationAttributes.d.ts +1 -2
  302. package/dist/esm/v3/index.js +28 -27
  303. package/dist/esm/v3/{types-9e1555eb.js → types-60f3dd35.js} +2 -2
  304. package/dist/esm/{v2/useElevation-b5a49746.js → v3/useElevation-a50ec347.js} +3 -1
  305. package/dist/esm/v3/usePopoverState-8a95a300.js +42 -0
  306. package/package.json +2 -3
  307. package/src/components/or-bottom-sheet-v3/OrBottomSheet.vue +29 -58
  308. package/src/components/or-confirm-v3/OrConfirm.vue +29 -50
  309. package/src/components/or-date-picker-v3/OrDatePicker.vue +1 -1
  310. package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +2 -2
  311. package/src/components/or-menu-v3/OrMenu.vue +18 -40
  312. package/src/components/or-modal-v3/OrModal.vue +32 -66
  313. package/src/components/or-modal-v3/partials/or-modal-content/OrModalContent.vue +37 -0
  314. package/src/components/or-modal-v3/partials/or-modal-content/styles.ts +10 -0
  315. package/src/components/or-modal-v3/partials/or-modal-footer/OrModalFooter.vue +37 -0
  316. package/src/components/or-modal-v3/partials/or-modal-footer/styles.ts +4 -0
  317. package/src/components/or-modal-v3/partials/or-modal-header/OrModalHeader.vue +54 -0
  318. package/src/components/or-modal-v3/partials/or-modal-header/styles.ts +10 -0
  319. package/src/components/or-modal-v3/styles.ts +0 -25
  320. package/src/components/or-pagination-v3/OrPagination.vue +1 -1
  321. package/src/components/or-popover-v3/OrPopover.vue +28 -125
  322. package/src/components/or-time-picker-v3/OrTimePicker.vue +1 -1
  323. package/src/components/or-tooltip-v3/OrTooltip.vue +24 -40
  324. package/src/hooks/index.ts +1 -0
  325. package/src/hooks/useControlAttributes.ts +1 -1
  326. package/src/hooks/useElevation.ts +3 -1
  327. package/src/hooks/usePopoverState.ts +66 -0
  328. package/src/hooks/useValidationAttributes.ts +1 -1
  329. package/dist/bundled/v3/OrMenu.vue_vue_type_script_lang-115f2c60.js +0 -93
  330. package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-202c4e2f.js +0 -71
  331. package/dist/bundled/v3/OrTooltip.vue_vue_type_script_lang-bb3db5bf.js +0 -72
  332. package/dist/esm/v2/OrModal-1f80d87f.js +0 -174
  333. package/dist/esm/v3/OrModal-1366926a.js +0 -150
  334. /package/dist/bundled/v2/{OrDateTimePickerMonthSelect-30f79990.js → OrDateTimePickerMonthSelect-9a8e332c.js} +0 -0
  335. /package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-86c7b93a.js → OrOverlay.vue_vue_type_script_lang-29ff6fd8.js} +0 -0
  336. /package/dist/bundled/v3/{OrToastContainer.vue_vue_type_script_lang-485ef171.js → OrToastContainer.vue_vue_type_script_lang-461fb6d1.js} +0 -0
@@ -1,12 +1,13 @@
1
- import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
1
+ import { a as autoUpdate, c as computePosition, s as shift, f as flip, h as hide } from './floating-ui.dom.esm-83eba816.js';
2
2
  import { onClickOutside } from '@vueuse/core';
3
- import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
3
+ import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
4
4
  import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
5
5
  import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
6
6
  import './components/OrBottomSheetV3/OrBottomSheet.js';
7
- import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
7
+ import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
8
8
  import './components/OrTeleportV3/OrTeleport.js';
9
9
  import useResponsive from './hooks/useResponsive/useResponsive.js';
10
+ import { usePopoverState } from './hooks/usePopoverState.js';
10
11
  import { useElevation } from './hooks/useElevation.js';
11
12
  import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
12
13
 
@@ -18,6 +19,10 @@ var script = defineComponent({
18
19
  },
19
20
  inheritAttrs: false,
20
21
  props: {
22
+ isOpen: {
23
+ type: Boolean,
24
+ default: false
25
+ },
21
26
  variant: {
22
27
  type: String,
23
28
  default: PopoverVariant.Auto
@@ -47,8 +52,8 @@ var script = defineComponent({
47
52
  default: false
48
53
  }
49
54
  },
50
- emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
51
- expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'isFlipped', 'open', 'close'],
55
+ emits: ['update:state', 'open', 'close'],
56
+ expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
52
57
  setup(props, context) {
53
58
  const {
54
59
  isDesktop,
@@ -65,89 +70,14 @@ var script = defineComponent({
65
70
  const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
66
71
  const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
67
72
  // State
68
- const state = ref('closed');
69
- const isOpen = computed(() => state.value === 'open');
70
- const isFullscreen = computed(() => state.value === 'fullscreen');
71
- const isClosed = computed(() => state.value === 'closed');
73
+ const {
74
+ state,
75
+ open,
76
+ close,
77
+ toggle
78
+ } = usePopoverState(toRef(props, 'isOpen'), context);
72
79
  const isFlipped = ref(false);
73
- // Events
74
- watch(state, value => {
75
- context.emit('update:state', value);
76
- switch (value) {
77
- case 'open':
78
- context.emit('update:state:open');
79
- break;
80
- case 'fullscreen':
81
- context.emit('update:state:fullscreen');
82
- break;
83
- case 'closed':
84
- context.emit('update:state:closed');
85
- break;
86
- }
87
- });
88
- // Methods
89
- function open() {
90
- state.value = 'open';
91
- switch (props.variant) {
92
- case PopoverVariant.Auto:
93
- if (isMobile.value) {
94
- nextTick(() => {
95
- const bottomSheetInstance = bottomSheet.value;
96
- if (bottomSheetInstance) {
97
- bottomSheetInstance.open();
98
- }
99
- });
100
- }
101
- break;
102
- case PopoverVariant.Popover:
103
- break;
104
- case PopoverVariant.BottomSheet:
105
- nextTick(() => {
106
- const bottomSheetInstance = bottomSheet.value;
107
- if (bottomSheetInstance) {
108
- bottomSheetInstance.open();
109
- }
110
- });
111
- break;
112
- }
113
- }
114
- function close() {
115
- let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
116
- state.value = 'closed';
117
- switch (props.variant) {
118
- case PopoverVariant.Auto:
119
- if (isMobile.value) {
120
- nextTick(() => {
121
- const bottomSheetInstance = bottomSheet.value;
122
- if (bottomSheetInstance) {
123
- bottomSheetInstance.close();
124
- }
125
- });
126
- }
127
- break;
128
- case PopoverVariant.Popover:
129
- break;
130
- case PopoverVariant.BottomSheet:
131
- nextTick(() => {
132
- const bottomSheetInstance = bottomSheet.value;
133
- if (bottomSheetInstance) {
134
- bottomSheetInstance.close();
135
- }
136
- });
137
- break;
138
- }
139
- if (auto) {
140
- context.emit('update:state:closed-automatically');
141
- }
142
- }
143
- // Handlers
144
- function handleBottomSheetState(bottomSheetState) {
145
- if (bottomSheetState === 'closed') {
146
- state.value = 'closed';
147
- } else {
148
- state.value = 'open';
149
- }
150
- }
80
+ const isHidden = ref(false);
151
81
  // Effects
152
82
  watchPostEffect(() => {
153
83
  const rootElement = unref(root);
@@ -158,14 +88,14 @@ var script = defineComponent({
158
88
  } = props;
159
89
  if (trigger) {
160
90
  autoUpdate(trigger, rootElement, async () => {
161
- var _a;
91
+ var _a, _b;
162
92
  const {
163
93
  x,
164
94
  y,
165
95
  middlewareData
166
96
  } = await computePosition(trigger, rootElement, {
167
97
  placement,
168
- middleware: [flip(), shift(), hide()]
98
+ middleware: [shift(), flip(), hide()]
169
99
  });
170
100
  Object.assign(rootElement.style, {
171
101
  left: `${x}px`,
@@ -174,10 +104,14 @@ var script = defineComponent({
174
104
  width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
175
105
  });
176
106
  isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
107
+ isHidden.value = Boolean((_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden);
177
108
  });
178
109
  }
179
110
  }
180
111
  });
112
+ // #region Elevation
113
+ useElevation(root, state);
114
+ // #endregion
181
115
  // #region Click Outside
182
116
  const trigger = toRef(props, 'trigger');
183
117
  onClickOutside(root, event => {
@@ -188,31 +122,26 @@ var script = defineComponent({
188
122
  } = _ref;
189
123
  return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
190
124
  })) {
191
- close(true);
125
+ close();
192
126
  }
193
127
  }, {
194
128
  ignore: [trigger]
195
129
  });
196
130
  // #endregion
197
- // #region Elevation
198
- useElevation(root, state);
199
- // #endregion
200
131
  return {
201
132
  isDesktop,
202
133
  isMobile,
203
134
  root,
204
135
  bottomSheet,
205
136
  bottomSheetRoot,
206
- handleBottomSheetState,
207
137
  rootStyles,
208
138
  bodyStyles,
209
139
  state,
210
- isOpen,
211
- isFullscreen,
212
- isClosed,
213
140
  isFlipped,
141
+ isHidden,
214
142
  open,
215
- close
143
+ close,
144
+ toggle
216
145
  };
217
146
  }
218
147
  });
@@ -1,7 +1,7 @@
1
1
  import { debouncedWatch } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, watch } from 'vue-demi';
3
3
  import './components/OrInputV3/OrInput.js';
4
- import { s as script$1 } from './OrInput.vue_vue_type_script_lang-d08b3796.js';
4
+ import { s as script$1 } from './OrInput.vue_vue_type_script_lang-5f74dd08.js';
5
5
  import { InputBoxSize } from './components/OrInputBoxV3/props.js';
6
6
 
7
7
  var script = defineComponent({
@@ -13,17 +13,17 @@ import './components/OrLabelV3/OrLabel.js';
13
13
  import './components/OrMenuItemV3/OrMenuItem.js';
14
14
  import './components/OrPopoverV3/OrPopover.js';
15
15
  import './components/OrTagV3/OrTag.js';
16
- import { s as script$b } from './OrTag.vue_vue_type_script_lang-09948d1f.js';
16
+ import { s as script$b } from './OrTag.vue_vue_type_script_lang-f4321103.js';
17
17
  import { useOverflow } from './hooks/useOverflow.js';
18
18
  import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-cfeb4a4e.js';
19
19
  import { s as script$2 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
20
20
  import { s as script$4 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
21
21
  import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
22
- import { s as script$6 } from './OrInput.vue_vue_type_script_lang-d08b3796.js';
22
+ import { s as script$6 } from './OrInput.vue_vue_type_script_lang-5f74dd08.js';
23
23
  import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
24
24
  import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
25
25
  import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
26
- import { s as script$a } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
26
+ import { s as script$a } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
27
27
  import { DropdownClose } from './directives/dropdown-close.js';
28
28
  import { DropdownOpen } from './directives/dropdown-open.js';
29
29
  import { InputBoxSize } from './components/OrInputBoxV3/props.js';
@@ -2,7 +2,7 @@ import { useDraggable, useElementBounding } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
3
3
  import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
4
4
  import './components/OrIconButtonV3/OrIconButton.js';
5
- import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
5
+ import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
6
6
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode } from 'vue';
7
7
  import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
8
8
 
@@ -8,7 +8,7 @@ import './components/OrMenuItemV3/OrMenuItem.js';
8
8
  import './components/OrTabV3/OrTab.js';
9
9
  import { s as script$4 } from './OrTab.vue_vue_type_script_lang-79f2f523.js';
10
10
  import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
11
- import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-115f2c60.js';
11
+ import { s as script$2 } from './OrMenu.vue_vue_type_script_lang-1f45bf44.js';
12
12
  import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
13
13
 
14
14
  var script = defineComponent({
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
2
2
  import { TagVariant, TagColor } from './components/OrTagV3/props.js';
3
3
  import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
4
4
  import './components/OrIconButtonV3/OrIconButton.js';
5
- import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
5
+ import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
6
6
 
7
7
  var script = defineComponent({
8
8
  name: 'OrTag',
@@ -5,8 +5,8 @@ import './components/OrPopoverV3/OrPopover.js';
5
5
  import './components/OrTagV3/OrTag.js';
6
6
  import { useOverflow } from './hooks/useOverflow.js';
7
7
  import { s as script$1 } from './OrButton.vue_vue_type_script_lang-f58fa1b8.js';
8
- import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
9
- import { s as script$3 } from './OrTag.vue_vue_type_script_lang-09948d1f.js';
8
+ import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
9
+ import { s as script$3 } from './OrTag.vue_vue_type_script_lang-f4321103.js';
10
10
 
11
11
  var script = defineComponent({
12
12
  name: 'OrTags',
@@ -13,10 +13,10 @@ import './components/OrPopoverV3/OrPopover.js';
13
13
  import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
14
14
  import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
15
15
  import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-73f9cc63.js';
16
- import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
16
+ import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
17
17
  import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-ede24b04.js';
18
18
  import { s as script$b } from './OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
19
- import { s as script$c } from './OrPopover.vue_vue_type_script_lang-7b1b2488.js';
19
+ import { s as script$c } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
20
20
  import { DropdownClose } from './directives/dropdown-close.js';
21
21
  import { DropdownOpen } from './directives/dropdown-open.js';
22
22
  import { InputBoxSize } from './components/OrInputBoxV3/props.js';
@@ -0,0 +1,56 @@
1
+ import { defineComponent, ref, computed, toRef } from 'vue-demi';
2
+ import { TooltipRoot, TooltipBody, TooltipBodyPlacements } from './components/OrTooltipV3/styles.js';
3
+ import './components/OrPopoverV3/OrPopover.js';
4
+ import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-c75dbd63.js';
5
+ import { PopoverPlacement } from './components/OrPopoverV3/props.js';
6
+ import { usePopoverState } from './hooks/usePopoverState.js';
7
+
8
+ var script = defineComponent({
9
+ name: 'OrTooltip',
10
+ components: {
11
+ OrPopover: script$1
12
+ },
13
+ props: {
14
+ isOpen: {
15
+ type: Boolean,
16
+ default: false
17
+ },
18
+ text: {
19
+ type: String,
20
+ default: undefined
21
+ },
22
+ placement: {
23
+ type: String,
24
+ default: PopoverPlacement.Bottom
25
+ }
26
+ },
27
+ emits: ['update:state', 'open', 'close'],
28
+ expose: ['root', 'state', 'open', 'close', 'toggle'],
29
+ setup(props, context) {
30
+ // Refs
31
+ const root = ref();
32
+ // Styles
33
+ const rootStyles = computed(() => ['or-tooltip-v3', ...TooltipRoot]);
34
+ const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
35
+ // State
36
+ const {
37
+ state,
38
+ open,
39
+ close,
40
+ toggle
41
+ } = usePopoverState(toRef(props, 'isOpen'), context, {
42
+ debounce: 250
43
+ });
44
+ return {
45
+ root,
46
+ rootStyles,
47
+ bodyStyles,
48
+ state,
49
+ open,
50
+ close,
51
+ toggle
52
+ };
53
+ }
54
+ });
55
+
56
+ export { script as s };
@@ -1,23 +1,24 @@
1
- import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
2
- export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
1
+ import { s as script } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
2
+ export { s as default } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
3
3
  import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
4
4
  import '@vueuse/core';
5
5
  import 'vue-demi';
6
6
  import './props.js';
7
7
  import './styles.js';
8
8
  import '../OrOverlayV3/OrOverlay.js';
9
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
9
+ import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
10
10
  import '../OrOverlayV3/styles.js';
11
11
  import '../OrTeleportV3/OrTeleport.js';
12
12
  import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
13
13
  import '../../hooks/useElevation.js';
14
14
  import '../../utils/isVisible.js';
15
+ import '../../hooks/usePopoverState.js';
15
16
 
16
17
  function render(_ctx, _cache, $props, $setup, $data, $options) {
17
18
  const _component_OrOverlay = resolveComponent("OrOverlay");
18
- return _ctx.state !== 'closed' ? (openBlock(), createBlock(_component_OrOverlay, {
19
+ return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
19
20
  key: 0,
20
- fullscreen: _ctx.state === 'fullscreen'
21
+ fullscreen: _ctx.fullscreen
21
22
  }, {
22
23
  default: withCtx(() => [createElementVNode("div", mergeProps({
23
24
  ref: "root"
@@ -29,7 +30,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
29
30
  }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
30
31
  class: normalizeClass(_ctx.headerStyles)
31
32
  }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
32
- class: normalizeClass([_ctx.state === 'fullscreen' ? 'overflow-y-auto' : 'overflow-hidden'])
33
+ class: normalizeClass([_ctx.fullscreen ? 'overflow-y-auto' : 'overflow-hidden'])
33
34
  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
34
35
 
35
36
  _: 3 /* FORWARDED */
@@ -1,6 +1,10 @@
1
1
  import { PropType } from 'vue-demi';
2
2
  import { BottomSheetVariant } from './props';
3
3
  declare const _default: import("vue-demi").DefineComponent<{
4
+ isOpen: {
5
+ type: BooleanConstructor;
6
+ default: boolean;
7
+ };
4
8
  variant: {
5
9
  type: PropType<"basic" | "advanced">;
6
10
  default: BottomSheetVariant;
@@ -10,24 +14,26 @@ declare const _default: import("vue-demi").DefineComponent<{
10
14
  rootStyles: import("vue-demi").ComputedRef<string[]>;
11
15
  handleStyles: import("vue-demi").ComputedRef<string[]>;
12
16
  headerStyles: import("vue-demi").ComputedRef<string[]>;
13
- state: import("vue-demi").Ref<"open" | "fullscreen" | "closed">;
14
- isOpen: import("vue-demi").ComputedRef<boolean>;
15
- isFullscreen: import("vue-demi").ComputedRef<boolean>;
16
- isClosed: import("vue-demi").ComputedRef<boolean>;
17
+ state: import("vue-demi").Ref<"open" | "closed">;
18
+ fullscreen: import("vue-demi").Ref<boolean>;
17
19
  open: () => void;
18
- close: (auto?: boolean) => void;
19
- }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "update:state:open" | "update:state:fullscreen" | "update:state:closed" | "update:state:closed-automatically")[], "update:state" | "update:state:open" | "update:state:fullscreen" | "update:state:closed" | "update:state:closed-automatically", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
20
+ close: () => void;
21
+ toggle: () => void;
22
+ }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
23
+ isOpen: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
20
27
  variant: {
21
28
  type: PropType<"basic" | "advanced">;
22
29
  default: BottomSheetVariant;
23
30
  };
24
31
  }>> & {
25
32
  "onUpdate:state"?: ((...args: any[]) => any) | undefined;
26
- "onUpdate:state:open"?: ((...args: any[]) => any) | undefined;
27
- "onUpdate:state:fullscreen"?: ((...args: any[]) => any) | undefined;
28
- "onUpdate:state:closed"?: ((...args: any[]) => any) | undefined;
29
- "onUpdate:state:closed-automatically"?: ((...args: any[]) => any) | undefined;
33
+ onOpen?: ((...args: any[]) => any) | undefined;
34
+ onClose?: ((...args: any[]) => any) | undefined;
30
35
  }, {
36
+ isOpen: boolean;
31
37
  variant: "basic" | "advanced";
32
38
  }>;
33
39
  export default _default;
@@ -1,13 +1,14 @@
1
1
  export { BottomSheetVariant } from './props.js';
2
- export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
2
+ export { s as OrBottomSheetV3 } from '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
5
  import './styles.js';
6
6
  import '../OrOverlayV3/OrOverlay.js';
7
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
7
+ import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
8
8
  import '../OrOverlayV3/styles.js';
9
9
  import '../OrTeleportV3/OrTeleport.js';
10
10
  import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
11
11
  import 'vue';
12
12
  import '../../hooks/useElevation.js';
13
13
  import '../../utils/isVisible.js';
14
+ import '../../hooks/usePopoverState.js';
@@ -1,11 +1,11 @@
1
- import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
2
- export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
1
+ import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
2
+ export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
3
3
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps } from 'vue';
4
4
  import 'vue-demi';
5
5
  import './styles.js';
6
6
  import './props.js';
7
7
  import '../OrIconButtonV3/OrIconButton.js';
8
- import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
8
+ import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
9
9
  import '../OrIconButtonV3/props.js';
10
10
  import '../OrIconV3/props.js';
11
11
  import '../OrIconButtonV3/styles.js';
@@ -13,25 +13,26 @@ import '../OrIconV3/OrIcon.js';
13
13
  import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
14
14
  import '../OrIconV3/styles.js';
15
15
  import '../OrTooltipV3/OrTooltip.js';
16
- import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
17
- import '@vueuse/core';
16
+ import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
18
17
  import '../OrTooltipV3/styles.js';
19
18
  import '../OrPopoverV3/OrPopover.js';
20
- import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
19
+ import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
21
20
  import '../../floating-ui.dom.esm-83eba816.js';
21
+ import '@vueuse/core';
22
22
  import '../OrPopoverV3/props.js';
23
23
  import '../OrPopoverV3/styles.js';
24
24
  import '../OrBottomSheetV3/OrBottomSheet.js';
25
- import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
25
+ import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
26
26
  import '../OrBottomSheetV3/props.js';
27
27
  import '../OrBottomSheetV3/styles.js';
28
28
  import '../OrOverlayV3/OrOverlay.js';
29
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
29
+ import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
30
30
  import '../OrOverlayV3/styles.js';
31
31
  import '../OrTeleportV3/OrTeleport.js';
32
32
  import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
33
33
  import '../../hooks/useElevation.js';
34
34
  import '../../utils/isVisible.js';
35
+ import '../../hooks/usePopoverState.js';
35
36
  import '../../hooks/useResponsive/useResponsive.js';
36
37
  import '../OrButtonV3/OrButton.js';
37
38
  import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -42,15 +43,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
42
43
  import '../OrLoaderV3/props.js';
43
44
  import '../OrLoaderV3/styles.js';
44
45
  import '../OrMenuV3/OrMenu.js';
45
- import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
46
+ import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
46
47
  import '../OrMenuV3/styles.js';
47
48
  import '../OrMenuItemV3/OrMenuItem.js';
48
49
  import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
49
50
  import '../OrMenuItemV3/styles.js';
50
51
  import '../OrSearchV3/OrSearch.js';
51
- import '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
52
+ import '../../OrSearch.vue_vue_type_script_lang-142ab019.js';
52
53
  import '../OrInputV3/OrInput.js';
53
- import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
54
+ import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
54
55
  import '../OrInputV3/props.js';
55
56
  import '../OrInputBoxV3/props.js';
56
57
  import '../OrInputV3/styles.js';
@@ -1,10 +1,10 @@
1
1
  export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
2
- export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-f2d222a5.js';
2
+ export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-d15329fd.js';
3
3
  import 'vue-demi';
4
4
  import './styles.js';
5
5
  import 'vue';
6
6
  import '../OrIconButtonV3/OrIconButton.js';
7
- import '../../OrIconButton.vue_vue_type_script_lang-5bba9f3f.js';
7
+ import '../../OrIconButton.vue_vue_type_script_lang-fe97e57a.js';
8
8
  import '../OrIconButtonV3/props.js';
9
9
  import '../OrIconV3/props.js';
10
10
  import '../OrIconButtonV3/styles.js';
@@ -12,25 +12,26 @@ import '../OrIconV3/OrIcon.js';
12
12
  import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
13
13
  import '../OrIconV3/styles.js';
14
14
  import '../OrTooltipV3/OrTooltip.js';
15
- import '../../OrTooltip.vue_vue_type_script_lang-bb3db5bf.js';
16
- import '@vueuse/core';
15
+ import '../../OrTooltip.vue_vue_type_script_lang-f3ccffce.js';
17
16
  import '../OrTooltipV3/styles.js';
18
17
  import '../OrPopoverV3/OrPopover.js';
19
- import '../../OrPopover.vue_vue_type_script_lang-7b1b2488.js';
18
+ import '../../OrPopover.vue_vue_type_script_lang-c75dbd63.js';
20
19
  import '../../floating-ui.dom.esm-83eba816.js';
20
+ import '@vueuse/core';
21
21
  import '../OrPopoverV3/props.js';
22
22
  import '../OrPopoverV3/styles.js';
23
23
  import '../OrBottomSheetV3/OrBottomSheet.js';
24
- import '../../OrBottomSheet.vue_vue_type_script_lang-a81b2abb.js';
24
+ import '../../OrBottomSheet.vue_vue_type_script_lang-aebedcb2.js';
25
25
  import '../OrBottomSheetV3/props.js';
26
26
  import '../OrBottomSheetV3/styles.js';
27
27
  import '../OrOverlayV3/OrOverlay.js';
28
- import '../../OrOverlay.vue_vue_type_script_lang-86c7b93a.js';
28
+ import '../../OrOverlay.vue_vue_type_script_lang-29ff6fd8.js';
29
29
  import '../OrOverlayV3/styles.js';
30
30
  import '../OrTeleportV3/OrTeleport.js';
31
31
  import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
32
32
  import '../../hooks/useElevation.js';
33
33
  import '../../utils/isVisible.js';
34
+ import '../../hooks/usePopoverState.js';
34
35
  import '../../hooks/useResponsive/useResponsive.js';
35
36
  import '../OrButtonV3/OrButton.js';
36
37
  import '../../OrButton.vue_vue_type_script_lang-f58fa1b8.js';
@@ -41,15 +42,15 @@ import '../../OrLoader.vue_vue_type_script_lang-49907820.js';
41
42
  import '../OrLoaderV3/props.js';
42
43
  import '../OrLoaderV3/styles.js';
43
44
  import '../OrMenuV3/OrMenu.js';
44
- import '../../OrMenu.vue_vue_type_script_lang-115f2c60.js';
45
+ import '../../OrMenu.vue_vue_type_script_lang-1f45bf44.js';
45
46
  import '../OrMenuV3/styles.js';
46
47
  import '../OrMenuItemV3/OrMenuItem.js';
47
48
  import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
48
49
  import '../OrMenuItemV3/styles.js';
49
50
  import '../OrSearchV3/OrSearch.js';
50
- import '../../OrSearch.vue_vue_type_script_lang-940d8e1f.js';
51
+ import '../../OrSearch.vue_vue_type_script_lang-142ab019.js';
51
52
  import '../OrInputV3/OrInput.js';
52
- import '../../OrInput.vue_vue_type_script_lang-d08b3796.js';
53
+ import '../../OrInput.vue_vue_type_script_lang-5f74dd08.js';
53
54
  import '../OrInputV3/props.js';
54
55
  import '../OrInputBoxV3/props.js';
55
56
  import '../OrInputV3/styles.js';