@onereach/ui-components 20.2.0-beta.5208.0 → 20.2.0-beta.5210.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 (77) hide show
  1. package/dist/esm/components/{OrAutocompleteV3-508d99c0.js → OrAutocompleteV3-8e55b499.js} +41 -43
  2. package/dist/esm/components/OrDateTimePickerV3-261e1552.js +1506 -0
  3. package/dist/esm/components/{OrEditorTabsV3-4047a163.js → OrEditorTabsV3-6acf7c40.js} +1 -1
  4. package/dist/esm/components/{OrInlineInputV3-46210775.js → OrInlineInputV3-afd8f2df.js} +1 -1
  5. package/dist/esm/components/index.js +5 -5
  6. package/dist/esm/components/or-autocomplete-v3/index.js +2 -2
  7. package/dist/esm/components/or-avatar-v3/index.js +2 -2
  8. package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -2
  9. package/dist/esm/components/or-button-group-v3/index.js +2 -2
  10. package/dist/esm/components/or-button-v3/OrButton.vue.d.ts +0 -1
  11. package/dist/esm/components/or-button-v3/index.js +14 -68
  12. package/dist/esm/components/or-button-v3/styles.d.ts +1 -3
  13. package/dist/esm/components/or-card-collection-v3/index.js +2 -2
  14. package/dist/esm/components/or-checkbox-group-v3/index.js +2 -2
  15. package/dist/esm/components/or-checkbox-tree-v3/index.js +2 -2
  16. package/dist/esm/components/or-checkbox-v3/index.js +2 -2
  17. package/dist/esm/components/or-code-v3/index.js +2 -2
  18. package/dist/esm/components/or-confirm-v3/index.js +2 -2
  19. package/dist/esm/components/or-context-menu-v3/index.js +2 -2
  20. package/dist/esm/components/or-data-grid-v3/index.js +4 -4
  21. package/dist/esm/components/or-date-format-v3/index.js +3 -3
  22. package/dist/esm/components/or-date-picker-v3/index.js +3 -3
  23. package/dist/esm/components/or-date-range-picker-v3/index.js +3 -3
  24. package/dist/esm/components/or-date-time-format-v3/index.js +4 -4
  25. package/dist/esm/components/or-date-time-picker-v3/index.js +19 -1510
  26. package/dist/esm/components/or-drawer-v3/index.js +2 -2
  27. package/dist/esm/components/or-drop-area-v3/index.js +2 -2
  28. package/dist/esm/components/or-editor-tabs-v3/index.js +3 -3
  29. package/dist/esm/components/or-expansion-panel-v3/index.js +2 -2
  30. package/dist/esm/components/or-fab-v3/index.js +2 -2
  31. package/dist/esm/components/or-filter-popover-v3/index.js +2 -2
  32. package/dist/esm/components/or-filter-trigger-v3/index.js +2 -2
  33. package/dist/esm/components/or-filter-v3/index.js +2 -2
  34. package/dist/esm/components/or-icon-button-v3/index.js +2 -2
  35. package/dist/esm/components/or-inline-input-v3/index.js +2 -2
  36. package/dist/esm/components/or-inline-textarea-v3/index.js +2 -2
  37. package/dist/esm/components/or-input-v3/index.js +2 -2
  38. package/dist/esm/components/or-list-v3/index.js +2 -2
  39. package/dist/esm/components/or-menu-item-v3/index.js +2 -2
  40. package/dist/esm/components/or-menu-v3/index.js +2 -2
  41. package/dist/esm/components/or-modal-v3/index.js +2 -2
  42. package/dist/esm/components/or-notification-v3/index.js +2 -2
  43. package/dist/esm/components/or-overlay-v3/index.js +2 -2
  44. package/dist/esm/components/or-pagination-v3/index.js +2 -2
  45. package/dist/esm/components/or-popover-v3/index.js +2 -2
  46. package/dist/esm/components/or-progress-v3/index.js +2 -2
  47. package/dist/esm/components/or-radio-group-v3/index.js +2 -2
  48. package/dist/esm/components/or-radio-v3/index.js +2 -2
  49. package/dist/esm/components/or-range-slider-v3/index.js +2 -2
  50. package/dist/esm/components/or-rating-v3/index.js +2 -2
  51. package/dist/esm/components/or-resizeable-panel-v3/index.js +2 -2
  52. package/dist/esm/components/or-rich-text-editor-v3/index.js +2 -2
  53. package/dist/esm/components/or-rich-tooltip-v3/index.js +2 -2
  54. package/dist/esm/components/or-search-v3/index.js +2 -2
  55. package/dist/esm/components/or-segmented-control-v3/index.js +2 -2
  56. package/dist/esm/components/or-select-v3/index.js +3 -3
  57. package/dist/esm/components/or-sidebar-v3/index.js +2 -2
  58. package/dist/esm/components/or-skeleton-v3/index.js +2 -2
  59. package/dist/esm/components/or-slider-v3/index.js +2 -2
  60. package/dist/esm/components/or-sorting-v3/index.js +2 -2
  61. package/dist/esm/components/or-switch-v3/index.js +2 -2
  62. package/dist/esm/components/or-tabs-v3/OrTabs.vue.d.ts +10 -1
  63. package/dist/esm/components/or-tabs-v3/index.js +26 -7
  64. package/dist/esm/components/or-tabs-v3/props.d.ts +5 -0
  65. package/dist/esm/components/or-tabs-v3/styles.d.ts +2 -1
  66. package/dist/esm/components/or-tag-input-v3/index.js +2 -2
  67. package/dist/esm/components/or-tag-v3/index.js +2 -2
  68. package/dist/esm/components/or-tags-v3/index.js +2 -2
  69. package/dist/esm/components/or-textarea-v3/index.js +2 -2
  70. package/dist/esm/components/or-time-format-v3/index.js +4 -4
  71. package/dist/esm/components/or-time-picker-v3/index.js +4 -4
  72. package/dist/esm/components/or-time-range-picker-v3/index.js +4 -4
  73. package/dist/esm/components/or-toast-v3/index.js +2 -2
  74. package/dist/esm/components/or-tooltip-v3/index.js +2 -2
  75. package/dist/esm/components/or-tree-v3/index.js +2 -2
  76. package/dist/esm/index.js +5 -5
  77. package/package.json +3 -3
@@ -1,4 +1,4 @@
1
- import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-508d99c0.js';
1
+ import { b as i, l as isVue2, r as re, T, n as ne } from './OrAutocompleteV3-8e55b499.js';
2
2
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createVNode, withModifiers, createCommentVNode, createElementVNode, toRef, watch, renderList, createBlock, withCtx, toDisplayString, createTextVNode } from 'vue';
3
3
  import { useScroll } from '@vueuse/core';
4
4
  import { OrIconButtonV3 as script$2 } from './or-icon-button-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, reactive, ref, computed, toRef, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, createBlock, withModifiers, createCommentVNode, createSlots, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
2
- import { N, k, c as ie, r as re } from './OrAutocompleteV3-508d99c0.js';
2
+ import { N, k, c as ie, r as re } from './OrAutocompleteV3-8e55b499.js';
3
3
  import { InlineInputBoxSize, OrInlineInputBoxV3 as script$5 } from './or-inline-input-box-v3/index.js';
4
4
  import { OrErrorV3 as script$1 } from './or-error-v3/index.js';
5
5
  import { OrTextV3 as script$2 } from './or-text-v3/index.js';
@@ -1,4 +1,4 @@
1
- export { w as OrAutocompleteV3 } from './OrAutocompleteV3-508d99c0.js';
1
+ export { w as OrAutocompleteV3 } from './OrAutocompleteV3-8e55b499.js';
2
2
  export { AvatarColor, AvatarSize, OrAvatarV3 } from './or-avatar-v3/index.js';
3
3
  export { BottomSheetVariant, OrBottomSheetV3 } from './or-bottom-sheet-v3/index.js';
4
4
  export { OrButtonGroupV3 } from './or-button-group-v3/index.js';
@@ -23,10 +23,10 @@ export { OrDateFormatV3 } from './or-date-format-v3/index.js';
23
23
  export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
24
24
  export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
25
25
  export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
26
- export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, OrDateTimePickerV3, formatDate, formatMobileDate, formatMobileTime, formatTime, getCurrentDate, getNextMonthDate, scrollToElementWithinContainer } from './or-date-time-picker-v3/index.js';
26
+ export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate, o as scrollToElementWithinContainer } from './OrDateTimePickerV3-261e1552.js';
27
27
  export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';
28
28
  export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './or-drop-area-v3/index.js';
29
- export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-4047a163.js';
29
+ export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './OrEditorTabsV3-6acf7c40.js';
30
30
  export { EmptyStateSize, OrEmptyStateV3 } from './or-empty-state-v3/index.js';
31
31
  export { OrErrorTagV3 } from './or-error-tag-v3/index.js';
32
32
  export { OrErrorV3 } from './or-error-v3/index.js';
@@ -41,7 +41,7 @@ export { IconButtonColor, OrIconButtonV3 } from './or-icon-button-v3/index.js';
41
41
  export { IconSize, IconVariant, OrIconV3 } from './or-icon-v3/index.js';
42
42
  export { IndicatorColor, IndicatorSize, OrIndicatorV3 } from './or-indicator-v3/index.js';
43
43
  export { InlineInputBoxSize, OrInlineInputBoxV3 } from './or-inline-input-box-v3/index.js';
44
- export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-46210775.js';
44
+ export { I as InlineInputType, a as OrInlineInputV3 } from './OrInlineInputV3-afd8f2df.js';
45
45
  export { OrInlineTextareaV3 } from './or-inline-textarea-v3/index.js';
46
46
  export { InputBoxDirection, InputBoxSize, InputBoxVariant, OrInputBoxV3 } from './or-input-box-v3/index.js';
47
47
  export { InputMode, InputType, OrInputV3 } from './or-input-v3/index.js';
@@ -74,7 +74,7 @@ export { OrSortingV3 } from './or-sorting-v3/index.js';
74
74
  export { OrStatusV3, StatusSize, StatusVariant } from './or-status-v3/index.js';
75
75
  export { OrSwitchV3 } from './or-switch-v3/index.js';
76
76
  export { OrTabV3 } from './or-tab-v3/index.js';
77
- export { OrTabsV3, TabsVariant } from './or-tabs-v3/index.js';
77
+ export { OrTabsV3, TabsSpacing, TabsVariant } from './or-tabs-v3/index.js';
78
78
  export { OrTagInputV3 } from './or-tag-input-v3/index.js';
79
79
  export { OrTagV3, TagColor, TagVariant } from './or-tag-v3/index.js';
80
80
  export { OrTagsV3, TagsOverflow } from './or-tags-v3/index.js';
@@ -1,4 +1,4 @@
1
- export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-508d99c0.js';
1
+ export { w as OrAutocompleteV3 } from '../OrAutocompleteV3-8e55b499.js';
2
2
  import 'vue';
3
3
  import '@vueuse/core';
4
4
  import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-46210775.js';
20
+ import '../OrInlineInputV3-afd8f2df.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from 'vue';
2
- import { X, D } from '../OrAutocompleteV3-508d99c0.js';
2
+ import { X, D } from '../OrAutocompleteV3-8e55b499.js';
3
3
  import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -17,7 +17,7 @@ import '../or-overlay-v3/index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-46210775.js';
20
+ import '../OrInlineInputV3-afd8f2df.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { ref, unref, computed, defineComponent, toRefs, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
2
2
  import { usePointerSwipe, onClickOutside } from '@vueuse/core';
3
- import { u as ue, t as te } from '../OrAutocompleteV3-508d99c0.js';
3
+ import { u as ue, t as te } from '../OrAutocompleteV3-8e55b499.js';
4
4
  import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -17,7 +17,7 @@ import './index.js';
17
17
  import '../or-teleport-v3/index.js';
18
18
  import '../or-input-box-v3/index.js';
19
19
  import '../or-input-v3/index.js';
20
- import '../OrInlineInputV3-46210775.js';
20
+ import '../OrInlineInputV3-afd8f2df.js';
21
21
  import '../or-inline-input-box-v3/index.js';
22
22
  import '../or-text-v3/index.js';
23
23
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
2
2
  import { ButtonVariant, ButtonColor } from '../or-button-v3/index.js';
3
- import '../OrAutocompleteV3-508d99c0.js';
3
+ import '../OrAutocompleteV3-8e55b499.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-46210775.js';
21
+ import '../OrInlineInputV3-afd8f2df.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -33,7 +33,6 @@ declare const _default: import("vue").DefineComponent<{
33
33
  root: import("vue").Ref<HTMLButtonElement | undefined>;
34
34
  rootStyles: import("vue").ComputedRef<string[]>;
35
35
  contentStyles: import("vue").ComputedRef<string[]>;
36
- contentContainerStyles: import("vue").ComputedRef<string[]>;
37
36
  isVue3: boolean;
38
37
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
39
38
  type: {
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, Fragment, createVNode, createBlock, createCommentVNode } from 'vue';
2
- import { i as isVue3 } from '../OrAutocompleteV3-508d99c0.js';
2
+ import { i as isVue3 } from '../OrAutocompleteV3-8e55b499.js';
3
3
  import { OrLoaderV3 as script$1 } from '../or-loader-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-46210775.js';
21
+ import '../OrInlineInputV3-afd8f2df.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -50,7 +50,7 @@ var ButtonType;
50
50
 
51
51
  const Button = [
52
52
  // Layout
53
- 'layout-inline-row',
53
+ 'layout-inline-row justify-center',
54
54
  // Overflow
55
55
  'overflow-hidden',
56
56
  // Interactivity
@@ -61,60 +61,34 @@ const Button = [
61
61
  'typography-button'];
62
62
  const ButtonVariants = {
63
63
  [ButtonVariant.Contained]: [
64
- // Layout
65
- 'layout-inline-row justify-center',
66
64
  // Box
67
65
  'min-w-[96px]',
68
66
  // Spacing
69
- 'px-md md:px-md', 'py-sm+ md:py-sm'],
67
+ 'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
68
+ // Elevation (enabled)
69
+ 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
70
70
  [ButtonVariant.Outlined]: [
71
- // Layout
72
- 'layout-inline-row justify-center',
73
71
  // Box
74
72
  'min-w-[96px]',
75
73
  // Spacing
76
- 'px-md* md:px-md*', 'py-sm+* md:py-sm*'],
74
+ 'px-md* md:px-md*', 'py-sm+* md:py-sm*', 'gap-sm+ md:gap-sm'],
77
75
  [ButtonVariant.Text]: [
78
- // Layout
79
- 'layout-inline-row justify-center',
80
76
  // Box
81
77
  'min-w-[96px]',
82
78
  // Spacing
83
- 'px-md md:px-md', 'py-sm+ md:py-sm'],
79
+ 'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
84
80
  [ButtonVariant.Link]: [
85
- // Layout
86
- 'layout-inline-row justify-center']
87
- };
88
- const ButtonContainerVariants = {
89
- [ButtonVariant.Contained]: [
90
- // Layout
91
- 'layout-inline-row', 'gap-sm+ md:gap-sm'],
92
- [ButtonVariant.Outlined]: [
93
- // Layout
94
- 'layout-inline-row', 'gap-sm+ md:gap-sm'],
95
- [ButtonVariant.Text]: [
96
- // Layout
97
- 'layout-inline-row', 'gap-sm+ md:gap-sm'],
98
- [ButtonVariant.Link]: [
99
- // Layout
100
- 'layout-inline-row',
101
81
  // Spacing
102
82
  'gap-xs']
103
83
  };
104
84
  const ButtonColors = {
105
85
  'primary-contained': [
106
86
  // Theme
107
- 'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark',
108
- // Elevation (enabled)
109
- 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
87
+ 'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
110
88
  'danger-contained': [
111
89
  // Theme
112
- 'theme-preset-1-error', 'dark:theme-preset-1-error-dark',
113
- // Elevation (enabled)
114
- 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
115
- 'inherit-contained': [
116
- // Elevation (enabled)
117
- 'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
90
+ 'theme-preset-1-error', 'dark:theme-preset-1-error-dark'],
91
+ 'inherit-contained': [],
118
92
  'primary-outlined': [
119
93
  // Theme
120
94
  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-outline border-1', 'dark:theme-border-outline-dark',
@@ -159,31 +133,7 @@ const ButtonLoadingColors = {
159
133
  'danger-link': ['interactivity-none', 'text-error-hover dark:text-error-hover-dark'],
160
134
  'inherit-link': ['interactivity-none']
161
135
  };
162
- const ButtonContainerVariantsLoading = {
163
- 'contained': [
164
- // Position
165
- 'relative', 'flex',
166
- // Box
167
- 'w-full', 'h-full',
168
- // Aligment
169
- 'items-center', 'justify-center'],
170
- 'outlined': [
171
- // Position
172
- 'relative', 'flex',
173
- // Box
174
- 'w-full', 'h-full',
175
- // Aligment
176
- 'items-center', 'justify-center'],
177
- 'text': [
178
- // Position
179
- 'relative', 'flex',
180
- // Box
181
- 'w-full', 'h-full',
182
- // Aligment
183
- 'items-center', 'justify-center'],
184
- 'link': ['contents']
185
- };
186
- const ButtonContentLoading = {
136
+ const ButtonContentLoadingStyles = {
187
137
  'contained': ['invisible'],
188
138
  'outlined': ['invisible'],
189
139
  'text': ['hidden'],
@@ -232,13 +182,11 @@ var script = defineComponent({
232
182
  const root = ref();
233
183
  // Styles
234
184
  const rootStyles = computed(() => ['or-button-v3', ...Button, ...ButtonVariants[props.variant], ...ButtonColors[`${props.color}-${props.variant}`], ...(props.loading ? ButtonLoadingColors[`${props.color}-${props.variant}`] : [])]);
235
- const contentContainerStyles = computed(() => [...ButtonContainerVariants[props.variant], ...(props.loading ? ButtonContainerVariantsLoading[props.variant] : [])]);
236
- const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoading[props.variant] : [])]);
185
+ const contentStyles = computed(() => ['contents', ...(props.loading ? ButtonContentLoadingStyles[props.variant] : [])]);
237
186
  return {
238
187
  root,
239
188
  rootStyles,
240
189
  contentStyles,
241
- contentContainerStyles,
242
190
  isVue3
243
191
  };
244
192
  }
@@ -264,8 +212,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
264
212
  focus: e => _ctx.$emit('focus', e),
265
213
  blur: e => _ctx.$emit('blur', e)
266
214
  }, true)), [createElementVNode("div", {
267
- class: normalizeClass(_ctx.contentContainerStyles)
268
- }, [createElementVNode("div", {
269
215
  class: normalizeClass(_ctx.contentStyles)
270
216
  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), _ctx.loading ? (openBlock(), createElementBlock(Fragment, {
271
217
  key: 0
@@ -277,7 +223,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
277
223
  key: 1,
278
224
  variant: "text",
279
225
  text: _ctx.loadingText
280
- }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */, _hoisted_1);
226
+ }, null, 8 /* PROPS */, ["text"]))], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
281
227
  }
282
228
 
283
229
  script.render = render;
@@ -1,8 +1,6 @@
1
1
  import { ButtonColor, ButtonVariant } from './props';
2
2
  export declare const Button: string[];
3
3
  export declare const ButtonVariants: Record<ButtonVariant, string[]>;
4
- export declare const ButtonContainerVariants: Record<ButtonVariant, string[]>;
5
4
  export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
6
5
  export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
7
- export declare const ButtonContainerVariantsLoading: Record<ButtonVariant, string[]>;
8
- export declare const ButtonContentLoading: Record<ButtonVariant, string[]>;
6
+ export declare const ButtonContentLoadingStyles: Record<ButtonVariant, string[]>;
@@ -3,7 +3,7 @@ import { OrIconButtonV3 as script$2 } from '../or-icon-button-v3/index.js';
3
3
  import { OrSortingV3 as script$3 } from '../or-sorting-v3/index.js';
4
4
  import { OrSearchV3 as script$4 } from '../or-search-v3/index.js';
5
5
  import { OrLoaderV3 as script$5 } from '../or-loader-v3/index.js';
6
- import '../OrAutocompleteV3-508d99c0.js';
6
+ import '../OrAutocompleteV3-8e55b499.js';
7
7
  import '@vueuse/core';
8
8
  import '@onereach/styles/screens.json';
9
9
  import '@onereach/styles/tailwind.config.json';
@@ -13,7 +13,7 @@ import '../or-error-v3/index.js';
13
13
  import '../or-hint-v3/index.js';
14
14
  import '../or-input-box-v3/index.js';
15
15
  import '../or-input-v3/index.js';
16
- import '../OrInlineInputV3-46210775.js';
16
+ import '../OrInlineInputV3-afd8f2df.js';
17
17
  import '../or-inline-input-box-v3/index.js';
18
18
  import '../or-text-v3/index.js';
19
19
  import '../or-icon-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, toRef, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
2
- import { r as re } from '../OrAutocompleteV3-508d99c0.js';
2
+ import { r as re } from '../OrAutocompleteV3-8e55b499.js';
3
3
  import { OrCheckboxTreeV3 as script$1 } from '../or-checkbox-tree-v3/index.js';
4
4
  import { OrFormGroupV3 as script$2, FormGroupDirection } from '../or-form-group-v3/index.js';
5
5
  import '@vueuse/core';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
19
19
  import '../or-teleport-v3/index.js';
20
20
  import '../or-input-box-v3/index.js';
21
21
  import '../or-input-v3/index.js';
22
- import '../OrInlineInputV3-46210775.js';
22
+ import '../OrInlineInputV3-afd8f2df.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, toRefs, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, renderList } from 'vue';
2
2
  import { useToggle } from '@vueuse/core';
3
- import { a as i, r as re } from '../OrAutocompleteV3-508d99c0.js';
3
+ import { a as i, r as re } from '../OrAutocompleteV3-8e55b499.js';
4
4
  import { OrIconV3 as script$1 } from '../or-icon-v3/index.js';
5
5
  import { OrCheckboxV3 as script$2 } from '../or-checkbox-v3/index.js';
6
6
  import { OrButtonV3 as script$3 } from '../or-button-v3/index.js';
@@ -19,7 +19,7 @@ import '../or-overlay-v3/index.js';
19
19
  import '../or-teleport-v3/index.js';
20
20
  import '../or-input-box-v3/index.js';
21
21
  import '../or-input-v3/index.js';
22
- import '../OrInlineInputV3-46210775.js';
22
+ import '../OrInlineInputV3-afd8f2df.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
2
- import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-508d99c0.js';
2
+ import { N, k, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-8e55b499.js';
3
3
  import { OrLabelV3 as script$1, LabelVariant } from '../or-label-v3/index.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-46210775.js';
21
+ import '../OrInlineInputV3-afd8f2df.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-loader-v3/index.js';
@@ -7,7 +7,7 @@ import { keymap, EditorView } from '@codemirror/view';
7
7
  export { EditorView } from '@codemirror/view';
8
8
  import { Compartment, EditorState } from '@codemirror/state';
9
9
  export { EditorState } from '@codemirror/state';
10
- import { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-508d99c0.js';
10
+ import { N, k, c as ie, r as re, u as ue } from '../OrAutocompleteV3-8e55b499.js';
11
11
  import { basicSetup } from 'codemirror';
12
12
  import { indentWithTab } from '@codemirror/commands';
13
13
  import { OrErrorV3 as script$2 } from '../or-error-v3/index.js';
@@ -22,7 +22,7 @@ import '@onereach/styles/tailwind.config.json';
22
22
  import 'lodash/get';
23
23
  import 'lodash/isElement';
24
24
  import '../or-input-v3/index.js';
25
- import '../OrInlineInputV3-46210775.js';
25
+ import '../OrInlineInputV3-afd8f2df.js';
26
26
  import '../or-inline-input-box-v3/index.js';
27
27
  import '../or-text-v3/index.js';
28
28
  import '../or-icon-v3/index.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
2
2
  import { useMagicKeys, whenever, onClickOutside } from '@vueuse/core';
3
3
  import { logicAnd } from '@vueuse/math';
4
- import { t as te } from '../OrAutocompleteV3-508d99c0.js';
4
+ import { t as te } from '../OrAutocompleteV3-8e55b499.js';
5
5
  import { OrOverlayV3 as script$1 } from '../or-overlay-v3/index.js';
6
6
  import { OrButtonV3 as script$2, ButtonColor } from '../or-button-v3/index.js';
7
7
  import { OrInputV3 as script$3 } from '../or-input-v3/index.js';
@@ -19,7 +19,7 @@ import '@floating-ui/dom';
19
19
  import '../or-bottom-sheet-v3/index.js';
20
20
  import '../or-teleport-v3/index.js';
21
21
  import '../or-input-box-v3/index.js';
22
- import '../OrInlineInputV3-46210775.js';
22
+ import '../OrInlineInputV3-afd8f2df.js';
23
23
  import '../or-inline-input-box-v3/index.js';
24
24
  import '../or-text-v3/index.js';
25
25
  import '../or-label-v3/index.js';
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, toRefs, watch, ref, resolveComponent, openBlock, createBlock, withCtx, renderSlot } from 'vue';
2
- import { t as te } from '../OrAutocompleteV3-508d99c0.js';
2
+ import { t as te } from '../OrAutocompleteV3-8e55b499.js';
3
3
  import { OrMenuV3 as script$1 } from '../or-menu-v3/index.js';
4
4
  import { PopoverPlacement } from '../or-popover-v3/index.js';
5
5
  import '@vueuse/core';
@@ -14,7 +14,7 @@ import '../or-icon-v3/index.js';
14
14
  import '../or-tooltip-v3/index.js';
15
15
  import '../or-input-box-v3/index.js';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-46210775.js';
17
+ import '../OrInlineInputV3-afd8f2df.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-label-v3/index.js';
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, createVNode, renderList, createTextVNode, toDisplayString, mergeProps } from 'vue';
2
2
  import { OrCheckboxV3 as script$f } from '../or-checkbox-v3/index.js';
3
3
  import { OrDatePickerV3 as script$g } from '../or-date-picker-v3/index.js';
4
- import { OrDateTimePickerV3 as script$h } from '../or-date-time-picker-v3/index.js';
4
+ import { s as script$h } from '../OrDateTimePickerV3-261e1552.js';
5
5
  import { OrInputV3 as script$i } from '../or-input-v3/index.js';
6
6
  import { OrRatingV3 as script$j } from '../or-rating-v3/index.js';
7
7
  import { OrSelectV3 as script$k } from '../or-select-v3/index.js';
@@ -14,7 +14,7 @@ import { OrPaginationV3 as script$p } from '../or-pagination-v3/index.js';
14
14
  import { OrSearchV3 as script$q } from '../or-search-v3/index.js';
15
15
  import { OrSkeletonTextV3 as script$r } from '../or-skeleton-v3/index.js';
16
16
  import { OrNotificationV3 as script$s } from '../or-notification-v3/index.js';
17
- import '../OrAutocompleteV3-508d99c0.js';
17
+ import '../OrAutocompleteV3-8e55b499.js';
18
18
  import '@onereach/styles/screens.json';
19
19
  import '@onereach/styles/tailwind.config.json';
20
20
  import 'lodash/get';
@@ -29,7 +29,7 @@ import '../or-bottom-sheet-v3/index.js';
29
29
  import '../or-overlay-v3/index.js';
30
30
  import '../or-teleport-v3/index.js';
31
31
  import '../or-input-box-v3/index.js';
32
- import '../OrInlineInputV3-46210775.js';
32
+ import '../OrInlineInputV3-afd8f2df.js';
33
33
  import '../or-inline-input-box-v3/index.js';
34
34
  import '../or-text-v3/index.js';
35
35
  import '../or-label-v3/index.js';
@@ -39,7 +39,7 @@ import '../or-tags-v3/index.js';
39
39
  import '../or-button-v3/index.js';
40
40
  import '../or-tag-v3/index.js';
41
41
  import '../or-menu-v3/index.js';
42
- import '../OrEditorTabsV3-4047a163.js';
42
+ import '../OrEditorTabsV3-6acf7c40.js';
43
43
  import '../or-expansion-panel-v3/index.js';
44
44
  import 'lodash/range';
45
45
  import '../or-indicator-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
2
- import { G, f as X } from '../OrAutocompleteV3-508d99c0.js';
3
- import { formatDate } from '../or-date-time-picker-v3/index.js';
2
+ import { G, f as X } from '../OrAutocompleteV3-8e55b499.js';
3
+ import { f as formatDate } from '../OrDateTimePickerV3-261e1552.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-46210775.js';
21
+ import '../OrInlineInputV3-afd8f2df.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
2
- import { s, g as c, G, f as X, r as re } from '../OrAutocompleteV3-508d99c0.js';
3
- import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6, getCurrentDate, formatMobileDate } from '../or-date-time-picker-v3/index.js';
2
+ import { s, g as c, G, f as X, r as re } from '../OrAutocompleteV3-8e55b499.js';
3
+ import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, i as formatMobileDate } from '../OrDateTimePickerV3-261e1552.js';
4
4
  import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
5
5
  import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
6
6
  import { OrIconV3 as script$9 } from '../or-icon-v3/index.js';
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
14
14
  import 'lodash/get';
15
15
  import 'lodash/isElement';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-46210775.js';
17
+ import '../OrInlineInputV3-afd8f2df.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-loader-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, vShow } from 'vue';
2
- import { s, g as c, G, f as X, r as re, n as ne } from '../OrAutocompleteV3-508d99c0.js';
3
- import { OrDateTimePickerDateControl as script$1, OrDateTimePickerDateSelect as script$2, OrDateTimePickerMobileControl as script$3, OrDateTimePickerMonthSelect as script$4, OrDateTimePickerPopoverFooter as script$5, OrDateTimePickerPopoverHeader as script$6, getCurrentDate, getNextMonthDate, formatMobileDate } from '../or-date-time-picker-v3/index.js';
2
+ import { s, g as c, G, f as X, r as re, n as ne } from '../OrAutocompleteV3-8e55b499.js';
3
+ import { a as script$1, b as script$2, c as script$3, d as script$4, e as script$5, g as script$6, h as getCurrentDate, j as getNextMonthDate, i as formatMobileDate } from '../OrDateTimePickerV3-261e1552.js';
4
4
  import { OrErrorV3 as script$7 } from '../or-error-v3/index.js';
5
5
  import { OrHintV3 as script$8 } from '../or-hint-v3/index.js';
6
6
  import { OrIconV3 as script$9 } from '../or-icon-v3/index.js';
@@ -14,7 +14,7 @@ import '@onereach/styles/tailwind.config.json';
14
14
  import 'lodash/get';
15
15
  import 'lodash/isElement';
16
16
  import '../or-input-v3/index.js';
17
- import '../OrInlineInputV3-46210775.js';
17
+ import '../OrInlineInputV3-afd8f2df.js';
18
18
  import '../or-inline-input-box-v3/index.js';
19
19
  import '../or-text-v3/index.js';
20
20
  import '../or-loader-v3/index.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString } from 'vue';
2
- import { G, o as oe, f as X } from '../OrAutocompleteV3-508d99c0.js';
3
- import { formatDate, formatTime } from '../or-date-time-picker-v3/index.js';
2
+ import { G, h as se, f as X } from '../OrAutocompleteV3-8e55b499.js';
3
+ import { f as formatDate, k as formatTime } from '../OrDateTimePickerV3-261e1552.js';
4
4
  import '@vueuse/core';
5
5
  import '@onereach/styles/screens.json';
6
6
  import '@onereach/styles/tailwind.config.json';
@@ -18,7 +18,7 @@ import '../or-overlay-v3/index.js';
18
18
  import '../or-teleport-v3/index.js';
19
19
  import '../or-input-box-v3/index.js';
20
20
  import '../or-input-v3/index.js';
21
- import '../OrInlineInputV3-46210775.js';
21
+ import '../OrInlineInputV3-afd8f2df.js';
22
22
  import '../or-inline-input-box-v3/index.js';
23
23
  import '../or-text-v3/index.js';
24
24
  import '../or-label-v3/index.js';
@@ -69,7 +69,7 @@ var script = defineComponent({
69
69
  const rootStyles = computed(() => ['or-date-time-format-v3', ...DateTimeFormat]);
70
70
  // Options
71
71
  const resolvedDateFormat = G(toRef(props, 'dateFormat'));
72
- const resolvedTimeFormat = oe(toRef(props, 'timeFormat'));
72
+ const resolvedTimeFormat = se(toRef(props, 'timeFormat'));
73
73
  const resolvedLocale = X(toRef(props, 'locale'));
74
74
  return {
75
75
  root,