origam 0.3.5 → 0.3.6

package/dist/src/components/Dialog/OrigamDialog.vue

@@ -123,13 +123,13 @@
 </template>
 
 <script setup>
+import { computed, mergeProps, nextTick, ref, StyleValue, useSlots, watch } from "vue";
 import { OrigamBtn, OrigamCard, OrigamIcon, OrigamOverlay, OrigamTranslateScale } from "../../components";
 import { useProps, useScopeId, useStatus, useVModel } from "../../composables";
 import { IN_BROWSER } from "../../consts";
 import { vIntersect } from "../../directives";
 import { MDI_ICONS } from "../../enums";
 import { focusableChildren, forwardRefs } from "../../utils";
-import { computed, mergeProps, nextTick, ref, StyleValue, useSlots, watch } from "vue";
 const props = defineProps({
   fullscreen: { type: Boolean, required: false },
   retainFocus: { type: Boolean, required: false, default: true },

package/dist/src/components/Dialog/OrigamDialogConfirmation.vue

@@ -119,10 +119,10 @@
 </template>
 
 <script setup>
+import { computed, ref, useSlots } from "vue";
 import { OrigamBtn, OrigamCol, OrigamContainer, OrigamDialog, OrigamRow } from "../../components";
 import { useProps, useVModel } from "../../composables";
 import { JUSTIFY } from "../../enums";
-import { computed, ref, useSlots } from "vue";
 const props = defineProps({
   cancellable: { type: Boolean, required: false, default: true },
   fullscreen: { type: Boolean, required: false },

package/dist/src/components/Divider/OrigamDivider.vue

@@ -8,10 +8,10 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, useAttrs } from "vue";
 import { useMargin, useProps } from "../../composables";
 import { DIRECTION } from "../../enums";
 import { convertToUnit } from "../../utils";
-import { computed, StyleValue, useAttrs } from "vue";
 const attrs = useAttrs();
 const props = defineProps({
   inset: { type: Boolean, required: false },

package/dist/src/components/Drawer/OrigamDrawer.vue

@@ -48,6 +48,19 @@
 </template>
 
 <script setup>
+import {
+  computed,
+  ComputedRef,
+  nextTick,
+  onBeforeMount,
+  Ref,
+  ref,
+  shallowRef,
+  StyleValue,
+  toRef,
+  useSlots,
+  watch
+} from "vue";
 import { OrigamOverlayScrim } from "../../components";
 import {
   useBackgroundColor,
@@ -69,19 +82,6 @@ import {
 } from "../../composables";
 import { INLINE } from "../../enums";
 import { getUid, int } from "../../utils";
-import {
-  computed,
-  ComputedRef,
-  nextTick,
-  onBeforeMount,
-  Ref,
-  ref,
-  shallowRef,
-  StyleValue,
-  toRef,
-  useSlots,
-  watch
-} from "vue";
 const props = defineProps({
   disableResizeWatcher: { type: Boolean, required: false },
   disableRouteWatcher: { type: Boolean, required: false },

package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue

@@ -81,6 +81,7 @@
 </template>
 
 <script setup>
+import { computed, provide, ref, StyleValue, toRef, useSlots } from "vue";
 import { OrigamExpansionPanelContent, OrigamExpansionPanelHeader } from "../../components";
 import {
   useBorder,
@@ -94,7 +95,6 @@ import {
   useRounded
 } from "../../composables";
 import { ORIGAM_EXPANSION_PANEL_KEY } from "../../consts";
-import { computed, provide, ref, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   tag: { type: String, required: false, default: "div" },
   id: { type: String, required: false },

package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue

@@ -24,6 +24,7 @@
 </template>
 
 <script setup>
+import { computed, inject, StyleValue, toRef } from "vue";
 import { OrigamExpandY } from "../../components";
 import {
   useBorder,
@@ -36,7 +37,6 @@ import {
   useRounded
 } from "../../composables";
 import { ORIGAM_EXPANSION_PANEL_KEY } from "../../consts";
-import { computed, inject, StyleValue, toRef } from "vue";
 const props = defineProps({
   content: { type: null, required: false },
   color: { type: [String, Boolean, null], required: false, skipCheck: true },

package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue

@@ -83,6 +83,7 @@
 </template>
 
 <script setup>
+import { computed, inject, StyleValue, toRef, useSlots } from "vue";
 import { OrigamAvatar, OrigamIcon } from "../../components";
 import {
   useAdjacent,
@@ -97,7 +98,6 @@ import {
 import { ORIGAM_EXPANSION_PANEL_KEY } from "../../consts";
 import { vRipple } from "../../directives";
 import { MDI_ICONS } from "../../enums";
-import { computed, inject, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   expandIcon: { type: null, required: false, default: MDI_ICONS.CHEVRON_DOWN },
   collapseIcon: { type: null, required: false, default: MDI_ICONS.CHEVRON_UP },

package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue

@@ -110,6 +110,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef, useSlots } from "vue";
 import { OrigamExpansionPanel } from "../../components";
 import {
   useBorder,
@@ -123,7 +124,6 @@ import {
   useRounded
 } from "../../composables";
 import { ORIGAM_EXPANSION_PANEL_KEY } from "../../consts";
-import { computed, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   flat: { type: Boolean, required: false },
   items: { type: Array, required: false },

package/dist/src/components/Field/OrigamField.vue

@@ -156,11 +156,11 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, useSlots, watch } from "vue";
 import { OrigamAvatar, OrigamExpandX, OrigamIcon, OrigamLabel, OrigamProgress } from "../../components";
 import { useAdjacentInner, useBothColor, useDensity, useFocus, useLoader, useProps, useRtl } from "../../composables";
 import { EASING, KEYBOARD_VALUES, PROGRESS_TYPE } from "../../enums";
 import { animate, convertToUnit, getUid, nullifyTransforms } from "../../utils";
-import { computed, ref, StyleValue, useSlots, watch } from "vue";
 const props = defineProps({
   active: { type: Boolean, required: false },
   centerAffix: { type: Boolean, required: false },

package/dist/src/components/FileField/OrigamFileField.vue

@@ -217,11 +217,11 @@
 </template>
 
 <script setup>
+import { computed, nextTick, ref, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
 import { OrigamChip, OrigamCounter, OrigamField, OrigamInput } from "../../components";
 import { useAdjacent, useAdjacentInner, useFocus, useLocale, useProps, useVModel } from "../../composables";
 import { DENSITY, MDI_ICONS } from "../../enums";
 import { filterInputAttrs, forwardRefs, humanReadableFileSize, wrapInArray } from "../../utils";
-import { computed, nextTick, ref, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
 const props = defineProps({
   chips: { type: Boolean, required: false },
   counter: { type: Boolean, required: false },

package/dist/src/components/Form/OrigamForm.vue

@@ -15,9 +15,9 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue } from "vue";
 import { useForm, useProps } from "../../composables";
 import { forwardRefs } from "../../utils";
-import { computed, ref, StyleValue } from "vue";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   fastFail: { type: Boolean, required: false },

package/dist/src/components/Grids/OrigamRow.vue

@@ -9,10 +9,10 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef } from "vue";
 import { useBorder, useBothColor, useDensity, useMargin, usePadding, useProps } from "../../composables";
 import { DENSITY } from "../../enums";
 import { toKebabCase } from "../../utils";
-import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   gutters: { type: [String, Number], required: false },
   direction: { type: null, required: false },

package/dist/src/components/Grids/OrigamSpacer.vue

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

package/dist/src/components/Highlight/OrigamHighlight.vue

@@ -11,6 +11,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef } from "vue";
 import {
   useBorder,
   useBothColor,
@@ -22,7 +23,6 @@ import {
   useVModel
 } from "../../composables";
 import { getContrast } from "../../utils";
-import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   autoEscape: { type: Boolean, required: false, default: true },
   text: { type: String, required: true, default: "" },

package/dist/src/components/Icon/OrigamIcon.vue

@@ -14,9 +14,9 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, toRef, useAttrs, useSlots } from "vue";
 import { useBorder, useBothColor, useIcon, useMargin, usePadding, useProps, useSize } from "../../composables";
 import { flattenFragments } from "../../utils";
-import { computed, ref, StyleValue, toRef, useAttrs, useSlots } from "vue";
 const attrs = useAttrs();
 const props = defineProps({
   disabled: { type: Boolean, required: false },

package/dist/src/components/Icon/OrigamLigatureIcon.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script setup>
-import { useProps } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useProps } from "../../composables";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   icon: { type: null, required: false },

package/dist/src/components/Icon/OrigamSvgIcon.vue

@@ -12,7 +12,7 @@
 				xmlns="http://www.w3.org/2000/svg"
 		>
 			<template v-if="!isArray(icon)">
-				<path :d="icon as string"></path>
+				<path :d="icon"></path>
 			</template>
 			<template v-else>
 				<template
@@ -21,12 +21,12 @@
 				>
 					<template v-if="!isArray(path)">
 						<path
-								:d="path[0] as string"
+								:d="path[0]"
 								:fill-opacity="path[1]"
 						></path>
 					</template>
 					<template v-else>
-						<path :d="path as string"></path>
+						<path :d="path"></path>
 					</template>
 				</template>
 			</template>
@@ -35,8 +35,8 @@
 </template>
 
 <script setup>
-import { useProps } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useProps } from "../../composables";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
   icon: { type: null, required: false },

package/dist/src/components/Img/OrigamImg.vue

@@ -80,12 +80,6 @@
 </template>
 
 <script setup>
-import { OrigamResponsive, OrigamTransition } from "../../components";
-import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded } from "../../composables";
-import { SUPPORTS_INTERSECTION } from "../../consts";
-import { vIntersect } from "../../directives";
-import { IMG_STATE } from "../../enums";
-import { convertToUnit, getCurrentInstance, pick } from "../../utils";
 import {
   computed,
   nextTick,
@@ -98,6 +92,12 @@ import {
   useSlots,
   watch
 } from "vue";
+import { OrigamResponsive, OrigamTransition } from "../../components";
+import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded } from "../../composables";
+import { SUPPORTS_INTERSECTION } from "../../consts";
+import { vIntersect } from "../../directives";
+import { IMG_STATE } from "../../enums";
+import { convertToUnit, getCurrentInstance, pick } from "../../utils";
 const props = defineProps({
   alt: { type: String, required: false },
   cover: { type: Boolean, required: false },

package/dist/src/components/InfiniteScroll/OrigamInfiniteScroll.vue

@@ -114,10 +114,16 @@
 </template>
 
 <script setup>
+import { computed, nextTick, onMounted, ref, shallowRef, StyleValue, toRef } from "vue";
 import { OrigamBtn, OrigamInfiniteScrollIntersect, OrigamProgress } from "../../components";
 import { useBothColor, useDimension, useLocale, useProps } from "../../composables";
-import { DIRECTION, INFINITE_SCROLL_MODE, INFINITE_SCROLL_SIDE, INFINITE_SCROLL_STATUS, PROGRESS_TYPE } from "../../enums";
-import { computed, nextTick, onMounted, ref, shallowRef, StyleValue, toRef } from "vue";
+import {
+  DIRECTION,
+  INFINITE_SCROLL_MODE,
+  INFINITE_SCROLL_SIDE,
+  INFINITE_SCROLL_STATUS,
+  PROGRESS_TYPE
+} from "../../enums";
 const props = defineProps({
   side: { type: null, required: false, default: INFINITE_SCROLL_SIDE.END },
   mode: { type: null, required: false, default: INFINITE_SCROLL_MODE.INTERSECT },

package/dist/src/components/InfiniteScroll/OrigamInfiniteScrollIntersect.vue

@@ -7,8 +7,8 @@
 </template>
 
 <script setup>
-import { useIntersectionObserver, useProps } from "../../composables";
 import { watch } from "vue";
+import { useIntersectionObserver, useProps } from "../../composables";
 const props = defineProps({
   side: { type: null, required: false },
   rootRef: { type: null, required: true },

package/dist/src/components/Input/OrigamInput.vue

@@ -91,6 +91,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef, useSlots } from "vue";
 import { OrigamAvatar, OrigamIcon } from "../../components";
 import { OrigamMessages } from "../../components/Messages";
 import {
@@ -109,7 +110,6 @@ import {
 } from "../../composables";
 import { DENSITY, DIRECTION } from "../../enums";
 import { getUid } from "../../utils";
-import { computed, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   centerAffix: { type: Boolean, required: false, default: true },
   hideDetails: { type: [Boolean, String], required: false },

package/dist/src/components/Label/OrigamLabel.vue

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

package/dist/src/components/Layout/OrigamLayout.vue

@@ -15,8 +15,8 @@
 </template>
 
 <script setup>
-import { useCreateLayout, useProps } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useCreateLayout, useProps } from "../../composables";
 const props = defineProps({
   overlaps: { type: Array, required: false },
   fullHeight: { type: Boolean, required: false },

package/dist/src/components/Lazy/OrigamLazy.vue

@@ -17,10 +17,10 @@
 </template>
 
 <script setup>
+import { computed, StyleValue } from "vue";
 import { OrigamFade, OrigamTransition } from "../../components";
 import { useDimension, useProps, useVModel } from "../../composables";
 import { vIntersect } from "../../directives";
-import { computed, StyleValue } from "vue";
 const props = defineProps({
   modelValue: { type: Boolean, required: false },
   options: { type: null, required: false, default: () => ({

package/dist/src/components/List/OrigamList.vue

@@ -82,6 +82,7 @@
 </template>
 
 <script setup>
+import { computed, ref, shallowRef, StyleValue, toRef, useSlots } from "vue";
 import { OrigamListChildren } from "../../components";
 import {
   useBorder,
@@ -99,7 +100,6 @@ import {
 } from "../../composables";
 import { DENSITY, KEYBOARD_VALUES, LINES, OPEN_STRATEGY, SELECT_STRATEGY } from "../../enums";
 import { deepEqual, focusChild } from "../../utils";
-import { computed, ref, shallowRef, StyleValue, toRef, useSlots } from "vue";
 const props = defineProps({
   activeClass: { type: String, required: false },
   disabled: { type: Boolean, required: false },

package/dist/src/components/List/OrigamListChildren.vue

@@ -76,10 +76,10 @@
 </template>
 
 <script setup>
+import { computed, useSlots } from "vue";
 import { OrigamDivider, OrigamListGroup, OrigamListItem, OrigamListSubheader } from "../../components";
 import { useCreateList, useProps } from "../../composables";
 import { LIST_ITEM_TYPE } from "../../enums";
-import { computed, useSlots } from "vue";
 const props = defineProps({
   items: { type: Array, required: true },
   returnObject: { type: Boolean, required: false }

package/dist/src/components/List/OrigamListGroup.vue

@@ -40,6 +40,7 @@
 </template>
 
 <script setup>
+import { computed, ref, StyleValue, toRef } from "vue";
 import { OrigamExpandY, OrigamListGroupActivator, OrigamListItem, OrigamTransition } from "../../components";
 import {
   useBorder,
@@ -53,7 +54,6 @@ import {
   useSsrBoot
 } from "../../composables";
 import { MDI_ICONS } from "../../enums";
-import { computed, ref, StyleValue, toRef } from "vue";
 const props = defineProps({
   collapseIcon: { type: null, required: false, default: MDI_ICONS.CHEVRON_UP },
   expandIcon: { type: null, required: false, default: MDI_ICONS.CHEVRON_DOWN },

package/dist/src/components/List/OrigamListGroupActivator.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script setup>
-import { useNestedGroupActivator, useProps } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useNestedGroupActivator, useProps } from "../../composables";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },

package/dist/src/components/List/OrigamListItem.vue

@@ -108,6 +108,7 @@
 </template>
 
 <script setup>
+import { computed, onBeforeMount, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
 import { OrigamAvatar, OrigamIcon } from "../../components";
 import {
   useAdjacent,
@@ -126,7 +127,6 @@ import {
 } from "../../composables";
 import { vRipple } from "../../directives";
 import { KEYBOARD_VALUES } from "../../enums";
-import { computed, onBeforeMount, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
 const attrs = useAttrs();
 const props = defineProps({
   active: { type: Boolean, required: false },

package/dist/src/components/List/OrigamListSubheader.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded } from "../../composables";
 import { computed, StyleValue, toRef, useSlots } from "vue";
+import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded } from "../../composables";
 const props = defineProps({
   inset: { type: Boolean, required: false },
   sticky: { type: Boolean, required: false },

package/dist/src/components/Loader/OrigamLoader.vue

@@ -22,10 +22,10 @@
 </template>
 
 <script setup>
+import { computed, StyleValue } from "vue";
 import { OrigamProgress } from "../../components";
 import { useProps } from "../../composables";
 import { PROGRESS_TYPE } from "../../enums";
-import { computed, StyleValue } from "vue";
 const props = defineProps({
   loading: { type: [Boolean, Number], required: false },
   loadingText: { type: String, required: false },

package/dist/src/components/Main/OrigamMain.vue

@@ -14,8 +14,8 @@
 </template>
 
 <script setup>
-import { useBorder, useLayout, useMargin, usePadding, useProps, useRounded, useSsrBoot } from "../../composables";
 import { computed, StyleValue } from "vue";
+import { useBorder, useLayout, useMargin, usePadding, useProps, useRounded, useSsrBoot } from "../../composables";
 const props = defineProps({
   scrollable: { type: Boolean, required: false },
   tag: { type: String, required: false, default: "main" },

package/dist/src/components/Menu/OrigamMenu.vue

@@ -65,6 +65,7 @@
 </template>
 
 <script setup>
+import { computed, inject, mergeProps, nextTick, provide, ref, shallowRef, StyleValue, watch } from "vue";
 import {
   OrigamList,
   OrigamListGroup,
@@ -77,7 +78,6 @@ import { useProps, useScopeId, useVModel } from "../../composables";
 import { ORIGAM_MENU_KEY } from "../../consts";
 import { INLINE, KEYBOARD_VALUES, LOCATION_STRATEGIES, MDI_ICONS, SCROLL_STRATEGIES } from "../../enums";
 import { focusableChildren, focusChild, forwardRefs, getNextElement, getUid } from "../../utils";
-import { computed, inject, mergeProps, nextTick, provide, ref, shallowRef, StyleValue, watch } from "vue";
 const props = defineProps({
   id: { type: String, required: false },
   absolute: { type: Boolean, required: false },

package/dist/src/components/Messages/OrigamMessages.vue

@@ -31,6 +31,7 @@
 </template>
 
 <script setup>
+import { computed, StyleValue, toRef } from "vue";
 import { OrigamSlideY, OrigamTransition } from "../../components";
 import {
   useBorder,
@@ -44,7 +45,6 @@ import {
 } from "../../composables";
 import { DENSITY } from "../../enums";
 import { wrapInArray } from "../../utils";
-import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   active: { type: Boolean, required: false },
   messages: { type: [Array, String], required: false },

package/dist/src/components/NumberField/OrigamNumberField.vue

@@ -211,11 +211,11 @@
 </template>
 
 <script setup>
+import { computed, nextTick, onMounted, ref, shallowRef, StyleValue, useSlots, watch, watchEffect } from "vue";
 import { OrigamBtn, OrigamDivider, OrigamTextField } from "../../components";
 import { useAdjacentInner, useFocus, useForm, useHold, useProps, useVModel } from "../../composables";
 import { DIRECTION, MDI_ICONS, TEXT_FIELD_TYPE } from "../../enums";
 import { clamp, forwardRefs, omit } from "../../utils";
-import { computed, nextTick, onMounted, ref, shallowRef, StyleValue, useSlots, watch, watchEffect } from "vue";
 const props = defineProps({
   autofocus: { type: Boolean, required: false },
   placeholder: { type: String, required: false },

package/dist/src/components/OtpInputField/OrigamOtpInputField.vue

@@ -129,11 +129,11 @@
 </template>
 
 <script setup>
+import { computed, nextTick, ref, StyleValue, useAttrs, useSlots, watch } from "vue";
 import { OrigamField, OrigamOverlay, OrigamProgress } from "../../components";
 import { useDimension, useFocus, useLocale, useProps, useVModel } from "../../composables";
 import { OTP_INPUT_FIELD_TYPE, PROGRESS_TYPE } from "../../enums";
 import { filterInputAttrs, focusChild } from "../../utils";
-import { computed, nextTick, ref, StyleValue, useAttrs, useSlots, watch } from "vue";
 const props = defineProps({
   autofocus: { type: Boolean, required: false },
   divider: { type: String, required: false },

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 },