@onereach/ui-components 5.0.2-beta.3143.0 → 5.0.2-beta.3145.0

package/dist/esm/v3/{OrLabel-4da56db0.js → OrLabel-d4c46bb6.js}

@@ -5,23 +5,31 @@ var LabelVariant;
 (function (LabelVariant) {
   LabelVariant["Input"] = "input";
   LabelVariant["Toggle"] = "toggle";
+  LabelVariant["MenuItem"] = "menu-item";
 })(LabelVariant || (LabelVariant = {}));
 
-const LabelRoot = [
+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']
 };
 const LabelText = [
@@ -36,7 +44,6 @@ const LabelAddon = [
 'whitespace-nowrap'];
 
 var script = defineComponent({
-  name: 'OrLabel',
   props: {
     controlId: {
       type: String,
@@ -46,6 +53,10 @@ var script = defineComponent({
       type: String,
       default: LabelVariant.Input
     },
+    selected: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -60,7 +71,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 {
@@ -72,12 +83,13 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["disabled"];
+const _hoisted_1 = ["selected", "disabled"];
 const _hoisted_2 = ["for", "required", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
     class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.selected ? '' : null,
     disabled: _ctx.disabled ? '' : null
   }, [createElementVNode("label", {
     class: normalizeClass(_ctx.textStyles),

package/dist/esm/v3/{OrMenu-c90864cd.js → OrMenu-7943ee1f.js}

@@ -1,10 +1,9 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
-import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-35a2f216.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrModal-3dcf0d05.js → OrModal-fb598e97.js}

@@ -1,12 +1,11 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
-import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$5 } from './OrOverlay-1a0644fc.js';
+import { s as script$5 } from './OrOverlay-99e696e8.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-f8b66848.js';
+import { s as script$4 } from './OrIconButton-65b1a004.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-9fa6f26f.js → OrNotification-a1de8289.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-f8b66848.js';
+import { s as script$2 } from './OrIconButton-65b1a004.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrOverlay-1a0644fc.js → OrOverlay-99e696e8.js}

@@ -1,7 +1,6 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
-import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/{OrPagination-e95c4d00.js → OrPagination-0dd5c8f0.js}

@@ -1,14 +1,14 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
-import { u as useResponsive } from './useResponsive-f6bd2ff0.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-54062d59.js';
-import { s as script$3 } from './OrMenu-c90864cd.js';
-import './OrPopover-35a2f216.js';
+import { s as script$3 } from './OrMenu-7943ee1f.js';
+import './OrPopover-466a8297.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [
@@ -65,6 +65,10 @@ var script = defineComponent({
   emits: ['update:modelValue'],
   expose: ['root'],
   setup(props, context) {
+    const {
+      isDesktop,
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     const limitButton = ref();
@@ -158,12 +162,9 @@ var script = defineComponent({
     function toPage(page) {
       currentPage.value = page;
     }
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     return {
+      isDesktop,
+      isMobile,
       root,
       limitButton,
       limitButtonRoot,
@@ -182,9 +183,7 @@ var script = defineComponent({
       buttonGroup,
       toPreviousPage,
       toNextPage,
-      toPage,
-      isDesktop,
-      isMobile
+      toPage
     };
   }
 });

package/dist/esm/v3/{OrPassword-dae7c58e.js → OrPassword-311406fa.js}

@@ -1,7 +1,6 @@
 import { defineComponent, ref } from 'vue-demi';
 import { useVModel } from '@vueuse/core';
 import { s as script$1 } from './OrInput-2c3111c2.js';
-import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { u as useToggle } from './useToggle-c04fc920.js';

package/dist/esm/v3/{OrPopover-35a2f216.js → OrPopover-466a8297.js}

@@ -3,10 +3,10 @@ import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
 import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
-import { u as useResponsive } from './useResponsive-f6bd2ff0.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrBottomSheet-d1fdd07a.js';
+import { s as script$1 } from './OrBottomSheet-98aec82b.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 
@@ -122,6 +122,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();
@@ -141,11 +145,6 @@ var script = defineComponent({
     } = usePopoverState(toRef(props, 'isOpen'), context.emit);
     const isFlipped = ref(false);
     const isHidden = ref(false);
-    // Helpers
-    const {
-      isDesktop,
-      isMobile
-    } = useResponsive();
     // Effects
     watchPostEffect(() => {
       const rootElement = unref(root);
@@ -197,6 +196,8 @@ var script = defineComponent({
     });
     // #endregion
     return {
+      isDesktop,
+      isMobile,
       root,
       bottomSheet,
       bottomSheetRoot,
@@ -205,8 +206,6 @@ var script = defineComponent({
       state,
       isFlipped,
       isHidden,
-      isDesktop,
-      isMobile,
       open,
       close,
       toggle

package/dist/esm/v3/{OrProgress-aa2a6b51.js → OrProgress-a54a42c0.js}

@@ -1,7 +1,7 @@
 import { useElementBounding } from '@vueuse/core';
 import round from 'lodash/round';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
-import { u as useResponsive } from './useResponsive-f6bd2ff0.js';
+import { u as useResponsive } from './useResponsive-a02e95b7.js';
 import '@onereach/styles/tailwind.config';
 import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
@@ -121,6 +121,9 @@ var script = defineComponent({
   },
   expose: ['root'],
   setup(props) {
+    const {
+      isMobile
+    } = useResponsive();
     // Refs
     const root = ref();
     // Slots
@@ -179,10 +182,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();
     return {
       root,
       rootStyles,

package/dist/esm/v3/{OrRadio-c57b7e36.js → OrRadio-48cd02a9.js}

@@ -2,10 +2,9 @@ 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';
 import 'tailwindcss/resolveConfig';
-import { s as script$1, L as LabelVariant } from './OrLabel-4da56db0.js';
+import { s as script$1, L as LabelVariant } from './OrLabel-d4c46bb6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrRadioGroup-87af764b.js → OrRadioGroup-82d10aa8.js}

@@ -1,11 +1,10 @@
 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';
 import 'tailwindcss/resolveConfig';
-import { s as script$1 } from './OrFormGroup-9f581536.js';
-import { s as script$2 } from './OrRadio-c57b7e36.js';
+import { s as script$1 } from './OrFormGroup-c4631ef0.js';
+import { s as script$2 } from './OrRadio-48cd02a9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSearch-b7189174.js → OrSearch-998e4390.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-e2772208.js';
+import { s as script$1 } from './OrInput-487c7632.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSegmentedControl-94b30000.js → OrSegmentedControl-c8eb217d.js}

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, isVue2, 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';
 import 'tailwindcss/resolveConfig';
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, resolveComponent, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString } from 'vue';