@onereach/ui-components 5.0.0 → 5.0.1-beta.3125.0

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

@@ -1,10 +1,10 @@
-export { _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-36e2fc9f.js';
+export { _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant } from '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useElevation-a50ec347.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import '../../OrBottomSheet-a4ee4b0e.js';

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

@@ -1,8 +1,8 @@
-export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-e079e857.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../../OrProgress-4addb39d.js';
 import '@vueuse/core';
 import 'lodash/round';
 import 'vue-demi';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,22 +1,22 @@
-export { _ as OrSearchV3 } from '../../OrSearch-f49e5f70.js';
+export { _ as OrSearchV3 } from '../../OrSearch-84d50447.js';
 export { I as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import '@vueuse/core';
 import 'vue-demi';
-import '../../OrInput-99ccfff7.js';
+import '../../OrInput-a404a27c.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../OrBottomSheet-a4ee4b0e.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-5e9508c9.js';
+export { _ as OrSelectV3 } from '../../OrSelect-bbe63bab.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -18,20 +18,20 @@ import '../../OrExpansionPanel-f1d8fcc9.js';
 import '../../usePopoverState-b92c698b.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-311050dc.js';
-import '../../OrTooltip-ec00d3ee.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrIconButton-9d314fd3.js';
+import '../../OrTooltip-7ba2d329.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e23d13c8.js';
 import '../../OrInputBox-7dc5b9e9.js';
-import '../../OrInput-99ccfff7.js';
+import '../../OrInput-a404a27c.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrMenuItem-c1c97ebe.js';
-import '../../OrTag-d21ee9c1.js';
+import '../../OrTag-944639bb.js';

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

@@ -1,18 +1,18 @@
-export { _ as OrSidebarV3 } from '../../OrSidebar-0539d572.js';
-export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-8474d9c3.js';
+export { _ as OrSidebarV3 } from '../../OrSidebar-d84e8fb6.js';
+export { O as OrSidebarPlacement } from '../../OrSidebarCollapseButton-2b2545b0.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';

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

@@ -1,17 +1,17 @@
-export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-8474d9c3.js';
+export { _ as OrSidebarCollapseButton } from '../../../OrSidebarCollapseButton-2b2545b0.js';
 import 'vue-demi';
-import '../../../OrIconButton-311050dc.js';
+import '../../../OrIconButton-9d314fd3.js';
 import '../../../OrIcon-d35a84d8.js';
 import '../../../normalize-component-6e8e3d80.js';
-import '../../../OrTooltip-ec00d3ee.js';
+import '../../../OrTooltip-7ba2d329.js';
 import '@vueuse/core';
 import '../../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../../OrPopover-36e2fc9f.js';
+import '../../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../../useElevation-a50ec347.js';
-import '../../../useResponsive-a02e95b7.js';
+import '../../../useResponsive-bb091958.js';
 import '../../../OrBottomSheet-a4ee4b0e.js';
 import '../../../OrOverlay-f819eff9.js';
 import '../../../OrTeleport.vue2-424c7f33.js';

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

@@ -1,14 +1,14 @@
-export { _ as OrSortingV3 } from '../../OrSorting-fad7928f.js';
+export { _ as OrSortingV3 } from '../../OrSorting-88d57b10.js';
 import 'vue-demi';
-import '../../OrMenu-e2f557c8.js';
+import '../../OrMenu-f4357bbd.js';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-0046e15b.js';
+export { _ as OrTabsV3, T as TabsVariant } from '../../OrTabs-05beba6c.js';
 import '@vueuse/core';
 import 'vue-demi';
 import '../../useProxyModelValue-940010d2.js';
@@ -7,12 +7,12 @@ import 'tailwindcss/resolveConfig';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrMenuItem-c1c97ebe.js';
-import '../../OrMenu-e2f557c8.js';
+import '../../OrMenu-f4357bbd.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTagInputV3 } from '../../OrTagInput-5b1ac86e.js';
+export { _ as OrTagInputV3 } from '../../OrTagInput-b9c67f28.js';
 export { I as TagInputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';
@@ -10,14 +10,14 @@ import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrError-4ffc1c39.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-aa221198.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';
@@ -25,9 +25,9 @@ import 'portal-vue';
 import '../../useTheme-e23d13c8.js';
 import '../../OrInputBox-7dc5b9e9.js';
 import '../../OrLabel-63380256.js';
-import '../../OrTags-c1a44ef7.js';
+import '../../OrTags-1422979a.js';
 import '../../useOverflow-c856b7b7.js';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
-import '../../OrTag-d21ee9c1.js';
+import '../../OrTag-944639bb.js';
 import '../../style-inject.es-4c6f2515.js';

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

@@ -1,17 +1,17 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-d21ee9c1.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-944639bb.js';
 import 'vue-demi';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';

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

@@ -1,4 +1,4 @@
-export { _ as OrTagsV3 } from '../../OrTags-c1a44ef7.js';
+export { _ as OrTagsV3 } from '../../OrTags-1422979a.js';
 import 'vue-demi';
 import '../../useOverflow-c856b7b7.js';
 import '@vueuse/core';
@@ -7,17 +7,17 @@ import 'tailwindcss/resolveConfig';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e23d13c8.js';
-import '../../OrTag-d21ee9c1.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrTag-944639bb.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTimePickerV3 } from '../../OrTimePicker-d73ce31e.js';
-export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-18dea32e.js';
+export { _ as OrTimePickerV3 } from '../../OrTimePicker-2e0a0656.js';
+export { D as TimePickerFormat } from '../../OrDateTimePicker.vue_rollup-plugin-vue_script-e4cb8e95.js';
 export { I as TimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';
@@ -7,26 +7,26 @@ import '@vueuse/core';
 import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import '../../OrDateTimePickerPopoverHeader-30ec0bf4.js';
+import '../../OrDateTimePickerPopoverHeader-b186acb5.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrButton-a23ee9f0.js';
 import '../../OrLoader-b0c381f9.js';
 import '../../OrLabel-63380256.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../useTheme-e23d13c8.js';
 import '../../OrMenuItem-c1c97ebe.js';
-import '../../OrMenu-e2f557c8.js';
+import '../../OrMenu-f4357bbd.js';
 import '../../OrError-4ffc1c39.js';
 import '../../OrHint-aa221198.js';
 import '../../OrInputBox-7dc5b9e9.js';

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

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-e481ff6f.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from '../../types-4712e752.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -8,13 +8,13 @@ import 'tailwindcss/resolveConfig';
 import '../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-311050dc.js';
+import '../../OrIconButton-9d314fd3.js';
 import '../../OrIcon-d35a84d8.js';
-import '../../OrTooltip-ec00d3ee.js';
+import '../../OrTooltip-7ba2d329.js';
 import '../../usePopoverState-b92c698b.js';
-import '../../OrPopover-36e2fc9f.js';
+import '../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../useTheme-e23d13c8.js';

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

@@ -1,4 +1,4 @@
-export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-e481ff6f.js';
+export { a as OrToastContainerV3, t as TypesV3 } from '../../../types-4712e752.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../../useToast-5aa9dc05.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -8,13 +8,13 @@ import 'tailwindcss/resolveConfig';
 import '../../../OrTeleport.vue2-424c7f33.js';
 import 'portal-vue';
 import '../../../normalize-component-6e8e3d80.js';
-import '../../../OrIconButton-311050dc.js';
+import '../../../OrIconButton-9d314fd3.js';
 import '../../../OrIcon-d35a84d8.js';
-import '../../../OrTooltip-ec00d3ee.js';
+import '../../../OrTooltip-7ba2d329.js';
 import '../../../usePopoverState-b92c698b.js';
-import '../../../OrPopover-36e2fc9f.js';
+import '../../../OrPopover-49b32b9b.js';
 import '@floating-ui/dom';
-import '../../../useResponsive-a02e95b7.js';
+import '../../../useResponsive-bb091958.js';
 import '../../../OrBottomSheet-a4ee4b0e.js';
 import '../../../OrOverlay-f819eff9.js';
 import '../../../useTheme-e23d13c8.js';

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

@@ -1,5 +1,5 @@
-export { _ as OrTooltipV3 } from '../../OrTooltip-ec00d3ee.js';
-export { P as TooltipPlacement } from '../../OrPopover-36e2fc9f.js';
+export { _ as OrTooltipV3 } from '../../OrTooltip-7ba2d329.js';
+export { P as TooltipPlacement } from '../../OrPopover-49b32b9b.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../usePopoverState-b92c698b.js';
@@ -8,7 +8,7 @@ import 'tailwindcss/resolveConfig';
 import '../../normalize-component-6e8e3d80.js';
 import '@floating-ui/dom';
 import '../../useElevation-a50ec347.js';
-import '../../useResponsive-a02e95b7.js';
+import '../../useResponsive-bb091958.js';
 import '../../OrBottomSheet-a4ee4b0e.js';
 import '../../OrOverlay-f819eff9.js';
 import '../../OrTeleport.vue2-424c7f33.js';

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

@@ -3,7 +3,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-bb091958.js';
 export { u as useTheme } from '../useTheme-e23d13c8.js';
 export { u as useToggle } from '../useToggle-c04fc920.js';
 export { u as useValidationAttributes } from '../useValidationAttributes-d1abbe34.js';

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

@@ -1,3 +1,3 @@
-export { u as useResponsive } from '../../useResponsive-a02e95b7.js';
+export { u as useResponsive } from '../../useResponsive-bb091958.js';
 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<HTMLElement | undefined>): {
+    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
+    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 };
 export default useResponsive;

package/dist/esm/v2/index.js

@@ -8,7 +8,7 @@ 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-9aaa7a3c.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-0d268fe8.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-a04f27fe.js';
@@ -17,18 +17,18 @@ export { _ as OrCheckboxV3 } from './OrCheckbox-db66b4ea.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-dd915faf.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-5f26c9de.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-45187323.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-a0875502.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-0b119ef4.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5bf9266d.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-7fdbec9a.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-7f4ecc89.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-061c7472.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-18dea32e.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-e0a09c36.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e4cb8e95.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';
@@ -40,14 +40,14 @@ export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-29a51
 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-311050dc.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-9d314fd3.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-410e6e7d.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-4d05dabe.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-2ec8a8b4.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-be5970dd.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-7080b052.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-99ccfff7.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-a404a27c.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-63380256.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-e2f557c8.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-36e2fc9f.js';
+export { _ as OrMenuV3 } from './OrMenu-f4357bbd.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-49b32b9b.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-d300f52f.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-3dafa3ce.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-81e06880.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-6df1f6f6.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-5fa5f4d3.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-f819eff9.js';
-export { _ as OrPaginationV3 } from './OrPagination-f1e7aaa7.js';
+export { _ as OrPaginationV3 } from './OrPagination-c265ce9e.js';
 export { _ as OrPassword } from './OrPassword-ab2acc85.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-e079e857.js';
+export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-4addb39d.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioGroupV3 } from './OrRadioGroup-d1c2e460.js';
 export { _ as OrRadioV3 } from './OrRadio-b32dfbfe.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
-export { _ as OrSearchV3 } from './OrSearch-f49e5f70.js';
+export { _ as OrSearchV3 } from './OrSearch-84d50447.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-d4e32f80.js';
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from './OrSelect-5e9508c9.js';
+export { _ as OrSelectV3 } from './OrSelect-bbe63bab.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-0539d572.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-8474d9c3.js';
+export { _ as OrSidebarV3 } from './OrSidebar-d84e8fb6.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-2b2545b0.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';
@@ -90,7 +90,7 @@ 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-fad7928f.js';
+export { _ as OrSortingV3 } from './OrSorting-88d57b10.js';
 export { _ as OrStepper } from './OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from './OrSwitch-322328f7.js';
 export { _ as OrSwitchV3 } from './OrSwitch-e49ce2d8.js';
@@ -98,25 +98,25 @@ 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-0046e15b.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-05beba6c.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-5b1ac86e.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-d21ee9c1.js';
-export { _ as OrTagsV3 } from './OrTags-c1a44ef7.js';
+export { _ as OrTagInputV3 } from './OrTagInput-b9c67f28.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-944639bb.js';
+export { _ as OrTagsV3 } from './OrTags-1422979a.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-824f7048.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-cb15a62f.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-d73ce31e.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-2e0a0656.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-e481ff6f.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-4712e752.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-ec00d3ee.js';
+export { _ as OrTooltipV3 } from './OrTooltip-7ba2d329.js';
 export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-dfc8a086.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e1f90e0a.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-bb091958.js';
 export { u as useTheme } from './useTheme-e23d13c8.js';
 export { u as useToggle } from './useToggle-c04fc920.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
@@ -154,7 +154,7 @@ import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-30ec0bf4.js';
+import './OrDateTimePickerPopoverHeader-b186acb5.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';

package/dist/esm/v2/{types-e481ff6f.js → types-4712e752.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 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-311050dc.js';
+import { _ as __vue_component__$2 } from './OrIconButton-9d314fd3.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-bb091958.js

@@ -0,0 +1,32 @@
+import { useMediaQuery } from '@vueuse/core';
+import { computed } from 'vue-demi';
+
+function useResponsive(element) {
+  const isDesktop = computed(() => {
+    return isForcedDesktop(element.value) || useMediaQuery('(min-width: 768px)').value;
+  });
+  const isMobile = computed(() => {
+    return !isDesktop.value;
+  });
+  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);
+  }
+  console.log({
+    isDesktop: isDesktop.value,
+    isMobile: isMobile.value
+  });
+  return {
+    isDesktop,
+    isMobile
+  };
+}
+
+export { useResponsive as u };