@onereach/ui-components 4.6.1-beta.2770.0 → 4.6.1

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -8,12 +8,14 @@ import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../utils/functions/px-to-rem.js';
 import '../../utils/functions/dom.js';
-import 'lodash';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../OrLabel/OrLabel.js';
 import '../OrHint/OrHint.js';
 import '../OrError/OrError.js';
 import '../OrCollapse/OrCollapse.js';
 import '../OrTooltip/OrTooltip.js';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -24,6 +26,7 @@ import '../OrFloating/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 
 var script = defineComponent({

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

@@ -4,7 +4,8 @@ import '@vueuse/core';
 import '../OrInput/OrInput.js';
 import '../../utils/functions/px-to-rem.js';
 import '../../utils/functions/dom.js';
-import 'lodash';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../OrLabel/OrLabel.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -13,6 +14,7 @@ import '../OrError/OrError.js';
 import '../OrCollapse/OrCollapse.js';
 import '../OrIconButtonV2/OrIconButton.js';
 import '../OrTooltip/OrTooltip.js';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -24,5 +26,6 @@ import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 import '../../hooks/useToggle.js';

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

@@ -1,12 +1,11 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from '../../floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watchPostEffect, unref } from 'vue-demi';
+import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './styles.js';
 import __vue_component__$1 from '../OrBottomSheetV3/OrBottomSheet.js';
 import __vue_component__$2 from '../OrTeleportV3/OrTeleport.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
-import { usePopoverState } from '../../hooks/usePopoverState.js';
 import { useElevation } from '../../hooks/useElevation.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrBottomSheetV3/props.js';
@@ -24,10 +23,6 @@ var script = defineComponent({
   },
   inheritAttrs: false,
   props: {
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
     variant: {
       type: String,
       default: PopoverVariant.Auto
@@ -57,8 +52,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['open', 'close'],
-  expose: ['root', 'open', 'close', 'toggle'],
+  emits: ['update:state', 'update:state:open', 'update:state:fullscreen', 'update:state:closed', 'update:state:closed-automatically'],
+  expose: ['root', 'state', 'isOpen', 'isFullscreen', 'isClosed', 'isFlipped', 'open', 'close'],
   setup(props, context) {
     const {
       isDesktop,
@@ -75,12 +70,81 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-popover-v3', ...PopoverRoot, ...props.customStyles]);
     const bodyStyles = computed(() => [...PopoverBody, ...PopoverBodyPlacements[props.placement]]);
     // State
-    const {
-      state,
-      open,
-      close,
-      toggle
-    } = usePopoverState(toRef(props, 'isOpen'), context);
+    const state = ref('closed');
+    const isOpen = computed(() => state.value === 'open');
+    const isFullscreen = computed(() => state.value === 'fullscreen');
+    const isClosed = computed(() => state.value === 'closed');
+    const isFlipped = ref(false);
+    // Events
+    watch(state, value => {
+      context.emit('update:state', value);
+      switch (value) {
+        case 'open':
+          context.emit('update:state:open');
+          break;
+        case 'fullscreen':
+          context.emit('update:state:fullscreen');
+          break;
+        case 'closed':
+          context.emit('update:state:closed');
+          break;
+      }
+    });
+    // Methods
+    function open() {
+      state.value = 'open';
+      switch (props.variant) {
+        case PopoverVariant.Auto:
+          if (isMobile.value) {
+            nextTick(() => {
+              const bottomSheetInstance = bottomSheet.value;
+              if (bottomSheetInstance) {
+                bottomSheetInstance.open();
+              }
+            });
+          }
+          break;
+        case PopoverVariant.Popover:
+          break;
+        case PopoverVariant.BottomSheet:
+          nextTick(() => {
+            const bottomSheetInstance = bottomSheet.value;
+            if (bottomSheetInstance) {
+              bottomSheetInstance.open();
+            }
+          });
+          break;
+      }
+    }
+    function close() {
+      let auto = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      state.value = 'closed';
+      switch (props.variant) {
+        case PopoverVariant.Auto:
+          if (isMobile.value) {
+            nextTick(() => {
+              const bottomSheetInstance = bottomSheet.value;
+              if (bottomSheetInstance) {
+                bottomSheetInstance.close();
+              }
+            });
+          }
+          break;
+        case PopoverVariant.Popover:
+          break;
+        case PopoverVariant.BottomSheet:
+          nextTick(() => {
+            const bottomSheetInstance = bottomSheet.value;
+            if (bottomSheetInstance) {
+              bottomSheetInstance.close();
+            }
+          });
+          break;
+      }
+      if (auto) {
+        context.emit('update:state:closed-automatically');
+      }
+    }
     // Handlers
     function handleBottomSheetState(bottomSheetState) {
       if (bottomSheetState === 'closed') {
@@ -99,6 +163,7 @@ var script = defineComponent({
         } = props;
         if (trigger) {
           autoUpdate(trigger, rootElement, async () => {
+            var _a;
             const {
               x,
               y,
@@ -113,13 +178,11 @@ var script = defineComponent({
               visibility: middlewareData.hide.referenceHidden ? 'hidden' : 'visible',
               width: props.fullWidth ? `${trigger.offsetWidth}px` : ''
             });
+            isFlipped.value = Boolean((_a = middlewareData.flip) === null || _a === void 0 ? void 0 : _a.index);
           });
         }
       }
     });
-    // #region Elevation
-    useElevation(root, state);
-    // #endregion
     // #region Click Outside
     const trigger = toRef(props, 'trigger');
     onClickOutside(root, event => {
@@ -130,12 +193,15 @@ var script = defineComponent({
         } = _ref;
         return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
       })) {
-        close();
+        close(true);
       }
     }, {
       ignore: [trigger]
     });
     // #endregion
+    // #region Elevation
+    useElevation(root, state);
+    // #endregion
     return {
       isDesktop,
       isMobile,
@@ -146,9 +212,12 @@ var script = defineComponent({
       rootStyles,
       bodyStyles,
       state,
+      isOpen,
+      isFullscreen,
+      isClosed,
+      isFlipped,
       open,
-      close,
-      toggle
+      close
     };
   }
 });
@@ -165,8 +234,8 @@ var __vue_render__ = function () {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.state === 'open',
-      expression: "state === 'open'"
+      value: _vm.isOpen,
+      expression: "isOpen"
     }],
     class: ['contents']
   }, [_vm.isDesktop && _vm.variant === 'auto' || _vm.variant === 'popover' ? [_c('div', _vm._b({
@@ -176,15 +245,12 @@ var __vue_render__ = function () {
     class: _vm.bodyStyles
   }, [_vm._t("default")], 2)]], 2)] : _vm._e(), _vm._v(" "), _vm.isMobile && _vm.variant === 'auto' || _vm.variant === 'bottom-sheet' ? [_c('OrBottomSheet', _vm._b({
     ref: "bottomSheet",
-    attrs: {
-      "is-open": _vm.state === 'open'
-    },
     on: {
-      "open": function ($event) {
-        return _vm.open();
+      "update:state": function ($event) {
+        _vm.state = $event;
       },
-      "close": function ($event) {
-        return _vm.close();
+      "update:state:closed-automatically": function ($event) {
+        return _vm.$emit('update:state:closed-automatically');
       }
     }
   }, 'OrBottomSheet', _vm.bottomSheetProps, false), [_vm._t("default")], 2)] : _vm._e()], 2)]);

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

@@ -13,15 +13,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
+    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: () => void;
-    toggle: () => void;
+    close: (auto?: boolean) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -56,10 +55,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    isOpen: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     variant: {
         type: PropType<"auto" | "popover" | "bottom-sheet">;
         default: PopoverVariant;
@@ -94,7 +89,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -119,12 +113,14 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleBottomSheetState: (bottomSheetState: string) => void;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     bodyStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    state: import("@vue/composition-api").Ref<"open" | "closed">;
+    state: import("@vue/composition-api").Ref<"open" | "fullscreen" | "closed">;
+    isOpen: import("@vue/composition-api").ComputedRef<boolean>;
+    isFullscreen: import("@vue/composition-api").ComputedRef<boolean>;
+    isClosed: import("@vue/composition-api").ComputedRef<boolean>;
+    isFlipped: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
-    close: () => void;
-    toggle: () => void;
+    close: (auto?: boolean) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;
@@ -137,7 +133,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    isOpen: boolean;
     variant: "auto" | "popover" | "bottom-sheet";
     bottomSheetProps: Readonly<Partial<{
         [x: number]: string;

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

@@ -14,5 +14,4 @@ import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
-import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';

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

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import round from 'lodash/round';
 import { defineComponent } from 'vue-demi';
 import { OrProgressTypes, OrProgressColors } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
@@ -10,8 +10,7 @@ var script = defineComponent({
     maxValue: {
       type: Number,
       required: false,
-      default: 1,
-      validator: value => _.isNumber(value) && value != 0
+      default: 1
     },
     value: {
       type: Number,
@@ -21,14 +20,12 @@ var script = defineComponent({
     progress: {
       type: Number,
       required: false,
-      default: null,
-      validator: value => _.isNumber(value) && value >= 0 && value <= 1
+      default: null
     },
     precision: {
       type: Number,
       required: false,
-      default: 2,
-      validator: value => _.isNumber(value) && value >= -1
+      default: 2
     },
     type: {
       type: String,
@@ -66,7 +63,7 @@ var script = defineComponent({
       return (_a = this.value) !== null && _a !== void 0 ? _a : ((_b = this.progress) !== null && _b !== void 0 ? _b : 0) * this.maxValue;
     },
     percent() {
-      return _.round(this.localProgress * 100, this.precision) + '%';
+      return round(this.localProgress * 100, this.precision) + '%';
     },
     isLinearType() {
       return this.type === OrProgressTypes.linear;
@@ -132,7 +129,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-5701138a{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5701138a{from{opacity:1}to{opacity:0}}@keyframes loaderLinear-data-v-5701138a{0%{transform:translate(-100%,0)}100%{transform:translate(100%,0)}}.or-progress[data-v-5701138a]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-5)}.or-progress.is-linear[data-v-5701138a]{width:100%;display:flex;flex-direction:column;min-width:10rem;max-width:18.4375rem}.or-progress .or-progress-header[data-v-5701138a]{margin-bottom:.375rem;display:flex;flex-direction:row}.or-progress .or-progress-header .label[data-v-5701138a]{color:var(--c-neutral-6);font-weight:700}.or-progress .or-progress-header .percent[data-v-5701138a]{margin-left:auto}.or-progress .or-progress-linear[data-v-5701138a]{height:var(--s-1);border-radius:1px;background-color:var(--c-neutral-2);position:relative;display:block;width:100%;overflow:hidden;transition-timing-function:ease;transition-duration:.3s;transition-property:height,opacity}.or-progress .or-progress-linear .or-progress-bar[data-v-5701138a],.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a],.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]::after{position:absolute;top:0;left:0;bottom:0;width:100%;height:auto}.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]{animation:loaderLinear-data-v-5701138a 1.2s var(--t-func) infinite}.or-progress .or-progress-linear .or-progress-loader[data-v-5701138a]::after{max-width:7rem;background-color:var(--c-neutral-5);border-radius:var(--s-1);content:\"\"}.or-progress .or-progress-linear .or-progress-bar[data-v-5701138a]{transition:transform .2s linear;transform-origin:left}.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-5701138a]{background-color:var(--c-primary)}.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-5701138a]{background-color:var(--c-success)}.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-5701138a]{background-color:var(--c-warning)}.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-5701138a]{background-color:var(--c-error)}.or-progress .or-progress-circle[data-v-5701138a]{position:relative;width:1.5rem;height:1.5rem}.or-progress .or-progress-circle .or-progress-pie[data-v-5701138a]{clip:rect(0,1.5rem,1.5rem,.75rem)}.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-5701138a]{clip:rect(auto,auto,auto,auto);animation:spinAround-data-v-5701138a .7s linear infinite}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-5701138a]{visibility:visible!important;border-color:var(--c-primary)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.left-side[data-v-5701138a]{transform:rotate(270deg)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-5701138a]{transform:rotate(180deg)!important}.or-progress .or-progress-circle .or-progress-pie[data-v-5701138a],.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-5701138a]{width:100%;height:100%;position:absolute;top:0;left:0}.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-5701138a]{border-style:solid;border-width:var(--s-1);border-radius:50%;clip:rect(0,.75rem,1.5rem,0)}.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-5701138a]{transform:rotate(180deg);transition:visibility .2s linear .2s,transform .2s linear .2s}.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-5701138a]{transition:transform .2s linear}.or-progress .or-progress-circle .or-progress-pie.is-primary-color>.half-circle[data-v-5701138a]{border-color:var(--c-primary)}.or-progress .or-progress-circle .or-progress-pie.is-success-color>.half-circle[data-v-5701138a]{border-color:var(--c-success)}.or-progress .or-progress-circle .or-progress-pie.is-warning-color>.half-circle[data-v-5701138a]{border-color:var(--c-warning)}.or-progress .or-progress-circle .or-progress-pie.is-error-color>.half-circle[data-v-5701138a]{border-color:var(--c-error)}.or-progress .or-progress-footer[data-v-5701138a]{margin-top:var(--s-1)}";
+var css_248z = "@keyframes spinAround-data-v-7705c91b{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7705c91b{from{opacity:1}to{opacity:0}}@keyframes loaderLinear-data-v-7705c91b{0%{transform:translate(-100%,0)}100%{transform:translate(100%,0)}}.or-progress[data-v-7705c91b]{font-size:var(--fs-0);line-height:var(--lh-0);color:var(--c-neutral-5)}.or-progress.is-linear[data-v-7705c91b]{display:flex;flex-direction:column;width:100%;min-width:10rem;max-width:18.4375rem}.or-progress .or-progress-header[data-v-7705c91b]{display:flex;flex-direction:row;margin-bottom:.375rem}.or-progress .or-progress-header .label[data-v-7705c91b]{font-weight:700;color:var(--c-neutral-6)}.or-progress .or-progress-header .percent[data-v-7705c91b]{margin-left:auto}.or-progress .or-progress-linear[data-v-7705c91b]{position:relative;display:block;width:100%;height:var(--s-1);overflow:hidden;background-color:var(--c-neutral-2);border-radius:1px;transition-timing-function:ease;transition-duration:.3s;transition-property:height,opacity}.or-progress .or-progress-linear .or-progress-bar[data-v-7705c91b],.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b],.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]::after{position:absolute;top:0;bottom:0;left:0;width:100%;height:auto}.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]{animation:loaderLinear-data-v-7705c91b 1.2s var(--t-func) infinite}.or-progress .or-progress-linear .or-progress-loader[data-v-7705c91b]::after{max-width:7rem;content:\"\";background-color:var(--c-neutral-5);border-radius:var(--s-1)}.or-progress .or-progress-linear .or-progress-bar[data-v-7705c91b]{transition:transform .2s linear;transform-origin:left}.or-progress .or-progress-linear .or-progress-bar.is-primary-color[data-v-7705c91b]{background-color:var(--c-primary)}.or-progress .or-progress-linear .or-progress-bar.is-success-color[data-v-7705c91b]{background-color:var(--c-success)}.or-progress .or-progress-linear .or-progress-bar.is-warning-color[data-v-7705c91b]{background-color:var(--c-warning)}.or-progress .or-progress-linear .or-progress-bar.is-error-color[data-v-7705c91b]{background-color:var(--c-error)}.or-progress .or-progress-circle[data-v-7705c91b]{position:relative;width:1.5rem;height:1.5rem}.or-progress .or-progress-circle .or-progress-pie[data-v-7705c91b]{clip:rect(0,1.5rem,1.5rem,.75rem)}.or-progress .or-progress-circle .or-progress-pie.is-loading[data-v-7705c91b]{clip:rect(auto,auto,auto,auto);animation:spinAround-data-v-7705c91b .7s linear infinite}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle[data-v-7705c91b]{visibility:visible!important;border-color:var(--c-primary)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.left-side[data-v-7705c91b]{transform:rotate(270deg)!important}.or-progress .or-progress-circle .or-progress-pie.is-loading .half-circle.right-side[data-v-7705c91b]{transform:rotate(180deg)!important}.or-progress .or-progress-circle .or-progress-pie[data-v-7705c91b],.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-7705c91b]{position:absolute;top:0;left:0;width:100%;height:100%}.or-progress .or-progress-circle .or-progress-pie .half-circle[data-v-7705c91b]{clip:rect(0,.75rem,1.5rem,0);border-style:solid;border-width:var(--s-1);border-radius:50%}.or-progress .or-progress-circle .or-progress-pie .half-circle.left-side[data-v-7705c91b]{transition:visibility .2s linear .2s,transform .2s linear .2s;transform:rotate(180deg)}.or-progress .or-progress-circle .or-progress-pie .half-circle.right-side[data-v-7705c91b]{transition:transform .2s linear}.or-progress .or-progress-circle .or-progress-pie.is-primary-color>.half-circle[data-v-7705c91b]{border-color:var(--c-primary)}.or-progress .or-progress-circle .or-progress-pie.is-success-color>.half-circle[data-v-7705c91b]{border-color:var(--c-success)}.or-progress .or-progress-circle .or-progress-pie.is-warning-color>.half-circle[data-v-7705c91b]{border-color:var(--c-warning)}.or-progress .or-progress-circle .or-progress-pie.is-error-color>.half-circle[data-v-7705c91b]{border-color:var(--c-error)}.or-progress .or-progress-footer[data-v-7705c91b]{margin-top:var(--s-1)}";
 styleInject(css_248z);
 
 /* script */
@@ -192,7 +189,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-5701138a";
+const __vue_scope_id__ = "data-v-7705c91b";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrProgress/OrProgress.vue.d.ts

@@ -21,7 +21,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     value: {
         type: NumberConstructor;
@@ -32,13 +31,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: null;
-        validator: (value?: any) => boolean;
     };
     precision: {
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     type: {
         type: PropType<OrProgressTypes>;
@@ -70,7 +67,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     value: {
         type: NumberConstructor;
@@ -81,13 +77,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: null;
-        validator: (value?: any) => boolean;
     };
     precision: {
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     type: {
         type: PropType<OrProgressTypes>;

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

@@ -1,6 +1,6 @@
 export { default as OrProgress } from './OrProgress.js';
 export { OrProgressColors, OrProgressTypes } from './constants.js';
-import 'lodash';
+import 'lodash/round';
 import 'vue-demi';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,5 +1,5 @@
 import { useElementBounding } from '@vueuse/core';
-import _ from 'lodash';
+import round from 'lodash/round';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';
 import { ProgressRoot, ProgressRootTypes, ProgressHeader, ProgressHeaderLabel, ProgressHeaderPercent, ProgressFooter, ProgressBarBackground, ProgressBarMain, ProgressBarAnimationTypes, ProgressBarColors } from './styles.js';
@@ -12,8 +12,7 @@ var script = defineComponent({
     maxValue: {
       type: Number,
       required: false,
-      default: 1,
-      validator: value => _.isNumber(value) && value != 0
+      default: 1
     },
     value: {
       type: Number,
@@ -23,14 +22,12 @@ var script = defineComponent({
     progress: {
       type: Number,
       required: false,
-      default: null,
-      validator: value => _.isNumber(value) && value >= 0 && value <= 1
+      default: null
     },
     precision: {
       type: Number,
       required: false,
-      default: 2,
-      validator: value => _.isNumber(value) && value >= -1
+      default: 2
     },
     type: {
       type: String,
@@ -74,7 +71,7 @@ var script = defineComponent({
       var _a, _b, _c;
       return (_a = props.value) !== null && _a !== void 0 ? _a : ((_b = props.progress) !== null && _b !== void 0 ? _b : 0) * ((_c = props.maxValue) !== null && _c !== void 0 ? _c : 1);
     });
-    const percent = computed(() => _.round(localProgress.value * 100, props.precision) + '%');
+    const percent = computed(() => round(localProgress.value * 100, props.precision) + '%');
     const isLinearType = computed(() => props.type === ProgressType.Linear);
     const isCircleType = computed(() => props.type === ProgressType.Circle);
     const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);

package/dist/bundled/v2/components/OrProgressV3/OrProgress.vue.d.ts

@@ -26,7 +26,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     value: {
         type: NumberConstructor;
@@ -37,13 +36,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: null;
-        validator: (value?: any) => boolean;
     };
     precision: {
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     type: {
         type: PropType<ProgressType>;
@@ -65,7 +62,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     value: {
         type: NumberConstructor;
@@ -76,13 +72,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: NumberConstructor;
         required: false;
         default: null;
-        validator: (value?: any) => boolean;
     };
     precision: {
         type: NumberConstructor;
         required: false;
         default: number;
-        validator: (value?: any) => boolean;
     };
     type: {
         type: PropType<ProgressType>;

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

@@ -1,7 +1,7 @@
 export { default as OrProgressV3 } from './OrProgress.js';
 export { ProgressColor, ProgressType } from './props.js';
 import '@vueuse/core';
-import 'lodash';
+import 'lodash/round';
 import 'vue-demi';
 import './styles.js';
 import '../../hooks/useResponsive/useResponsive.js';

package/dist/bundled/v2/components/OrRadio/OrRadio.js

@@ -1,5 +1,6 @@
 import { defineComponent, inject, computed } from 'vue-demi';
-import _ from 'lodash';
+import isEqual from 'lodash/isEqual';
+import get from 'lodash/get';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -52,9 +53,9 @@ var script = defineComponent({
     const isChecked = computed(() => {
       var _a;
       if (hasInjection.value) {
-        return _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue'], null), props.value) || _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
+        return isEqual(get(radioGroupInstance, ['props', 'modelValue'], null), props.value) || isEqual(get(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
       }
-      return _.isEqual(props.modelValue, props.value) || _.isEqual((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
+      return isEqual(props.modelValue, props.value) || isEqual((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
     });
     function onClick() {
       if (!modifiedIsUncheckable.value && isChecked.value || modifiedIsDisabled.value) return;
@@ -80,12 +81,17 @@ var script = defineComponent({
       }, this.$attrs.class];
     },
     localAttrs() {
-      return _.omit(this.$attrs, 'class');
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
+      const {
+        class: _,
+        ...rest
+      } = this.$attrs;
+      return rest;
     }
   }
 });
 
-var css_248z = "@keyframes spinAround-data-v-5a7edd11{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-5a7edd11{from{opacity:1}to{opacity:0}}.or-radio[data-v-5a7edd11]{display:inline-flex;align-items:center;cursor:pointer}.or-radio--radio[data-v-5a7edd11]{position:relative;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,opacity}.or-radio--radio[data-v-5a7edd11]::after{position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;content:\"\";background-color:var(--c-white);border-radius:inherit;transition-delay:.15s;transform:translate(-50%,-50%) scale(0);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform}.or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-radio.is-checked.is-uncheckable[data-v-5a7edd11]{cursor:default}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-primary);border-color:var(--c-primary)}.or-radio.is-checked .or-radio--radio[data-v-5a7edd11]::after{transform:translate(-50%,-50%) scale(1)}@media (hover:hover) and (pointer:fine){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5a7edd11]{background-color:var(--c-white-darken-5);border-color:var(--c-neutral-2-darken-5)}.or-radio.is-disabled[data-v-5a7edd11],.or-radio[data-v-5a7edd11]:disabled{cursor:not-allowed}.or-radio.is-disabled .or-radio--radio[data-v-5a7edd11],.or-radio:disabled .or-radio--radio[data-v-5a7edd11]{opacity:.5}.or-radio.is-disabled .or-radio--content[data-v-5a7edd11],.or-radio:disabled .or-radio--content[data-v-5a7edd11]{color:var(--c-neutral-4)}";
+var css_248z = "@keyframes spinAround-data-v-dd8dfc72{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-dd8dfc72{from{opacity:1}to{opacity:0}}.or-radio[data-v-dd8dfc72]{display:inline-flex;align-items:center;cursor:pointer}.or-radio--radio[data-v-dd8dfc72]{position:relative;width:1rem;min-width:1rem;height:1rem;min-height:1rem;margin-right:var(--s-3);background-color:var(--c-white);border:1px solid var(--c-neutral-2);border-radius:9999px;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:border-color,background-color,opacity}.or-radio--radio[data-v-dd8dfc72]::after{position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;content:\"\";background-color:var(--c-white);border-radius:inherit;transition-delay:.15s;transform:translate(-50%,-50%) scale(0);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:transform}.or-radio--content[data-v-dd8dfc72]{color:var(--c-neutral-6);transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:color}.or-radio.is-checked.is-uncheckable[data-v-dd8dfc72]{cursor:default}.or-radio.is-checked .or-radio--radio[data-v-dd8dfc72]{background-color:var(--c-primary);border-color:var(--c-primary)}.or-radio.is-checked .or-radio--radio[data-v-dd8dfc72]::after{transform:translate(-50%,-50%) scale(1)}@media (hover:hover) and (pointer:fine){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-dd8dfc72]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-dd8dfc72]{background-color:var(--c-white-darken-3);border-color:var(--c-neutral-2-darken-3)}}.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-dd8dfc72]{background-color:var(--c-white-darken-5);border-color:var(--c-neutral-2-darken-5)}.or-radio.is-disabled[data-v-dd8dfc72],.or-radio[data-v-dd8dfc72]:disabled{cursor:not-allowed}.or-radio.is-disabled .or-radio--radio[data-v-dd8dfc72],.or-radio:disabled .or-radio--radio[data-v-dd8dfc72]{opacity:.5}.or-radio.is-disabled .or-radio--content[data-v-dd8dfc72],.or-radio:disabled .or-radio--content[data-v-dd8dfc72]{color:var(--c-neutral-4)}";
 styleInject(css_248z);
 
 /* script */
@@ -123,7 +129,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-5a7edd11";
+const __vue_scope_id__ = "data-v-dd8dfc72";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -1,5 +1,6 @@
 export { default as OrRadio } from './OrRadio.js';
 import 'vue-demi';
-import 'lodash';
+import 'lodash/isEqual';
+import 'lodash/get';
 import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearch/OrSearch.js

@@ -7,12 +7,14 @@ import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../../utils/functions/px-to-rem.js';
 import '../../utils/functions/dom.js';
-import 'lodash';
+import 'lodash/isElement';
+import 'lodash/get';
 import '../OrLabel/OrLabel.js';
 import '../OrHint/OrHint.js';
 import '../OrError/OrError.js';
 import '../OrCollapse/OrCollapse.js';
 import '../OrTooltip/OrTooltip.js';
+import 'lodash/isNil';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
@@ -23,6 +25,7 @@ import '../OrFloating/constants.js';
 import '../OrIcon/OrIcon.js';
 import '../OrIcon/constants.js';
 import '../OrLoader/OrLoader.js';
+import '../../utils/isEmpty.js';
 import '../OrLoader/constants.js';
 
 var script = defineComponent({