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

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.js

@@ -104,7 +104,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-07623e1e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
+var css_248z = "input[data-v-9968416e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:0}";
 styleInject(css_248z);
 
 /* script */
@@ -145,6 +145,7 @@ var __vue_render__ = function () {
     attrs: {
       "control-id": _vm.controlAttributes.id,
       "variant": _vm.labelVariant,
+      "selected": _vm.isChecked,
       "required": _vm.required,
       "disabled": _vm.disabled
     },
@@ -164,7 +165,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-07623e1e";
+const __vue_scope_id__ = "data-v-9968416e";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
     indeterminate: {
@@ -58,7 +58,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
     indeterminate: {
@@ -77,7 +77,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: any;
     value: string | number | boolean | object;
     label: string;
-    labelVariant: "input" | "toggle";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -102,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: any;
     value: string | number | boolean | object;
     label: string;
-    labelVariant: "input" | "toggle";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;
@@ -112,7 +112,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: any;
     value: string | number | boolean | object;
     label: string;
-    labelVariant: "input" | "toggle";
+    labelVariant: "input" | "toggle" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2810460a.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-a4f77733.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a3097661.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f3d67e5d.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDatePickerV3/index.js

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-2810460a.js';
+import '../../OrDateTimePickerMonthSelect-a3097661.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -46,7 +46,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-a4f77733.js';
+import '../../OrDateTimePickerPopoverHeader-f3d67e5d.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2810460a.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-a4f77733.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-a3097661.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-f3d67e5d.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-e57095bf.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-2810460a.js';
+import '../../OrDateTimePickerMonthSelect-a3097661.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -47,7 +47,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
 import '../OrMenuItemV3/styles.js';
-import '../../OrDateTimePickerPopoverHeader-a4f77733.js';
+import '../../OrDateTimePickerPopoverHeader-f3d67e5d.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';

package/dist/bundled/v2/components/OrInputV3/OrInput.js

@@ -142,6 +142,9 @@ var script = defineComponent({
     });
     const maxLength = computed(() => controlAttributes.maxlength);
     const disclosed = ref(false);
+    const {
+      isMobile
+    } = useResponsive();
     // Methods
     function focus() {
       var _a;
@@ -151,10 +154,6 @@ var script = defineComponent({
       var _a;
       (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
     }
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive(root);
     return {
       root,
       control,
@@ -165,14 +164,14 @@ var script = defineComponent({
       currentLength,
       maxLength,
       disclosed,
+      isMobile,
       focus,
-      blur,
-      isMobile
+      blur
     };
   }
 });
 
-var css_248z = "input[data-v-0c853770]{min-width:0;background:0 0;outline:0}input[type=number][data-v-0c853770]::-webkit-inner-spin-button{display:none}input[type=search][data-v-0c853770]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-fea72d76]{min-width:0;background:0 0;outline:0}input[type=number][data-v-fea72d76]::-webkit-inner-spin-button{display:none}input[type=search][data-v-fea72d76]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -432,7 +431,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-0c853770";
+const __vue_scope_id__ = "data-v-fea72d76";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrInputV3/OrInput.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -169,9 +169,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     currentLength: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     disclosed: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     focus: () => void;
     blur: () => void;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";

package/dist/bundled/v2/components/OrLabelV3/OrLabel.js

@@ -1,10 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LabelVariant } from './props.js';
-import { LabelRoot, LabelRootVariants, LabelText, LabelAddon } from './styles.js';
+import { Label, LabelVariants, LabelText, LabelAddon } from './styles.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
-  name: 'OrLabel',
   props: {
     controlId: {
       type: String,
@@ -14,6 +13,10 @@ var script = defineComponent({
       type: String,
       default: LabelVariant.Input
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -28,7 +31,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-label-v3', ...LabelRoot, ...LabelRootVariants[props.variant]]);
+    const rootStyles = computed(() => ['or-label-v3', ...Label, ...LabelVariants[props.variant]]);
     const textStyles = computed(() => [...LabelText]);
     const addonStyles = computed(() => [...LabelAddon]);
     return {
@@ -52,6 +55,7 @@ var __vue_render__ = function () {
     ref: "root",
     class: _vm.rootStyles,
     attrs: {
+      "selected": _vm.selected ? '' : null,
       "disabled": _vm.disabled ? '' : null
     }
   }, [_c('label', {

package/dist/bundled/v2/components/OrLabelV3/OrLabel.vue.d.ts

@@ -11,9 +11,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     variant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,9 +32,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     variant: {
-        type: PropType<"input" | "toggle">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: LabelVariant;
     };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         type: BooleanConstructor;
         default: boolean;
@@ -41,7 +49,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     controlId: string;
-    variant: "input" | "toggle";
+    variant: "input" | "toggle" | "menu-item";
+    selected: boolean;
     required: boolean;
     disabled: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -51,12 +60,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     controlId: string;
-    variant: "input" | "toggle";
+    variant: "input" | "toggle" | "menu-item";
+    selected: boolean;
     required: boolean;
     disabled: boolean;
 } & {}, {
     controlId: string;
-    variant: "input" | "toggle";
+    variant: "input" | "toggle" | "menu-item";
+    selected: boolean;
     required: boolean;
     disabled: boolean;
 }, true>);

package/dist/bundled/v2/components/OrLabelV3/props.d.ts

@@ -1,4 +1,5 @@
 export declare enum LabelVariant {
     Input = "input",
-    Toggle = "toggle"
+    Toggle = "toggle",
+    MenuItem = "menu-item"
 }

package/dist/bundled/v2/components/OrLabelV3/props.js

@@ -2,6 +2,7 @@ var LabelVariant;
 (function (LabelVariant) {
   LabelVariant["Input"] = "input";
   LabelVariant["Toggle"] = "toggle";
+  LabelVariant["MenuItem"] = "menu-item";
 })(LabelVariant || (LabelVariant = {}));
 
 export { LabelVariant };

package/dist/bundled/v2/components/OrLabelV3/styles.d.ts

@@ -1,5 +1,5 @@
 import { LabelVariant } from './props';
-export declare const LabelRoot: string[];
-export declare const LabelRootVariants: Record<LabelVariant, string[]>;
+export declare const Label: string[];
+export declare const LabelVariants: Record<LabelVariant, string[]>;
 export declare const LabelText: string[];
 export declare const LabelAddon: string[];

package/dist/bundled/v2/components/OrLabelV3/styles.js

@@ -1,17 +1,26 @@
-const LabelRoot = [
+import { LabelVariant } from './props.js';
+
+const Label = [
 // Layout
 'layout-row justify-between',
 // Spacing
 'gap-sm'];
-const LabelRootVariants = {
-  'input': [
+const LabelVariants = {
+  [LabelVariant.Input]: [
   // Typography
   'typography-caption-regular',
   // Theme
   'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
-  'toggle': [
+  [LabelVariant.Toggle]: [
+  // Typography
+  'typography-body-2-regular',
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  [LabelVariant.MenuItem]: [
   // Typography
   'typography-body-2-regular',
+  // Typography (selected)
+  'selected:typography-body-2-semibold',
   // Theme
   'theme-foreground-default', 'dark:theme-foreground-default-dark']
 };
@@ -26,4 +35,4 @@ const LabelAddon = [
 // Typography
 'whitespace-nowrap'];
 
-export { LabelAddon, LabelRoot, LabelRootVariants, LabelText };
+export { Label, LabelAddon, LabelText, LabelVariants };

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.js

@@ -4,8 +4,8 @@ import __vue_component__$1 from '../OrButtonV3/OrButton.js';
 import __vue_component__$2 from '../OrIconV3/OrIcon.js';
 import __vue_component__$3 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$4 from '../OrMenuItemV3/OrMenuItem.js';
-import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
@@ -67,6 +67,10 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -160,12 +164,9 @@ var script = defineComponent({
     function toPage(page) {
       currentPage.value = page;
     }
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive(root);
     return {
+      isDesktop,
+      isMobile,
       root,
       limitButton,
       limitButtonRoot,
@@ -184,9 +185,7 @@ var script = defineComponent({
       buttonGroup,
       toPreviousPage,
       toNextPage,
-      toPage,
-      isDesktop,
-      isMobile
+      toPage
     };
   }
 });

package/dist/bundled/v2/components/OrPaginationV3/OrPagination.vue.d.ts

@@ -1,6 +1,8 @@
 import { PropType } from 'vue-demi';
 import { PaginationModel } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    isDesktop: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -28,8 +30,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toPreviousPage: () => void;
     toNextPage: () => void;
     toPage: (page: number) => void;
-    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
         type: PropType<PaginationModel>;
@@ -63,6 +63,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
+    isDesktop: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     limitButton: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -90,8 +92,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toPreviousPage: () => void;
     toNextPage: () => void;
     toPage: (page: number) => void;
-    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     length: number;
     modelValue: PaginationModel;

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -69,6 +69,10 @@ var script = defineComponent({
   emits: ['update:state', 'open', 'close'],
   expose: ['root', 'state', 'isFlipped', 'isHidden', 'open', 'close', 'toggle'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const bottomSheet = ref();
@@ -88,11 +92,6 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive(root);
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -144,6 +143,8 @@ var script = defineComponent({
     });
     // #endregion
     return {
+      isDesktop,
+      isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
@@ -152,8 +153,6 @@ var script = defineComponent({
       state,
       isFlipped,
       isHidden,
-      isDesktop,
-      isMobile,
       open,
       close,
       toggle

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.vue.d.ts

@@ -1,6 +1,8 @@
 import { PropType } from 'vue-demi';
 import { PopoverOffset, PopoverPlacement, PopoverVariant } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    isDesktop: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     bottomSheet: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -13,8 +15,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     isFlipped: import("@vue/composition-api").Ref<boolean>;
     isHidden: import("@vue/composition-api").Ref<boolean>;
-    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
     close: () => void;
     toggle: () => void;
@@ -117,6 +117,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
+    isDesktop: import("@vue/composition-api").Ref<boolean>;
+    isMobile: import("@vue/composition-api").Ref<boolean>;
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     bottomSheet: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
         [x: string]: ((...args: any[]) => any) | null;
@@ -129,8 +131,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     isFlipped: import("@vue/composition-api").Ref<boolean>;
     isHidden: import("@vue/composition-api").Ref<boolean>;
-    isDesktop: import("@vue/composition-api").ComputedRef<boolean>;
-    isMobile: import("@vue/composition-api").ComputedRef<boolean>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -53,6 +53,9 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
+    const {
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     // Slots
@@ -111,10 +114,6 @@ var script = defineComponent({
       return width.value ? width.value - 2 : '100%';
     });
     const strokeDashoffset = computed(() => props.loading ? undefined : (1 - localProgress.value) * strokeDasharray.value);
-    // Helpers
-    const {
-      isMobile
-    } = useResponsive(root);
     return {
       root,
       rootStyles,