@onereach/ui-components 5.3.1 → 5.4.0

package/dist/esm/v2/components/or-tabs-v3/index.js

@@ -1,19 +1,20 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-4226a5a6.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-3aaae575.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrMenuItem-c1c97ebe.js';
-import '../../OrMenu-daca7b25.js';
+import '../../OrMenu-45abc34f.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';

package/dist/esm/v2/components/or-tag-input-v3/index.js

@@ -1,32 +1,33 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-860ecada.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-f4221906.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-3c5be67e.js';
+import '../../OrIconButton-70a0ee3d.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-c1f27c63.js';
+import '../../OrTooltip-f1f127a5.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';
 import '../../OrInputBox-7dc5b9e9.js';
 import '../../OrLabel-4a3d8904.js';
-import '../../OrTags-c564b344.js';
+import '../../OrTags-4c3ab717.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrTag-44c0e49b.js';
+import '../../OrTag-3289fe81.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-tag-v3/index.js

@@ -1,18 +1,19 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-44c0e49b.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-3289fe81.js';
 import 'vue-demi';
-import '../../OrIconButton-3c5be67e.js';
+import '../../OrIconButton-70a0ee3d.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-c1f27c63.js';
+import '../../OrTooltip-f1f127a5.js';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';

package/dist/esm/v2/components/or-tags-v3/index.js

@@ -1,22 +1,23 @@
-export { _ as OrTagsV3 } from '../../OrTags-c564b344.js';
+export { _ as OrTagsV3 } from '../../OrTags-4c3ab717.js';
 import 'vue-demi';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';
-import '../../OrTag-44c0e49b.js';
-import '../../OrIconButton-3c5be67e.js';
+import '../../OrTag-3289fe81.js';
+import '../../OrIconButton-70a0ee3d.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-c1f27c63.js';
+import '../../OrTooltip-f1f127a5.js';

package/dist/esm/v2/components/or-textarea-v3/index.js

@@ -1,9 +1,10 @@
-export { _ as OrTextareaV3 } from '../../OrTextarea-93c65950.js';
+export { _ as OrTextareaV3 } from '../../OrTextarea-c0635f76.js';
 export { I as TextareaSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';

package/dist/esm/v2/components/or-textbox/index.js

@@ -1,6 +1,7 @@
-export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-2eb117b1.js';
+export { _ as OrTextbox, T as TextboxTypes } from '../../OrTextbox-602541eb.js';
 import 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../useToggle-c04fc920.js';
 import '../../px-to-rem-0b26b83e.js';

package/dist/esm/v2/components/or-time-picker-v3/index.js

@@ -1,31 +1,32 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-251d567d.js';
-export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-a9cbd752.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-2f7f6b98.js';
+export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
 import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrDateTimePickerPopoverHeader-a981b991.js';
+import '../../OrDateTimePickerPopoverHeader-daa351aa.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrLabel-4a3d8904.js';
-import '../../OrIconButton-3c5be67e.js';
+import '../../OrIconButton-70a0ee3d.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-c1f27c63.js';
+import '../../OrTooltip-f1f127a5.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';
 import '../../OrMenuItem-c1c97ebe.js';
-import '../../OrMenu-daca7b25.js';
+import '../../OrMenu-45abc34f.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrInputBox-7dc5b9e9.js';

package/dist/esm/v2/components/or-toast-v3/index.js

@@ -1,21 +1,22 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-b4a24a66.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-84878b4f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useElevation-a50ec347.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-3c5be67e.js';
+import '../../OrIconButton-70a0ee3d.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-c1f27c63.js';
+import '../../OrTooltip-f1f127a5.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-159ff97b.js';
+import '../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../useTheme-e8494a32.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-toast-v3/or-toast-container-v3/index.js

@@ -1,21 +1,22 @@
-export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-b4a24a66.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-84878b4f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../../useElevation-a50ec347.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../../normalize-component-6e8e3d80.js';
-import '../../../OrIconButton-3c5be67e.js';
+import '../../../OrIconButton-70a0ee3d.js';
 import '../../../OrIcon-d35a84d8.js';
-import '../../../OrTooltip-c1f27c63.js';
+import '../../../OrTooltip-f1f127a5.js';
 import '../../../usePopoverState-b92c698b.js';
-import '../../../OrPopover-159ff97b.js';
+import '../../../OrPopover-ad7d7d2f.js';
 import '@floating-ui/dom';
-import '../../../useResponsive-a02e95b7.js';
-import '../../../OrBottomSheet-77c15996.js';
-import '../../../OrOverlay-c2064bd6.js';
+import '../../../useResponsive-dfa0f675.js';
+import '../../../OrBottomSheet-73bee95f.js';
+import '../../../OrOverlay-33d44692.js';
 import '../../../useTheme-e8494a32.js';
 import '../../../OrLoader-b0c381f9.js';
 import '../../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-tooltip-v3/index.js

@@ -1,15 +1,16 @@
-export { _ as OrTooltipV3 } from '../../OrTooltip-c1f27c63.js';
-export { P as TooltipPlacement } from '../../OrPopover-159ff97b.js';
+export { _ as OrTooltipV3 } from '../../OrTooltip-f1f127a5.js';
+export { P as TooltipPlacement } from '../../OrPopover-ad7d7d2f.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import '../../normalize-component-6e8e3d80.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-77c15996.js';
-import '../../OrOverlay-c2064bd6.js';
+import '../../useResponsive-dfa0f675.js';
+import '../../OrBottomSheet-73bee95f.js';
+import '../../OrOverlay-33d44692.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e8494a32.js';

package/dist/esm/v2/hooks/index.js

@@ -3,10 +3,11 @@ export { u as useElevation } from '../useElevation-a50ec347.js';
 export { u as useOverflow } from '../useOverflow-c856b7b7.js';
 export { u as usePopoverState } from '../usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from '../useProxyModelValue-940010d2.js';
-export { u as useResponsive } from '../useResponsive-a02e95b7.js';
+export { u as useResponsive } from '../useResponsive-dfa0f675.js';
 export { u as useTheme } from '../useTheme-e8494a32.js';
 export { u as useToggle } from '../useToggle-c04fc920.js';
 export { u as useValidationAttributes } from '../useValidationAttributes-d1abbe34.js';
 import 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';

package/dist/esm/v2/hooks/useResponsive/index.js

@@ -1,3 +1,4 @@
-export { u as useResponsive } from '../../useResponsive-a02e95b7.js';
+export { u as useResponsive } from '../../useResponsive-dfa0f675.js';
+import '@onereach/styles/tailwind-screens';
 import '@vueuse/core';
 import 'vue-demi';

package/dist/esm/v2/hooks/useResponsive/useResponsive.d.ts

@@ -1,5 +1,6 @@
-declare function useResponsive(): {
-    isMobile: import("@vue/composition-api").Ref<boolean>;
-    isDesktop: import("@vue/composition-api").Ref<boolean>;
+import { Ref } from 'vue-demi';
+declare function useResponsive(element?: Ref<Element | undefined>): {
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 };
 export default useResponsive;

package/dist/esm/v2/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-2d73ca2c.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-dd0e1e3b.js';
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-77c15996.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-73bee95f.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-dc23a0b5.js';
 export { _ as OrButtonV2 } from './OrButton-f189b59b.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-257b38f2.js';
@@ -8,46 +8,46 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-a23ee9f0.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-bea023f8.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-0d01890a.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-9a06caee.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-f6423282.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-390466a5.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-adae3aee.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-5b015a06.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-aa833b6d.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-dba95415.js';
 export { _ as OrChip } from './OrChip-6cae6dab.js';
 export { _ as OrChips } from './OrChips-dd82c2b6.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-34234c09.js';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-31b30828.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-c9568e89.js';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-7a4f2fcb.js';
 export { _ as OrCombinedInputV3 } from './OrCombinedInput-2639e3e1.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-7dc5b9e9.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 export { _ as OrConfirm } from './OrConfirm-807585ea.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-da464367.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-ad131e18.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5c2c36ab.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-1763952e.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-7f4ecc89.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-f304cc65.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-a9cbd752.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-baf1e29a.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-85503101.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-f65b9923.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-b41017c7.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-9000fcdf.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-d26e8a1e.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-3c5be67e.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-70a0ee3d.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-14037c26.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-1eabe421.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-2ec8a8b4.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7bf49aeb.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-c67116eb.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-e4ab5e11.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-68f18628.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-4a3d8904.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-cf3a0091.js';
@@ -56,32 +56,32 @@ export { _ as OrListOfInputs } from './OrListOfInputs-1eaeb7e9.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-90406201.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-c1c97ebe.js';
-export { _ as OrMenuV3 } from './OrMenu-daca7b25.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-159ff97b.js';
+export { _ as OrMenuV3 } from './OrMenu-45abc34f.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-ad7d7d2f.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-d300f52f.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-ff7e1659.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-488aa652.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-defc3f87.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-a5a9ffe8.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-b68c3966.js';
 export { _ as OrNumberInput } from './OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-6f60e864.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
-export { _ as OrOverlayV3 } from './OrOverlay-c2064bd6.js';
-export { _ as OrPaginationV3 } from './OrPagination-82a4336c.js';
-export { _ as OrPassword } from './OrPassword-5a581383.js';
+export { _ as OrOverlayV3 } from './OrOverlay-33d44692.js';
+export { _ as OrPaginationV3 } from './OrPagination-3a982443.js';
+export { _ as OrPassword } from './OrPassword-30825e93.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-65968c24.js';
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-e1d24f4e.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-6b5ee791.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from './OrRadioGroup-87b6da0b.js';
-export { _ as OrRadioV3 } from './OrRadio-2db63c7f.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-d22c9580.js';
+export { _ as OrRadioV3 } from './OrRadio-740aad2b.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
-export { _ as OrSearchV3 } from './OrSearch-2cd05f40.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-35b54d3c.js';
+export { _ as OrSearchV3 } from './OrSearch-87ab9e00.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-d8fb0255.js';
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from './OrSelect-34782e78.js';
+export { _ as OrSelectV3 } from './OrSelect-8c9d9398.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-c76d3d4a.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-ad5db793.js';
+export { _ as OrSidebarV3 } from './OrSidebar-3c82bd05.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-fc258b03.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';
@@ -90,33 +90,33 @@ export { _ as OrSkeletonCircleV3 } from './OrSkeletonCircle-3419b04d.js';
 export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from './OrSlider-c913a2b6.js';
-export { _ as OrSortingV3 } from './OrSorting-d86fdcc4.js';
+export { _ as OrSortingV3 } from './OrSorting-bf1932d2.js';
 export { _ as OrStepper } from './OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from './OrSwitch-322328f7.js';
-export { _ as OrSwitchV3 } from './OrSwitch-076762a4.js';
+export { _ as OrSwitchV3 } from './OrSwitch-d0cf0abe.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-88036fe9.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-4226a5a6.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-3aaae575.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-860ecada.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-44c0e49b.js';
-export { _ as OrTagsV3 } from './OrTags-c564b344.js';
+export { _ as OrTagInputV3 } from './OrTagInput-f4221906.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3289fe81.js';
+export { _ as OrTagsV3 } from './OrTags-4c3ab717.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
-export { _ as OrTextareaV3 } from './OrTextarea-93c65950.js';
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-2eb117b1.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-251d567d.js';
+export { _ as OrTextareaV3 } from './OrTextarea-c0635f76.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-602541eb.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-2f7f6b98.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-ecffc69f.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-b4a24a66.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-84878b4f.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-5aa9dc05.js';
 export { _ as OrTooltip } from './OrTooltip-2f267924.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
-export { _ as OrTooltipV3 } from './OrTooltip-c1f27c63.js';
+export { _ as OrTooltipV3 } from './OrTooltip-f1f127a5.js';
 export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-dfc8a086.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
@@ -124,7 +124,7 @@ export { u as useElevation } from './useElevation-a50ec347.js';
 export { u as useOverflow } from './useOverflow-c856b7b7.js';
 export { u as usePopoverState } from './usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
+export { u as useResponsive } from './useResponsive-dfa0f675.js';
 export { u as useTheme } from './useTheme-e8494a32.js';
 export { u as useToggle } from './useToggle-c04fc920.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
@@ -138,6 +138,7 @@ import 'vue-demi';
 import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
 import '@vueuse/core';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import './OrButton.vue_rollup-plugin-vue_styles.0-6f0a9dd4.js';
 import './OrChips.vue_rollup-plugin-vue_styles.0-fc390185.js';
@@ -153,7 +154,7 @@ import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-a981b991.js';
+import './OrDateTimePickerPopoverHeader-daa351aa.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';

package/dist/esm/v2/{types-b4a24a66.js → types-84878b4f.js}

@@ -1,10 +1,11 @@
 import { useToggle } from '@vueuse/core';
 import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-424c7f33.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-5aa9dc05.js';
-import { _ as __vue_component__$2 } from './OrIconButton-3c5be67e.js';
+import { _ as __vue_component__$2 } from './OrIconButton-70a0ee3d.js';
 import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/useResponsive-dfa0f675.js

@@ -0,0 +1,48 @@
+import screens from '@onereach/styles/tailwind-screens';
+import { useMediaQuery } from '@vueuse/core';
+import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
+
+function useResponsive(element) {
+  const currentInstance = getCurrentInstance();
+  const currentRootElement = ref();
+  if (element) {
+    watch(element, value => {
+      currentRootElement.value = value;
+    });
+  } else {
+    onMounted(() => {
+      if (currentInstance) {
+        const element = currentInstance.vnode[isVue3 ? 'el' : 'elm'];
+        if (element instanceof Element) {
+          currentRootElement.value = element;
+        }
+      }
+    });
+  }
+  // State
+  const isDesktop = computed(() => {
+    return isForcedDesktop(currentRootElement.value) || desktopQuery.value;
+  });
+  const isMobile = computed(() => {
+    return !isDesktop.value;
+  });
+  const desktopQuery = useMediaQuery(`(min-width: ${screens.md})`);
+  // Helpers
+  function isForcedDesktop(element) {
+    var _a, _b;
+    if (!element) {
+      return false;
+    }
+    const forcedScreens = (_a = element.getAttribute('force-screen')) === null || _a === void 0 ? void 0 : _a.split(/\s+/);
+    if (forcedScreens === null || forcedScreens === void 0 ? void 0 : forcedScreens.some(forcedScreen => ['md', 'lg', 'xl', '2xl'].includes(forcedScreen))) {
+      return true;
+    }
+    return isForcedDesktop((_b = element.parentElement) !== null && _b !== void 0 ? _b : undefined);
+  }
+  return {
+    isDesktop,
+    isMobile
+  };
+}
+
+export { useResponsive as u };

package/dist/esm/v3/{OrBottomSheet-7d392a68.js → OrBottomSheet-f8d589d8.js}

@@ -1,8 +1,9 @@
 import { usePointerSwipe, SwipeDirection, onClickOutside } from '@vueuse/core';
 import { ref, unref, computed, defineComponent, toRefs, watch } from 'vue-demi';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrOverlay-b350eee6.js';
+import { s as script$1 } from './OrOverlay-63e5b9ad.js';
 import { u as useTheme } from './useTheme-e8494a32.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 

package/dist/esm/v3/{OrCardCollection-cac6a8d3.js → OrCardCollection-6f556d9a.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-6b7afbb3.js';
-import { s as script$4 } from './OrSearch-98342176.js';
+import { s as script$2 } from './OrIconButton-fbd39f8d.js';
+import { s as script$4 } from './OrSearch-895067e0.js';
 import './OrInputBox-912a6254.js';
-import { s as script$3 } from './OrSorting-536caed2.js';
+import { s as script$3 } from './OrSorting-0cf35eea.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 
 var CardCollectionView;

package/dist/esm/v3/{OrCheckbox-4433eaa6.js → OrCheckbox-7aeb8af1.js}

@@ -2,6 +2,7 @@ import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
 import { s as script$1, L as LabelVariant } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/{OrCheckboxGroup-599305cc.js → OrCheckboxGroup-9b8548d0.js}

@@ -1,8 +1,9 @@
 import { defineComponent, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrCheckboxTree-9776fb8a.js';
+import { s as script$1 } from './OrCheckboxTree-6c54e835.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-c4631ef0.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';