@onereach/ui-components 2.65.2-beta.1974.0 → 2.65.2-beta.1981.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 (85) hide show
  1. package/dist/v2/{OrCardCollection-064282ad.js → OrCardCollection-de81d05e.js} +2 -2
  2. package/dist/v2/{OrConfirm-924ae32c.js → OrConfirm-50192d26.js} +1 -1
  3. package/dist/v2/{OrIconButton-d4e78dbd.js → OrIconButton-f9d5ff27.js} +2 -2
  4. package/dist/v2/{OrInlineInput-0fea477d.js → OrInlineInput-648fbd08.js} +1 -1
  5. package/dist/v2/{OrInlineTextarea-6d18caed.js → OrInlineTextarea-dd58fdd2.js} +1 -1
  6. package/dist/v2/{OrInput-385f48da.js → OrInput-cbe19788.js} +1 -1
  7. package/dist/v2/{OrMenu-a2dedea3.js → OrMenu-bb81644d.js} +4 -13
  8. package/dist/v2/{OrMenuItem-7fa4798d.js → OrMenuItem-9034aece.js} +2 -2
  9. package/dist/v2/{OrModal-80e15678.js → OrModal-a7b04967.js} +1 -1
  10. package/dist/v2/{OrNotification-3d1dab4c.js → OrNotification-999059f3.js} +1 -1
  11. package/dist/v2/{OrPopover-c6e5acf4.js → OrPopover-9080fc00.js} +4 -13
  12. package/dist/v2/{OrSearch-b087463b.js → OrSearch-9bc1f5c3.js} +1 -1
  13. package/dist/v2/{OrSelect-75c9080c.js → OrSelect-ff4e8858.js} +4 -4
  14. package/dist/v2/{OrTabs-f31ec446.js → OrTabs-b1f0c7b8.js} +3 -3
  15. package/dist/v2/{OrTag-5e12d98e.js → OrTag-92eb418d.js} +1 -1
  16. package/dist/v2/{OrTooltip-c51ebe82.js → OrTooltip-4e1b0d6c.js} +16 -12
  17. package/dist/v2/components/or-menu-v3/OrMenu.stories3.d.ts +0 -5
  18. package/dist/v2/components/or-menu-v3/OrMenu.vue.d.ts +0 -4
  19. package/dist/v2/components/or-popover-v3/OrPopover.vue.d.ts +0 -4
  20. package/dist/v2/index.js +17 -17
  21. package/dist/v2/index11.js +5 -5
  22. package/dist/v2/index2.js +17 -17
  23. package/dist/v2/index21.js +5 -5
  24. package/dist/v2/index32.js +3 -3
  25. package/dist/v2/index35.js +4 -4
  26. package/dist/v2/index37.js +4 -4
  27. package/dist/v2/index39.js +4 -4
  28. package/dist/v2/index48.js +1 -1
  29. package/dist/v2/index49.js +2 -2
  30. package/dist/v2/index51.js +4 -4
  31. package/dist/v2/index53.js +4 -4
  32. package/dist/v2/index57.js +1 -1
  33. package/dist/v2/index63.js +5 -5
  34. package/dist/v2/index66.js +7 -7
  35. package/dist/v2/index80.js +4 -4
  36. package/dist/v2/index82.js +4 -4
  37. package/dist/v2/index90.js +4 -4
  38. package/dist/v2/index93.js +2 -2
  39. package/dist/v2/{types-d1571b53.js → types-69943d37.js} +1 -1
  40. package/dist/v3/{OrCardCollection-aabb79d6.js → OrCardCollection-aabc4ee8.js} +2 -2
  41. package/dist/v3/{OrConfirm-9aa2eb42.js → OrConfirm-648a332f.js} +1 -1
  42. package/dist/v3/{OrIconButton-7905be29.js → OrIconButton-f6e7d913.js} +2 -2
  43. package/dist/v3/{OrInlineInput-acf4170c.js → OrInlineInput-02655710.js} +1 -1
  44. package/dist/v3/{OrInlineTextarea-271d41ba.js → OrInlineTextarea-dd7e58f8.js} +1 -1
  45. package/dist/v3/{OrInput-0accb96c.js → OrInput-c9cbac93.js} +1 -1
  46. package/dist/v3/{OrMenu-320b485f.js → OrMenu-75ef8635.js} +4 -13
  47. package/dist/v3/{OrMenuItem-573e7088.js → OrMenuItem-60afcdcb.js} +2 -2
  48. package/dist/v3/{OrModal-3e294644.js → OrModal-892d7155.js} +1 -1
  49. package/dist/v3/{OrNotification-5806b30e.js → OrNotification-0764ca9b.js} +1 -1
  50. package/dist/v3/{OrPopover-16b6f117.js → OrPopover-3525c670.js} +3 -14
  51. package/dist/v3/{OrSearch-d7662fa5.js → OrSearch-1f71b1db.js} +1 -1
  52. package/dist/v3/{OrSelect-fcc1c859.js → OrSelect-25c0622d.js} +4 -4
  53. package/dist/v3/{OrTabs-3053239f.js → OrTabs-fe7039de.js} +3 -3
  54. package/dist/v3/{OrTag-7e2abc90.js → OrTag-3da3c48e.js} +1 -1
  55. package/dist/v3/{OrTooltip-cbb14b43.js → OrTooltip-91f1a258.js} +16 -12
  56. package/dist/v3/components/or-menu-v3/OrMenu.stories3.d.ts +0 -5
  57. package/dist/v3/components/or-menu-v3/OrMenu.vue.d.ts +0 -4
  58. package/dist/v3/components/or-popover-v3/OrPopover.vue.d.ts +0 -4
  59. package/dist/v3/index.js +17 -17
  60. package/dist/v3/index11.js +5 -5
  61. package/dist/v3/index2.js +17 -17
  62. package/dist/v3/index21.js +5 -5
  63. package/dist/v3/index32.js +3 -3
  64. package/dist/v3/index35.js +4 -4
  65. package/dist/v3/index37.js +4 -4
  66. package/dist/v3/index39.js +4 -4
  67. package/dist/v3/index48.js +1 -1
  68. package/dist/v3/index49.js +2 -2
  69. package/dist/v3/index51.js +4 -4
  70. package/dist/v3/index53.js +4 -4
  71. package/dist/v3/index57.js +1 -1
  72. package/dist/v3/index63.js +5 -5
  73. package/dist/v3/index66.js +7 -7
  74. package/dist/v3/index80.js +4 -4
  75. package/dist/v3/index82.js +4 -4
  76. package/dist/v3/index90.js +4 -4
  77. package/dist/v3/index93.js +2 -2
  78. package/dist/v3/{types-ac61ba80.js → types-87510065.js} +1 -1
  79. package/package.json +1 -1
  80. package/src/components/or-menu-item-v3/styles.ts +2 -2
  81. package/src/components/or-menu-v3/OrMenu.stories3.ts +0 -64
  82. package/src/components/or-menu-v3/OrMenu.vue +2 -10
  83. package/src/components/or-menu-v3/styles.ts +1 -2
  84. package/src/components/or-popover-v3/OrPopover.vue +1 -14
  85. package/src/components/or-tooltip-v3/OrTooltip.vue +15 -11
@@ -10,11 +10,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
10
10
  [x: number]: string;
11
11
  } | {}, true> | undefined>;
12
12
  bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
13
- handleBottomSheetState: (bottomShetState: string) => void;
14
13
  rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
15
14
  bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
16
15
  state: import("@vue/composition-api").Ref<"open" | "closed">;
17
- isOpen: import("@vue/composition-api").ComputedRef<boolean>;
18
16
  open: () => void;
19
17
  close: () => void;
20
18
  }> & import("@vue/composition-api").Data, {}, {}, {
@@ -83,11 +81,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
83
81
  [x: number]: string;
84
82
  } | {}, true> | undefined>;
85
83
  bottomSheetRoot: import("@vue/composition-api").ComputedRef<undefined>;
86
- handleBottomSheetState: (bottomShetState: string) => void;
87
84
  rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
88
85
  bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
89
86
  state: import("@vue/composition-api").Ref<"open" | "closed">;
90
- isOpen: import("@vue/composition-api").ComputedRef<boolean>;
91
87
  open: () => void;
92
88
  close: () => void;
93
89
  }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
package/dist/v3/index.js CHANGED
@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
6
6
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-12b36e89.js';
7
7
  export { s as OrCard } from './OrCard-e3a5aea4.js';
8
8
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-737f073a.js';
9
- export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabb79d6.js';
9
+ export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabc4ee8.js';
10
10
  export { s as OrCardV3 } from './OrCard-b63658a8.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-ec8333c7.js';
12
12
  export { s as OrCheckbox } from './OrCheckbox-56e4171e.js';
@@ -16,7 +16,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
16
16
  export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
17
17
  export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0a944d25.js';
18
18
  export { s as OrConfirm } from './OrConfirm-00134f53.js';
19
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-9aa2eb42.js';
19
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-648a332f.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
21
21
  export { s as OrError } from './OrError-f90296db.js';
22
22
  export { s as OrErrorTagV3 } from './OrErrorTag-bbfd3ca6.js';
@@ -27,14 +27,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
27
27
  export { s as OrHint } from './OrHint-1414c530.js';
28
28
  export { s as OrHintV3 } from './OrHint-73835593.js';
29
29
  export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
30
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-7905be29.js';
30
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f6e7d913.js';
31
31
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-e2fa4cf8.js';
32
32
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
33
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-acf4170c.js';
33
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-02655710.js';
34
34
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
35
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-271d41ba.js';
35
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-dd7e58f8.js';
36
36
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
37
- export { I as InputType, s as OrInputV3 } from './OrInput-0accb96c.js';
37
+ export { I as InputType, s as OrInputV3 } from './OrInput-c9cbac93.js';
38
38
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
39
39
  export { s as OrLabel } from './OrLabel-876f8729.js';
40
40
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -43,13 +43,13 @@ export { s as OrList } from './OrList-a68c5be3.js';
43
43
  export { s as OrListOfInputs } from './OrListOfInputs-b4c051a8.js';
44
44
  export { L as LoaderViews, s as OrLoader } from './OrLoader-15174477.js';
45
45
  export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-60943812.js';
46
- export { s as OrMenuItemV3 } from './OrMenuItem-573e7088.js';
47
- export { s as OrMenuV3 } from './OrMenu-320b485f.js';
48
- export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-16b6f117.js';
46
+ export { s as OrMenuItemV3 } from './OrMenuItem-60afcdcb.js';
47
+ export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
48
+ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
49
49
  export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
50
- export { M as ModalSize, s as OrModalV3 } from './OrModal-3e294644.js';
50
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-892d7155.js';
51
51
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
52
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-5806b30e.js';
52
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-0764ca9b.js';
53
53
  export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
54
54
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
55
55
  export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -58,10 +58,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
58
58
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
59
59
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
60
60
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
61
- export { s as OrSearchV3 } from './OrSearch-d7662fa5.js';
61
+ export { s as OrSearchV3 } from './OrSearch-1f71b1db.js';
62
62
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
63
63
  export { s as OrSelect } from './OrSelect-056731af.js';
64
- export { s as OrSelectV3 } from './OrSelect-fcc1c859.js';
64
+ export { s as OrSelectV3 } from './OrSelect-25c0622d.js';
65
65
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
66
66
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
67
67
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -75,9 +75,9 @@ export { s as OrTab } from './OrTab-bc98be02.js';
75
75
  export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
76
76
  export { s as OrTabV3 } from './OrTab-97044946.js';
77
77
  export { s as OrTabs } from './OrTabs-d3812c11.js';
78
- export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3053239f.js';
78
+ export { s as OrTabsV3, T as TabsVariant } from './OrTabs-fe7039de.js';
79
79
  export { s as OrTag } from './OrTag-7e24fdbc.js';
80
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-7e2abc90.js';
80
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3da3c48e.js';
81
81
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
82
82
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
83
83
  export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -85,10 +85,10 @@ export { s as OrTextareaV3 } from './OrTextarea-98895b2a.js';
85
85
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
86
86
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
87
87
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
88
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-ac61ba80.js';
88
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-87510065.js';
89
89
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
90
90
  export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
91
- export { s as OrTooltipV3 } from './OrTooltip-cbb14b43.js';
91
+ export { s as OrTooltipV3 } from './OrTooltip-91f1a258.js';
92
92
  export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
93
93
  export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
94
94
  export { u as useElevation } from './useElevation-0e973238.js';
@@ -1,20 +1,20 @@
1
- export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabb79d6.js';
1
+ export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabc4ee8.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrCard-b63658a8.js';
6
6
  import 'vue';
7
- import './OrIconButton-7905be29.js';
7
+ import './OrIconButton-f6e7d913.js';
8
8
  import './OrIcon-e2fa4cf8.js';
9
- import './OrTooltip-cbb14b43.js';
10
- import './OrPopover-16b6f117.js';
9
+ import './OrTooltip-91f1a258.js';
10
+ import './OrPopover-3525c670.js';
11
11
  import '@floating-ui/dom';
12
12
  import './useElevation-0e973238.js';
13
13
  import './useResponsive-a02e95b7.js';
14
14
  import './OrBottomSheet-9de57dd0.js';
15
15
  import './OrOverlay-27050c19.js';
16
16
  import './OrTeleport.vue3-8099178c.js';
17
- import './OrInput-0accb96c.js';
17
+ import './OrInput-c9cbac93.js';
18
18
  import './OrError-19a62a18.js';
19
19
  import './OrHint-73835593.js';
20
20
  import './OrInputBox-634230b1.js';
package/dist/v3/index2.js CHANGED
@@ -6,7 +6,7 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
6
6
  export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-12b36e89.js';
7
7
  export { s as OrCard } from './OrCard-e3a5aea4.js';
8
8
  export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-737f073a.js';
9
- export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabb79d6.js';
9
+ export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-aabc4ee8.js';
10
10
  export { s as OrCardV3 } from './OrCard-b63658a8.js';
11
11
  export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-ec8333c7.js';
12
12
  export { s as OrCheckbox } from './OrCheckbox-56e4171e.js';
@@ -16,7 +16,7 @@ export { s as OrCode, O as OrCodeLanguages } from './OrCode-feeec003.js';
16
16
  export { s as OrCollapse } from './OrCollapse-37a52e8f.js';
17
17
  export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-0a944d25.js';
18
18
  export { s as OrConfirm } from './OrConfirm-00134f53.js';
19
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-9aa2eb42.js';
19
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-648a332f.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6c79a764.js';
21
21
  export { s as OrError } from './OrError-f90296db.js';
22
22
  export { s as OrErrorTagV3 } from './OrErrorTag-bbfd3ca6.js';
@@ -27,14 +27,14 @@ export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements
27
27
  export { s as OrHint } from './OrHint-1414c530.js';
28
28
  export { s as OrHintV3 } from './OrHint-73835593.js';
29
29
  export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-e23028f8.js';
30
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-7905be29.js';
30
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f6e7d913.js';
31
31
  export { a as IconSize, I as IconVariant, s as OrIconV3 } from './OrIcon-e2fa4cf8.js';
32
32
  export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-1b473796.js';
33
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-acf4170c.js';
33
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-02655710.js';
34
34
  export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-455a2d64.js';
35
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-271d41ba.js';
35
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-dd7e58f8.js';
36
36
  export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-634230b1.js';
37
- export { I as InputType, s as OrInputV3 } from './OrInput-0accb96c.js';
37
+ export { I as InputType, s as OrInputV3 } from './OrInput-c9cbac93.js';
38
38
  export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-2874026c.js';
39
39
  export { s as OrLabel } from './OrLabel-876f8729.js';
40
40
  export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7d4fe80b.js';
@@ -43,13 +43,13 @@ export { s as OrList } from './OrList-a68c5be3.js';
43
43
  export { s as OrListOfInputs } from './OrListOfInputs-b4c051a8.js';
44
44
  export { L as LoaderViews, s as OrLoader } from './OrLoader-15174477.js';
45
45
  export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from './OrLoader-60943812.js';
46
- export { s as OrMenuItemV3 } from './OrMenuItem-573e7088.js';
47
- export { s as OrMenuV3 } from './OrMenu-320b485f.js';
48
- export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-16b6f117.js';
46
+ export { s as OrMenuItemV3 } from './OrMenuItem-60afcdcb.js';
47
+ export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
48
+ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-3525c670.js';
49
49
  export { s as OrModal, O as OrModalSizes } from './OrModal-75c8e5b6.js';
50
- export { M as ModalSize, s as OrModalV3 } from './OrModal-3e294644.js';
50
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-892d7155.js';
51
51
  export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-38664729.js';
52
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-5806b30e.js';
52
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-0764ca9b.js';
53
53
  export { s as OrOverflowMenu } from './OrOverflowMenu-7a177537.js';
54
54
  export { s as OrOverlay } from './OrOverlay-451dce49.js';
55
55
  export { s as OrOverlayV3 } from './OrOverlay-27050c19.js';
@@ -58,10 +58,10 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrPr
58
58
  export { s as OrRadio } from './OrRadio-c3ab11f2.js';
59
59
  export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
60
60
  export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
61
- export { s as OrSearchV3 } from './OrSearch-d7662fa5.js';
61
+ export { s as OrSearchV3 } from './OrSearch-1f71b1db.js';
62
62
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-2bbc0f22.js';
63
63
  export { s as OrSelect } from './OrSelect-056731af.js';
64
- export { s as OrSelectV3 } from './OrSelect-fcc1c859.js';
64
+ export { s as OrSelectV3 } from './OrSelect-25c0622d.js';
65
65
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
66
66
  export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
67
67
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -75,9 +75,9 @@ export { s as OrTab } from './OrTab-bc98be02.js';
75
75
  export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
76
76
  export { s as OrTabV3 } from './OrTab-97044946.js';
77
77
  export { s as OrTabs } from './OrTabs-d3812c11.js';
78
- export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3053239f.js';
78
+ export { s as OrTabsV3, T as TabsVariant } from './OrTabs-fe7039de.js';
79
79
  export { s as OrTag } from './OrTag-7e24fdbc.js';
80
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-7e2abc90.js';
80
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3da3c48e.js';
81
81
  export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
82
82
  export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
83
83
  export { s as OrTextV3 } from './OrText-ecb46923.js';
@@ -85,10 +85,10 @@ export { s as OrTextareaV3 } from './OrTextarea-98895b2a.js';
85
85
  export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
86
86
  export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.js';
87
87
  export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
88
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-ac61ba80.js';
88
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-87510065.js';
89
89
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
90
90
  export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
91
- export { s as OrTooltipV3 } from './OrTooltip-cbb14b43.js';
91
+ export { s as OrTooltipV3 } from './OrTooltip-91f1a258.js';
92
92
  import 'vue-demi';
93
93
  import 'lodash';
94
94
  import 'vue';
@@ -1,4 +1,4 @@
1
- export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-9aa2eb42.js';
1
+ export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-648a332f.js';
2
2
  import 'vue-demi';
3
3
  import './OrButton-12b36e89.js';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -8,13 +8,13 @@ import 'vue';
8
8
  import './OrOverlay-27050c19.js';
9
9
  import './useElevation-0e973238.js';
10
10
  import './OrTeleport.vue3-8099178c.js';
11
- import './OrInput-0accb96c.js';
11
+ import './OrInput-c9cbac93.js';
12
12
  import './OrError-19a62a18.js';
13
13
  import './OrHint-73835593.js';
14
- import './OrIconButton-7905be29.js';
14
+ import './OrIconButton-f6e7d913.js';
15
15
  import './OrIcon-e2fa4cf8.js';
16
- import './OrTooltip-cbb14b43.js';
17
- import './OrPopover-16b6f117.js';
16
+ import './OrTooltip-91f1a258.js';
17
+ import './OrPopover-3525c670.js';
18
18
  import '@floating-ui/dom';
19
19
  import './useResponsive-a02e95b7.js';
20
20
  import './OrBottomSheet-9de57dd0.js';
@@ -1,11 +1,11 @@
1
- export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-7905be29.js';
1
+ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-f6e7d913.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrIcon-e2fa4cf8.js';
6
6
  import 'vue';
7
- import './OrTooltip-cbb14b43.js';
8
- import './OrPopover-16b6f117.js';
7
+ import './OrTooltip-91f1a258.js';
8
+ import './OrPopover-3525c670.js';
9
9
  import '@floating-ui/dom';
10
10
  import './useElevation-0e973238.js';
11
11
  import './useResponsive-a02e95b7.js';
@@ -1,4 +1,4 @@
1
- export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-acf4170c.js';
1
+ export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-02655710.js';
2
2
  export { I as InlineInputSize } from './OrInlineInputBox-1b473796.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,10 +6,10 @@ import '@vueuse/core';
6
6
  import './OrError-19a62a18.js';
7
7
  import 'vue';
8
8
  import './OrHint-73835593.js';
9
- import './OrIconButton-7905be29.js';
9
+ import './OrIconButton-f6e7d913.js';
10
10
  import './OrIcon-e2fa4cf8.js';
11
- import './OrTooltip-cbb14b43.js';
12
- import './OrPopover-16b6f117.js';
11
+ import './OrTooltip-91f1a258.js';
12
+ import './OrPopover-3525c670.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';
15
15
  import './useResponsive-a02e95b7.js';
@@ -1,14 +1,14 @@
1
- export { s as OrInlineTextareaV3 } from './OrInlineTextarea-271d41ba.js';
1
+ export { s as OrInlineTextareaV3 } from './OrInlineTextarea-dd7e58f8.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
5
  import './OrError-19a62a18.js';
6
6
  import 'vue';
7
7
  import './OrHint-73835593.js';
8
- import './OrIconButton-7905be29.js';
8
+ import './OrIconButton-f6e7d913.js';
9
9
  import './OrIcon-e2fa4cf8.js';
10
- import './OrTooltip-cbb14b43.js';
11
- import './OrPopover-16b6f117.js';
10
+ import './OrTooltip-91f1a258.js';
11
+ import './OrPopover-3525c670.js';
12
12
  import '@floating-ui/dom';
13
13
  import './useElevation-0e973238.js';
14
14
  import './useResponsive-a02e95b7.js';
@@ -1,4 +1,4 @@
1
- export { I as InputType, s as OrInputV3 } from './OrInput-0accb96c.js';
1
+ export { I as InputType, s as OrInputV3 } from './OrInput-c9cbac93.js';
2
2
  export { a as InputSize } from './OrInputBox-634230b1.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
@@ -6,10 +6,10 @@ import '@vueuse/core';
6
6
  import './OrError-19a62a18.js';
7
7
  import 'vue';
8
8
  import './OrHint-73835593.js';
9
- import './OrIconButton-7905be29.js';
9
+ import './OrIconButton-f6e7d913.js';
10
10
  import './OrIcon-e2fa4cf8.js';
11
- import './OrTooltip-cbb14b43.js';
12
- import './OrPopover-16b6f117.js';
11
+ import './OrTooltip-91f1a258.js';
12
+ import './OrPopover-3525c670.js';
13
13
  import '@floating-ui/dom';
14
14
  import './useElevation-0e973238.js';
15
15
  import './useResponsive-a02e95b7.js';
@@ -1,4 +1,4 @@
1
- export { s as OrMenuItemV3 } from './OrMenuItem-573e7088.js';
1
+ export { s as OrMenuItemV3 } from './OrMenuItem-60afcdcb.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
@@ -1,5 +1,5 @@
1
- export { s as OrMenuV3 } from './OrMenu-320b485f.js';
2
- export { P as MenuPlacement } from './OrPopover-16b6f117.js';
1
+ export { s as OrMenuV3 } from './OrMenu-75ef8635.js';
2
+ export { P as MenuPlacement } from './OrPopover-3525c670.js';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
5
5
  import '@vueuse/core';
@@ -1,12 +1,12 @@
1
- export { M as ModalSize, s as OrModalV3 } from './OrModal-3e294644.js';
1
+ export { M as ModalSize, s as OrModalV3 } from './OrModal-892d7155.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-7905be29.js';
5
+ import './OrIconButton-f6e7d913.js';
6
6
  import './OrIcon-e2fa4cf8.js';
7
7
  import 'vue';
8
- import './OrTooltip-cbb14b43.js';
9
- import './OrPopover-16b6f117.js';
8
+ import './OrTooltip-91f1a258.js';
9
+ import './OrPopover-3525c670.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
12
12
  import './useResponsive-a02e95b7.js';
@@ -1,12 +1,12 @@
1
- export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-5806b30e.js';
1
+ export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-0764ca9b.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-7905be29.js';
5
+ import './OrIconButton-f6e7d913.js';
6
6
  import './OrIcon-e2fa4cf8.js';
7
7
  import 'vue';
8
- import './OrTooltip-cbb14b43.js';
9
- import './OrPopover-16b6f117.js';
8
+ import './OrTooltip-91f1a258.js';
9
+ import './OrPopover-3525c670.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
12
12
  import './useResponsive-a02e95b7.js';
@@ -1,4 +1,4 @@
1
- export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from './OrPopover-16b6f117.js';
1
+ export { s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from './OrPopover-3525c670.js';
2
2
  import '@floating-ui/dom';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
@@ -1,16 +1,16 @@
1
- export { s as OrSearchV3 } from './OrSearch-d7662fa5.js';
1
+ export { s as OrSearchV3 } from './OrSearch-1f71b1db.js';
2
2
  export { a as SearchSize } from './OrInputBox-634230b1.js';
3
3
  import 'vue-demi';
4
4
  import '@vueuse/core';
5
5
  import './useClassAttribute-47fdb016.js';
6
- import './OrInput-0accb96c.js';
6
+ import './OrInput-c9cbac93.js';
7
7
  import './OrError-19a62a18.js';
8
8
  import 'vue';
9
9
  import './OrHint-73835593.js';
10
- import './OrIconButton-7905be29.js';
10
+ import './OrIconButton-f6e7d913.js';
11
11
  import './OrIcon-e2fa4cf8.js';
12
- import './OrTooltip-cbb14b43.js';
13
- import './OrPopover-16b6f117.js';
12
+ import './OrTooltip-91f1a258.js';
13
+ import './OrPopover-3525c670.js';
14
14
  import '@floating-ui/dom';
15
15
  import './useElevation-0e973238.js';
16
16
  import './useResponsive-a02e95b7.js';
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from './OrSelect-fcc1c859.js';
1
+ export { s as OrSelectV3 } from './OrSelect-25c0622d.js';
2
2
  export { a as SelectSize } from './OrInputBox-634230b1.js';
3
3
  import 'vue-demi';
4
4
  import './dropdown-open-0d314aa4.js';
@@ -13,15 +13,15 @@ import './OrError-19a62a18.js';
13
13
  import './OrExpansionPanel-65afdfad.js';
14
14
  import './OrIcon-e2fa4cf8.js';
15
15
  import './OrHint-73835593.js';
16
- import './OrInput-0accb96c.js';
17
- import './OrIconButton-7905be29.js';
18
- import './OrTooltip-cbb14b43.js';
19
- import './OrPopover-16b6f117.js';
16
+ import './OrInput-c9cbac93.js';
17
+ import './OrIconButton-f6e7d913.js';
18
+ import './OrTooltip-91f1a258.js';
19
+ import './OrPopover-3525c670.js';
20
20
  import '@floating-ui/dom';
21
21
  import './useElevation-0e973238.js';
22
22
  import './useResponsive-a02e95b7.js';
23
23
  import './OrBottomSheet-9de57dd0.js';
24
24
  import './OrOverlay-27050c19.js';
25
25
  import './OrTeleport.vue3-8099178c.js';
26
- import './OrMenuItem-573e7088.js';
27
- import './OrTag-7e2abc90.js';
26
+ import './OrMenuItem-60afcdcb.js';
27
+ import './OrTag-3da3c48e.js';
@@ -1,12 +1,12 @@
1
- export { s as OrTabsV3, T as TabsVariant } from './OrTabs-3053239f.js';
1
+ export { s as OrTabsV3, T as TabsVariant } from './OrTabs-fe7039de.js';
2
2
  import '@vueuse/core';
3
3
  import 'vue-demi';
4
4
  import './useClassAttribute-47fdb016.js';
5
5
  import './OrIcon-e2fa4cf8.js';
6
6
  import 'vue';
7
- import './OrMenuItem-573e7088.js';
8
- import './OrMenu-320b485f.js';
9
- import './OrPopover-16b6f117.js';
7
+ import './OrMenuItem-60afcdcb.js';
8
+ import './OrMenu-75ef8635.js';
9
+ import './OrPopover-3525c670.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
12
12
  import './useResponsive-a02e95b7.js';
@@ -1,12 +1,12 @@
1
- export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-7e2abc90.js';
1
+ export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3da3c48e.js';
2
2
  import 'vue-demi';
3
3
  import './useClassAttribute-47fdb016.js';
4
4
  import '@vueuse/core';
5
- import './OrIconButton-7905be29.js';
5
+ import './OrIconButton-f6e7d913.js';
6
6
  import './OrIcon-e2fa4cf8.js';
7
7
  import 'vue';
8
- import './OrTooltip-cbb14b43.js';
9
- import './OrPopover-16b6f117.js';
8
+ import './OrTooltip-91f1a258.js';
9
+ import './OrPopover-3525c670.js';
10
10
  import '@floating-ui/dom';
11
11
  import './useElevation-0e973238.js';
12
12
  import './useResponsive-a02e95b7.js';
@@ -1,14 +1,14 @@
1
- export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-ac61ba80.js';
1
+ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-87510065.js';
2
2
  export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
5
  import './OrTeleport.vue3-8099178c.js';
6
6
  import 'vue';
7
- import './OrIconButton-7905be29.js';
7
+ import './OrIconButton-f6e7d913.js';
8
8
  import './useClassAttribute-47fdb016.js';
9
9
  import './OrIcon-e2fa4cf8.js';
10
- import './OrTooltip-cbb14b43.js';
11
- import './OrPopover-16b6f117.js';
10
+ import './OrTooltip-91f1a258.js';
11
+ import './OrPopover-3525c670.js';
12
12
  import '@floating-ui/dom';
13
13
  import './useElevation-0e973238.js';
14
14
  import './useResponsive-a02e95b7.js';
@@ -1,5 +1,5 @@
1
- export { s as OrTooltipV3 } from './OrTooltip-cbb14b43.js';
2
- export { P as TooltipPlacement } from './OrPopover-16b6f117.js';
1
+ export { s as OrTooltipV3 } from './OrTooltip-91f1a258.js';
2
+ export { P as TooltipPlacement } from './OrPopover-3525c670.js';
3
3
  import '@vueuse/core';
4
4
  import 'vue-demi';
5
5
  import './useClassAttribute-47fdb016.js';
@@ -2,7 +2,7 @@ import { useToggle } from '@vueuse/core';
2
2
  import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
3
3
  import { s as script$4 } from './OrTeleport.vue3-8099178c.js';
4
4
  import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-0665462d.js';
5
- import { s as script$2 } from './OrIconButton-7905be29.js';
5
+ import { s as script$2 } from './OrIconButton-f6e7d913.js';
6
6
  import { s as script$3 } from './OrLoader-60943812.js';
7
7
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, toDisplayString, createElementVNode, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
8
8
  import { s as styleInject } from './style-inject.es-4c6f2515.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.65.2-beta.1974.0",
3
+ "version": "2.65.2-beta.1981.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -12,10 +12,10 @@ export const MenuItemRoot: string[] = [
12
12
  'interactivity-auto',
13
13
 
14
14
  // Typography
15
- 'typography-body-2-regular md:typography-caption-regular',
15
+ 'typography-caption-regular',
16
16
 
17
17
  // Typography (selected)
18
- 'selected:typography-body-2-bold selected:md:typography-caption-semibold',
18
+ 'selected:typography-caption-semibold',
19
19
 
20
20
  // Theme
21
21
  'theme-preset-3-primary',
@@ -3,7 +3,6 @@ import { Meta, StoryFn } from '@storybook/vue3';
3
3
  import { ref } from 'vue-demi';
4
4
  import { OrButtonV3 as OrButton } from '../or-button-v3';
5
5
  import { OrMenuItemV3 as OrMenuItem } from '../or-menu-item-v3';
6
- import { OrIconV3 as OrIcon } from '../or-icon-v3';
7
6
  import OrMenuDocs from './OrMenu.docs.mdx';
8
7
  import OrMenu from './OrMenu.vue';
9
8
  import { MenuPlacement } from './props';
@@ -106,66 +105,3 @@ Menu.args = {
106
105
  <OrMenuItem>Very Looooooooooooooooooooooooooooooooooooooooooooooooooooooooong Item</OrMenuItem>
107
106
  `,
108
107
  };
109
-
110
- const OrderDropdownTemplate: StoryFn<typeof OrMenu> = (args) => ({
111
- components: {
112
- OrButton,
113
- OrMenu,
114
- OrMenuItem,
115
- OrIcon,
116
- },
117
-
118
- setup() {
119
- // Refs
120
- const button = ref<InstanceType<typeof OrButton>>();
121
- const menu = ref<InstanceType<typeof OrMenu>>();
122
-
123
- return {
124
- args,
125
- button,
126
- menu,
127
- onUpdateState: action('update:state'),
128
- };
129
- },
130
-
131
- template: `
132
- <div class="contents">
133
- <OrButton
134
- ref="button"
135
- variant="link"
136
- @click="menu.toggle()"
137
- class="text-on-background typography-body-2-semibold"
138
- >
139
- <div class="text-on-background">
140
- Last Updated
141
- <OrIcon
142
- v-if="menu"
143
- :icon="menu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'"
144
- />
145
- </div>
146
- </OrButton>
147
-
148
- <OrMenu
149
- ref="menu"
150
- v-bind="args"
151
- :trigger="button?.root"
152
- @update:state="onUpdateState"
153
- class="min-w-[160px]"
154
- >
155
- ${args.default}
156
- </OrMenu>
157
- </div>
158
- `,
159
- });
160
-
161
- export const OrderDropdown = OrderDropdownTemplate.bind({});
162
-
163
- OrderDropdown.args = {
164
- // Slots
165
- default: `
166
- <OrMenuItem selected>Last Updated</OrMenuItem>
167
- <OrMenuItem>Firs Updated</OrMenuItem>
168
- <OrMenuItem>A - Z</OrMenuItem>
169
- <OrMenuItem>Z - A</OrMenuItem>
170
- `,
171
- };