origam 0.3.5 → 0.3.7

package/dist/src/components/Overlay/OrigamOverlay.vue

@@ -47,6 +47,7 @@
 </template>
 
 <script setup>
+import { computed, mergeProps, onBeforeUnmount, ref, StyleValue, toRef, watch } from "vue";
 import { OrigamFade, OrigamOverlayScrim, OrigamTransition } from "../../components";
 import {
   useActivator,
@@ -70,7 +71,6 @@ import { IN_BROWSER } from "../../consts";
 import { vClickOutside } from "../../directives";
 import { BLOCK, EASING, KEYBOARD_VALUES, LOCATION_STRATEGIES, SCROLL_STRATEGIES } from "../../enums";
 import { animate, convertToUnit, getScrollParent } from "../../utils";
-import { computed, mergeProps, onBeforeUnmount, ref, StyleValue, toRef, watch } from "vue";
 const props = defineProps({
   absolute: { type: Boolean, required: false },
   attach: { type: [Boolean, String], required: false, skipCheck: true },

package/dist/src/components/Overlay/OrigamOverlayScrim.vue

@@ -13,9 +13,9 @@
 </template>
 
 <script setup>
+import { computed, StyleValue } from "vue";
 import { OrigamFade, OrigamTransition } from "../../components";
 import { useBackgroundColor, useProps } from "../../composables";
-import { computed, StyleValue } from "vue";
 const props = defineProps({
   active: { type: Boolean, required: false },
   id: { type: String, required: false },

package/dist/src/components/PageBuilder/OrigamEditWrapper.vue

@@ -10,9 +10,9 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useSlots, watch } from "vue";
 import { useProps } from "../../composables";
 import { scanForAutoProps } from "../../utils";
-import { computed, ref, StyleValue, useSlots, watch } from "vue";
 const props = defineProps({
   slotName: { type: String, required: false, default: "default" },
   autoDetectProps: { type: Boolean, required: false, default: true },

package/dist/src/components/PageBuilder/OrigamPageBuilder.vue

@@ -11,9 +11,9 @@
 </template>
 
 <script setup>
+import { computed, StyleValue } from "vue";
 import { OrigamLayout } from "../../components";
 import { useProps } from "../../composables";
-import { computed, StyleValue } from "vue";
 const props = defineProps({
   overlaps: { type: Array, required: false },
   fullHeight: { type: Boolean, required: false, default: true },

package/dist/src/components/Pagination/OrigamPagination.vue

@@ -84,11 +84,11 @@
 </template>
 
 <script setup>
+import { ComponentPublicInstance, computed, nextTick, shallowRef, StyleValue } from "vue";
 import { OrigamBtn } from "../../components";
 import { useDisplay, useLocale, useProps, useRefs, useResizeObserver, useVModel } from "../../composables";
 import { KEYBOARD_VALUES, MDI_ICONS } from "../../enums";
 import { createRange, int } from "../../utils";
-import { ComponentPublicInstance, computed, nextTick, shallowRef, StyleValue } from "vue";
 const props = defineProps({
   start: { type: Number, required: false, default: 1 },
   modelValue: { type: Number, required: false, default: 1 },

package/dist/src/components/Parallax/OrigamParallax.vue

@@ -21,6 +21,7 @@
 </template>
 
 <script setup>
+import { computed, onBeforeUnmount, onMounted, provide, ref, StyleValue, toRef } from "vue";
 import {
   useAudio,
   useBorder,
@@ -36,7 +37,6 @@ import {
 import { ORIGAM_PARALLAX_KEY } from "../../consts";
 import { PARALLAX_EVENT } from "../../enums";
 import { getCenter, getTargetBox, inViewport } from "../../utils";
-import { computed, onBeforeUnmount, onMounted, provide, ref, StyleValue, toRef } from "vue";
 const props = defineProps({
   animationDuration: { type: Number, required: false },
   easing: { type: String, required: false, default: "cubic-bezier(0.23, 1, 0.32, 1)" },

package/dist/src/components/Parallax/OrigamParallaxElement.vue

@@ -9,11 +9,11 @@
 </template>
 
 <script setup>
+import { computed, inject, StyleValue } from "vue";
 import { useParallaxTransform, useProps } from "../../composables";
 import { ORIGAM_PARALLAX_KEY } from "../../consts";
 import { AXIS, PARALLAX_ELEMENT_TYPE } from "../../enums";
 import { cyclicMovement, elementMovement } from "../../utils";
-import { computed, inject, StyleValue } from "vue";
 const props = defineProps({
   transformOrigin: { type: null, required: false, default: "center" },
   originX: { type: Number, required: false, default: 50 },

package/dist/src/components/PasswordField/OrigamPasswordField.vue

@@ -189,12 +189,12 @@
 </template>
 
 <script setup>
+import { computed, nextTick, ref, StyleValue, useAttrs, useSlots } from "vue";
 import { OrigamCounter, OrigamField, OrigamIcon, OrigamInput } from "../../components";
 import { useAdjacentInner, useFocus, useProps, useVModel } from "../../composables";
 import { vIntersect } from "../../directives";
 import { DENSITY, DIRECTION, MDI_ICONS, TEXT_FIELD_TYPE } from "../../enums";
 import { filterInputAttrs, forwardRefs } from "../../utils";
-import { computed, nextTick, ref, StyleValue, useAttrs, useSlots } from "vue";
 const props = defineProps({
   onIcon: { type: null, required: false, default: MDI_ICONS.EYE_OUTLINE },
   offIcon: { type: null, required: false, default: MDI_ICONS.EYE_OFF_OUTLINE },

package/dist/src/components/Picker/OrigamPicker.vue

@@ -43,9 +43,9 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, toRef, useSlots } from "vue";
 import { OrigamPickerTitle, OrigamSheet } from "../../components";
 import { useBackgroundColor, useProps } from "../../composables";
-import { computed, ref, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   landscape: { type: Boolean, required: false },
   hideHeader: { type: Boolean, required: false },

package/dist/src/components/Picker/OrigamPickerTitle.vue

@@ -11,8 +11,8 @@
 </template>
 
 <script setup>
-import { useProps } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useProps } from "../../composables";
 const props = defineProps({
   title: { type: String, required: false },
   id: { type: String, required: false },

package/dist/src/components/Progress/OrigamProgress.vue

@@ -21,10 +21,10 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue } from "vue";
 import { OrigamProgressCircular, OrigamProgressLinear } from "../../components";
 import { useProgress, useProps, useSize } from "../../composables";
 import { PROGRESS_TYPE, SIZES } from "../../enums";
-import { computed, ref, StyleValue } from "vue";
 const props = defineProps({
   type: { type: null, required: false },
   bufferValue: { type: [Number, String], required: false },

package/dist/src/components/Progress/OrigamProgressCircular.vue

@@ -48,6 +48,7 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, toRef, watchEffect } from "vue";
 import {
   useIntersectionObserver,
   useProgress,
@@ -58,7 +59,6 @@ import {
 } from "../../composables";
 import { CIRCUMFERENCE, MAGIC_RADIUS } from "../../consts";
 import { convertToUnit } from "../../utils";
-import { computed, ref, StyleValue, toRef, watchEffect } from "vue";
 const props = defineProps({
   rotate: { type: [String, Number], required: false },
   indeterminate: { type: Boolean, required: false },

package/dist/src/components/Progress/OrigamProgressLinear.vue

@@ -50,6 +50,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef } from "vue";
 import { OrigamFade, OrigamSlideX, OrigamTransition } from "../../components";
 import {
   useBackgroundColor,
@@ -61,7 +62,6 @@ import {
   useRtl
 } from "../../composables";
 import { convertToUnit } from "../../utils";
-import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   bufferValue: { type: [Number, String], required: false },
   clickable: { type: Boolean, required: false },

package/dist/src/components/Radio/OrigamRadio.vue

@@ -100,11 +100,11 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useAttrs, useSlots } from "vue";
 import { OrigamInput, OrigamRadioBtn } from "../../components";
 import { useFocus, useProps, useVModel } from "../../composables";
 import { DENSITY } from "../../enums";
 import { filterInputAttrs, getUid } from "../../utils";
-import { computed, ref, StyleValue, useAttrs, useSlots } from "vue";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },

package/dist/src/components/Radio/OrigamRadioBtn.vue

@@ -37,10 +37,10 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useSlots } from "vue";
 import { OrigamSelectionControl } from "../../components";
 import { useProps, useVModel } from "../../composables";
 import { DENSITY, MDI_ICONS } from "../../enums";
-import { computed, ref, StyleValue, useSlots } from "vue";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },

package/dist/src/components/Radio/OrigamRadioGroup.vue

@@ -58,11 +58,11 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useAttrs } from "vue";
 import { OrigamInput, OrigamLabel, OrigamRadio, OrigamSelectionControlGroup } from "../../components";
 import { useProps, useVModel } from "../../composables";
 import { DENSITY } from "../../enums";
 import { filterInputAttrs, getUid } from "../../utils";
-import { computed, ref, StyleValue, useAttrs } from "vue";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },

package/dist/src/components/RatingField/OrigamRatingField.vue

@@ -127,11 +127,11 @@
 </template>
 
 <script setup>
+import { computed, ref, shallowRef, StyleValue, useAttrs, useSlots } from "vue";
 import { OrigamInput, OrigamLabel, OrigamRatingFieldItem } from "../../components";
 import { useProps, useVModel } from "../../composables";
 import { BLOCK, DENSITY, SIZES } from "../../enums";
 import { clamp, createRange, filterInputAttrs, getUid } from "../../utils";
-import { computed, ref, shallowRef, StyleValue, useAttrs, useSlots } from "vue";
 const props = defineProps({
   name: { type: String, required: false },
   itemAriaLabel: { type: String, required: false },

package/dist/src/components/RatingField/OrigamRatingFieldItem.vue

@@ -36,10 +36,10 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue } from "vue";
 import { OrigamBtn } from "../../components";
 import { useLocale, useProps } from "../../composables";
 import { MDI_ICONS } from "../../enums";
-import { computed, ref, StyleValue } from "vue";
 const props = defineProps({
   name: { type: String, required: false },
   index: { type: Number, required: false, default: -1 },

package/dist/src/components/Responsive/OrigamResponsive.vue

@@ -18,8 +18,16 @@
 </template>
 
 <script setup>
-import { useAspectRatio, useBorder, useDimension, useMargin, usePadding, useProps, useRounded } from "../../composables";
 import { computed, StyleValue, useSlots } from "vue";
+import {
+  useAspectRatio,
+  useBorder,
+  useDimension,
+  useMargin,
+  usePadding,
+  useProps,
+  useRounded
+} from "../../composables";
 const props = defineProps({
   aspectRatio: { type: [String, Number], required: false },
   contentClass: { type: String, required: false },

package/dist/src/components/Select/OrigamSelect.vue

@@ -258,6 +258,19 @@
 </template>
 
 <script setup>
+import {
+  computed,
+  inject,
+  mergeProps,
+  nextTick,
+  ref,
+  shallowRef,
+  StyleValue,
+  toRef,
+  useSlots,
+  VNodeRef,
+  watch
+} from "vue";
 import {
   OrigamAvatar,
   OrigamCheckboxBtn,
@@ -283,19 +296,6 @@ import {
   TEXT_FIELD_TYPE
 } from "../../enums";
 import { deepEqual, forwardRefs, matchesSelector, noop, wrapInArray } from "../../utils";
-import {
-  computed,
-  inject,
-  mergeProps,
-  nextTick,
-  ref,
-  shallowRef,
-  StyleValue,
-  toRef,
-  useSlots,
-  VNodeRef,
-  watch
-} from "vue";
 const props = defineProps({
   chips: { type: Boolean, required: false },
   closableChips: { type: Boolean, required: false },

package/dist/src/components/SelectionControl/OrigamSelectionControl.vue

@@ -62,11 +62,11 @@
 </template>
 
 <script setup>
+import { computed, nextTick, ref, shallowRef, StyleValue, useAttrs } from "vue";
 import { OrigamIcon, OrigamLabel } from "../../components";
 import { useProps, useSelectionControl } from "../../composables";
 import { vRipple } from "../../directives";
 import { filterInputAttrs, forwardRefs, getUid, matchesSelector } from "../../utils";
-import { computed, nextTick, ref, shallowRef, StyleValue, useAttrs } from "vue";
 const props = defineProps({
   label: { type: String, required: false },
   trueValue: { type: null, required: false },

package/dist/src/components/SelectionControl/OrigamSelectionControlGroup.vue

@@ -27,11 +27,11 @@
 </template>
 
 <script setup>
+import { computed, onScopeDispose, provide, StyleValue } from "vue";
 import { useProps, useVModel } from "../../composables";
 import { ORIGAM_SELECTION_CONTROL_GROUP_KEY } from "../../consts";
 import { DENSITY } from "../../enums";
 import { getUid } from "../../utils";
-import { computed, onScopeDispose, provide, StyleValue } from "vue";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   error: { type: Boolean, required: false },

package/dist/src/components/Sheet/OrigamSheet.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef } from "vue";
 import {
   useBorder,
   useBothColor,
@@ -21,7 +22,6 @@ import {
   useProps,
   useRounded
 } from "../../composables";
-import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   tag: { type: String, required: false, default: "div" },
   id: { type: String, required: false },

package/dist/src/components/Slide/OrigamSlideGroup.vue

@@ -59,6 +59,7 @@
 </template>
 
 <script setup>
+import { computed, shallowRef, StyleValue, watch } from "vue";
 import { OrigamFade, OrigamIcon } from "../../components";
 import {
   useBorder,
@@ -83,7 +84,6 @@ import {
   getScrollPosition,
   getScrollSize
 } from "../../utils";
-import { computed, shallowRef, StyleValue, watch } from "vue";
 const props = defineProps({
   centerActive: { type: Boolean, required: false },
   nextIcon: { type: null, required: false, default: MDI_ICONS.CHEVRON_LEFT },

package/dist/src/components/SliderField/OrigamSliderField.vue

@@ -181,11 +181,11 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useSlots, WritableComputedRef } from "vue";
 import { OrigamInput, OrigamLabel, OrigamSliderFieldThumb, OrigamSliderFieldTrack } from "../../components";
 import { useFocus, useProps, useRtl, useSlider, useSteps, useVModel } from "../../composables";
 import { DENSITY, DIRECTION } from "../../enums";
 import { getSliderFieldOffset, omit } from "../../utils";
-import { computed, ref, StyleValue, useSlots, WritableComputedRef } from "vue";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   required: { type: Boolean, required: false },

package/dist/src/components/SliderField/OrigamSliderFieldThumb.vue

@@ -41,13 +41,13 @@
 </template>
 
 <script setup>
+import { computed, inject, StyleValue } from "vue";
 import { OrigamTranslateScale } from "../../components";
 import { useBorder, useElevation, useProps, useRounded, useTextColor } from "../../composables";
 import { ORIGAM_SLIDER_FIELD_KEY } from "../../consts";
 import { vRipple } from "../../directives";
 import { KEYBOARD_VALUES } from "../../enums";
 import { clamp, convertToUnit, int } from "../../utils";
-import { computed, inject, StyleValue } from "vue";
 const props = defineProps({
   label: { type: [Boolean, String], required: false },
   min: { type: Number, required: false, default: 0 },

package/dist/src/components/SliderField/OrigamSliderFieldTrack.vue

@@ -48,10 +48,10 @@
 </template>
 
 <script setup>
+import { computed, inject, StyleValue, useSlots } from "vue";
 import { useBackgroundColor, useProps, useRounded } from "../../composables";
 import { ORIGAM_SLIDER_FIELD_KEY } from "../../consts";
 import { convertToUnit, int } from "../../utils";
-import { computed, inject, StyleValue, useSlots } from "vue";
 const props = defineProps({
   start: { type: Number, required: false, default: 0 },
   stop: { type: Number, required: false, default: 100 },

package/dist/src/components/Snackbar/OrigamSnackbar.vue

@@ -75,6 +75,19 @@
 </template>
 
 <script setup>
+import {
+  computed,
+  inject,
+  mergeProps,
+  onMounted,
+  ref,
+  shallowRef,
+  StyleValue,
+  toRef,
+  useSlots,
+  watch,
+  watchEffect
+} from "vue";
 import { OrigamIcon, OrigamOverlay, OrigamProgress, OrigamSnack } from "../../components";
 import {
   useBorder,
@@ -95,19 +108,6 @@ import {
 import { ORIGAM_LAYOUT_KEY } from "../../consts";
 import { PROGRESS_TYPE, SCROLL_STRATEGIES } from "../../enums";
 import { forwardRefs, refElement } from "../../utils";
-import {
-  computed,
-  inject,
-  mergeProps,
-  onMounted,
-  ref,
-  shallowRef,
-  StyleValue,
-  toRef,
-  useSlots,
-  watch,
-  watchEffect
-} from "vue";
 const props = defineProps({
   multiLine: { type: Boolean, required: false },
   text: { type: String, required: false },

package/dist/src/components/Switch/OrigamSwitch.vue

@@ -101,11 +101,17 @@
 </template>
 
 <script setup>
-import { OrigamIcon, OrigamInput, OrigamProgress, OrigamSelectionControl, OrigamTranslateScale } from "../../components";
+import { computed, ref, StyleValue, useAttrs, useSlots } from "vue";
+import {
+  OrigamIcon,
+  OrigamInput,
+  OrigamProgress,
+  OrigamSelectionControl,
+  OrigamTranslateScale
+} from "../../components";
 import { useFocus, useLoader, useProps, useVModel } from "../../composables";
 import { DENSITY, PROGRESS_TYPE, SIZES } from "../../enums";
 import { filterInputAttrs, getUid } from "../../utils";
-import { computed, ref, StyleValue, useAttrs, useSlots } from "vue";
 const props = defineProps({
   indeterminate: { type: Boolean, required: false },
   inset: { type: Boolean, required: false },

package/dist/src/components/SystemBar/OrigamSystemBar.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script setup>
+import { computed, shallowRef, StyleValue, toRef } from "vue";
 import {
   useBorder,
   useBothColor,
@@ -19,7 +20,6 @@ import {
   useRounded,
   useSsrBoot
 } from "../../composables";
-import { computed, shallowRef, StyleValue, toRef } from "vue";
 const props = defineProps({
   window: { type: Boolean, required: false },
   id: { type: String, required: false },

package/dist/src/components/Table/OrigamTable.vue

@@ -22,6 +22,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, useSlots } from "vue";
 import {
   useBorder,
   useDensity,
@@ -33,7 +34,6 @@ import {
   useRounded
 } from "../../composables";
 import { DENSITY } from "../../enums";
-import { computed, StyleValue, useSlots } from "vue";
 const props = defineProps({
   fixedHeader: { type: Boolean, required: false },
   fixedFooter: { type: Boolean, required: false },

package/dist/src/components/TextField/OrigamTextField.vue

@@ -179,13 +179,13 @@
 </template>
 
 <script setup>
+import { computed, nextTick, ref, StyleValue, useAttrs, useSlots } from "vue";
 import { OrigamCounter, OrigamField, OrigamInput } from "../../components";
 import { useAdjacentInner, useFocus, useProps, useVModel } from "../../composables";
 import { ACTIVE_TEXT_FIELD_TYPE, INPUT_TEXT_FIELD_TYPE } from "../../consts";
 import { vIntersect } from "../../directives";
 import { DENSITY, DIRECTION, MDI_ICONS, TEXT_FIELD_TYPE } from "../../enums";
 import { filterInputAttrs, forwardRefs } from "../../utils";
-import { computed, nextTick, ref, StyleValue, useAttrs, useSlots } from "vue";
 const props = defineProps({
   autofocus: { type: Boolean, required: false },
   counter: { type: [Boolean, Number, String], required: false },

package/dist/src/components/TextareaField/OrigamTextareaField.vue

@@ -196,11 +196,6 @@
 </template>
 
 <script setup>
-import { OrigamCounter, OrigamField, OrigamInput } from "../../components";
-import { useAdjacentInner, useDragResizer, useFocus, useProps, useVModel } from "../../composables";
-import { vIntersect } from "../../directives";
-import { AXIS, DENSITY, MDI_ICONS } from "../../enums";
-import { clamp, convertToUnit, filterInputAttrs } from "../../utils";
 import {
   computed,
   nextTick,
@@ -213,6 +208,11 @@ import {
   watch,
   watchEffect
 } from "vue";
+import { OrigamCounter, OrigamField, OrigamInput } from "../../components";
+import { useAdjacentInner, useDragResizer, useFocus, useProps, useVModel } from "../../composables";
+import { vIntersect } from "../../directives";
+import { AXIS, DENSITY, MDI_ICONS } from "../../enums";
+import { clamp, convertToUnit, filterInputAttrs } from "../../utils";
 const props = defineProps({
   autoGrow: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },

package/dist/src/components/Title/OrigamTitle.vue

@@ -14,8 +14,8 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useDensity, useMargin, usePadding, useProps } from "../../composables";
 import { computed, StyleValue, toRef, useSlots } from "vue";
+import { useBorder, useBothColor, useDensity, useMargin, usePadding, useProps } from "../../composables";
 const props = defineProps({
   text: { type: String, required: false },
   tag: { type: String, required: false, default: "h1" },

package/dist/src/components/Toolbar/OrigamToolbar.vue

@@ -35,6 +35,7 @@
 </template>
 
 <script setup>
+import { computed, toRef, useSlots } from "vue";
 import { OrigamTitle } from "../../components";
 import {
   useBorder,
@@ -51,7 +52,6 @@ import {
   useStyle
 } from "../../composables";
 import { DENSITY } from "../../enums";
-import { computed, toRef, useSlots } from "vue";
 const props = defineProps({
   collapse: { type: Boolean, required: false },
   flat: { type: Boolean, required: false },

package/dist/src/components/Tooltip/OrigamTooltip.vue

@@ -31,11 +31,11 @@
 </template>
 
 <script setup>
+import { computed, mergeProps, ref, StyleValue } from "vue";
 import { OrigamFade, OrigamOverlay, OrigamTranslateScale } from "../../components";
 import { useProps, useScopeId, useVModel } from "../../composables";
 import { INLINE, LOCATION_STRATEGIES, SCROLL_STRATEGIES } from "../../enums";
 import { forwardRefs, getUid } from "../../utils";
-import { computed, mergeProps, ref, StyleValue } from "vue";
 const props = defineProps({
   id: { type: String, required: false },
   text: { type: String, required: false },

package/dist/src/components/Transition/OrigamExpandX.vue

@@ -15,9 +15,9 @@
 </template>
 
 <script setup>
+import { camelize } from "vue";
 import { useProps } from "../../composables";
 import { TRANSITION_MODE } from "../../enums";
-import { camelize } from "vue";
 const props = defineProps({
   mode: { type: null, required: false, default: TRANSITION_MODE.IN_OUT },
   disabled: { type: Boolean, required: false },

package/dist/src/components/Transition/OrigamExpandY.vue

@@ -15,9 +15,9 @@
 </template>
 
 <script setup>
+import { camelize } from "vue";
 import { useProps } from "../../composables";
 import { TRANSITION_MODE } from "../../enums";
-import { camelize } from "vue";
 const props = defineProps({
   mode: { type: null, required: false, default: TRANSITION_MODE.IN_OUT },
   disabled: { type: Boolean, required: false },

package/dist/src/components/Transition/OrigamTransition.vue

@@ -8,10 +8,10 @@
 </template>
 
 <script setup>
+import { computed, mergeProps, Transition, useAttrs } from "vue";
 import { OrigamFade } from "../../components";
 import { useProps, useTransition } from "../../composables";
 import { omit } from "../../utils";
-import { computed, mergeProps, Transition, useAttrs } from "vue";
 const props = defineProps({
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamFade }) },
   disabled: { type: Boolean, required: false }

package/dist/src/components/Transition/OrigamTranslateScale.vue

@@ -8,10 +8,10 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
 import { useProps } from "../../composables";
 import { EASING, TRANSITION_MODE } from "../../enums";
 import { animate, getChildren, getDimensions } from "../../utils";
-import { computed } from "vue";
 const props = defineProps({
   target: { type: null, required: false },
   mode: { type: null, required: false, default: TRANSITION_MODE.IN_OUT },