origam 0.3.4 → 0.3.6

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

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

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

@@ -9,8 +9,8 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useMargin, usePadding, useProps } from "@/composables";
-import { toKebabCase } from "@/utils";
+import { useBorder, useBothColor, useMargin, usePadding, useProps } from "../../composables";
+import { toKebabCase } from "../../utils";
 import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   cols: { type: [Boolean, String], required: false, skipCheck: true },

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

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded, useRtl } from "@/composables";
+import { useBorder, useBothColor, useMargin, usePadding, useProps, useRounded, useRtl } from "../../composables";
 import { computed, StyleValue, toRef } from "vue";
 const props = defineProps({
   fluid: { type: Boolean, required: false, default: false },

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

@@ -9,10 +9,10 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useDensity, useMargin, usePadding, useProps } from "@/composables";
-import { DENSITY } from "@/enums";
-import { toKebabCase } from "@/utils";
 import { computed, StyleValue, toRef } from "vue";
+import { useBorder, useBothColor, useDensity, useMargin, usePadding, useProps } from "../../composables";
+import { DENSITY } from "../../enums";
+import { toKebabCase } from "../../utils";
 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,
@@ -20,9 +21,8 @@ import {
   useProps,
   useRounded,
   useVModel
-} from "@/composables";
-import { getContrast } from "@/utils";
-import { computed, StyleValue, toRef } from "vue";
+} from "../../composables";
+import { getContrast } from "../../utils";
 const props = defineProps({
   autoEscape: { type: Boolean, required: false, default: true },
   text: { type: String, required: true, default: "" },

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

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

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

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

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

@@ -14,9 +14,9 @@
 </template>
 
 <script setup>
-import { useBorder, useBothColor, useIcon, useMargin, usePadding, useProps, useSize } from "@/composables";
-import { flattenFragments } from "@/utils";
 import { computed, ref, StyleValue, toRef, useAttrs, useSlots } from "vue";
+import { useBorder, useBothColor, useIcon, useMargin, usePadding, useProps, useSize } from "../../composables";
+import { flattenFragments } from "../../utils";
 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 { 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 { 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";
 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,8 +91,9 @@
 </template>
 
 <script setup>
-import { OrigamAvatar, OrigamIcon } from "@/components";
-import { OrigamMessages } from "@/components/Messages";
+import { computed, StyleValue, toRef, useSlots } from "vue";
+import { OrigamAvatar, OrigamIcon } from "../../components";
+import { OrigamMessages } from "../../components/Messages";
 import {
   useAdjacent,
   useBorder,
@@ -106,10 +107,9 @@ import {
   useRounded,
   useRtl,
   useValidation
-} from "@/composables";
-import { DENSITY, DIRECTION } from "@/enums";
-import { getUid } from "@/utils";
-import { computed, StyleValue, toRef, useSlots } from "vue";
+} from "../../composables";
+import { DENSITY, DIRECTION } from "../../enums";
+import { getUid } from "../../utils";
 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 { OrigamFade, OrigamTransition } from "@/components";
-import { useDimension, useProps, useVModel } from "@/composables";
-import { vIntersect } from "@/directives";
 import { computed, StyleValue } from "vue";
+import { OrigamFade, OrigamTransition } from "../../components";
+import { useDimension, useProps, useVModel } from "../../composables";
+import { vIntersect } from "../../directives";
 const props = defineProps({
   modelValue: { type: Boolean, required: false },
   options: { type: null, required: false, default: () => ({

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

@@ -82,7 +82,8 @@
 </template>
 
 <script setup>
-import { OrigamListChildren } from "@/components";
+import { computed, ref, shallowRef, StyleValue, toRef, useSlots } from "vue";
+import { OrigamListChildren } from "../../components";
 import {
   useBorder,
   useBothColor,
@@ -96,10 +97,9 @@ import {
   usePadding,
   useProps,
   useRounded
-} 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";
+} from "../../composables";
+import { DENSITY, KEYBOARD_VALUES, LINES, OPEN_STRATEGY, SELECT_STRATEGY } from "../../enums";
+import { deepEqual, focusChild } from "../../utils";
 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 { OrigamDivider, OrigamListGroup, OrigamListItem, OrigamListSubheader } from "@/components";
-import { useCreateList, useProps } from "@/composables";
-import { LIST_ITEM_TYPE } from "@/enums";
 import { computed, useSlots } from "vue";
+import { OrigamDivider, OrigamListGroup, OrigamListItem, OrigamListSubheader } from "../../components";
+import { useCreateList, useProps } from "../../composables";
+import { LIST_ITEM_TYPE } from "../../enums";
 const props = defineProps({
   items: { type: Array, required: true },
   returnObject: { type: Boolean, required: false }

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

@@ -40,7 +40,8 @@
 </template>
 
 <script setup>
-import { OrigamExpandY, OrigamListGroupActivator, OrigamListItem, OrigamTransition } from "@/components";
+import { computed, ref, StyleValue, toRef } from "vue";
+import { OrigamExpandY, OrigamListGroupActivator, OrigamListItem, OrigamTransition } from "../../components";
 import {
   useBorder,
   useBothColor,
@@ -51,9 +52,8 @@ import {
   useProps,
   useRounded,
   useSsrBoot
-} from "@/composables";
-import { MDI_ICONS } from "@/enums";
-import { computed, ref, StyleValue, toRef } from "vue";
+} from "../../composables";
+import { MDI_ICONS } from "../../enums";
 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,7 +108,8 @@
 </template>
 
 <script setup>
-import { OrigamAvatar, OrigamIcon } from "@/components";
+import { computed, onBeforeMount, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
+import { OrigamAvatar, OrigamIcon } from "../../components";
 import {
   useAdjacent,
   useBackgroundColor,
@@ -123,10 +124,9 @@ import {
   usePadding,
   useProps,
   useRounded
-} from "@/composables";
-import { vRipple } from "@/directives";
-import { KEYBOARD_VALUES } from "@/enums";
-import { computed, onBeforeMount, StyleValue, toRef, useAttrs, useSlots, watch } from "vue";
+} from "../../composables";
+import { vRipple } from "../../directives";
+import { KEYBOARD_VALUES } from "../../enums";
 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 { OrigamProgress } from "@/components";
-import { useProps } from "@/composables";
-import { PROGRESS_TYPE } from "@/enums";
 import { computed, StyleValue } from "vue";
+import { OrigamProgress } from "../../components";
+import { useProps } from "../../composables";
+import { PROGRESS_TYPE } from "../../enums";
 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,
@@ -72,12 +73,11 @@ import {
   OrigamListSubheader,
   OrigamOverlay,
   OrigamTranslateScale
-} from "@/components";
-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";
+} from "../../components";
+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";
 const props = defineProps({
   id: { type: String, required: false },
   absolute: { type: Boolean, required: false },

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

@@ -31,7 +31,8 @@
 </template>
 
 <script setup>
-import { OrigamSlideY, OrigamTransition } from "@/components";
+import { computed, StyleValue, toRef } from "vue";
+import { OrigamSlideY, OrigamTransition } from "../../components";
 import {
   useBorder,
   useDensity,
@@ -41,10 +42,9 @@ import {
   useRounded,
   useSsrBoot,
   useTextColor
-} from "@/composables";
-import { DENSITY } from "@/enums";
-import { wrapInArray } from "@/utils";
-import { computed, StyleValue, toRef } from "vue";
+} from "../../composables";
+import { DENSITY } from "../../enums";
+import { wrapInArray } from "../../utils";
 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 { 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";
+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";
 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 { 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";
+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";
 const props = defineProps({
   autofocus: { type: Boolean, required: false },
   divider: { type: String, required: false },

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

@@ -47,7 +47,8 @@
 </template>
 
 <script setup>
-import { OrigamFade, OrigamOverlayScrim, OrigamTransition } from "@/components";
+import { computed, mergeProps, onBeforeUnmount, ref, StyleValue, toRef, watch } from "vue";
+import { OrigamFade, OrigamOverlayScrim, OrigamTransition } from "../../components";
 import {
   useActivator,
   useBackButton,
@@ -65,12 +66,11 @@ import {
   useTeleport,
   useToggleScope,
   useVModel
-} from "@/composables";
-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";
+} from "../../composables";
+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";
 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 { OrigamFade, OrigamTransition } from "@/components";
-import { useBackgroundColor, useProps } from "@/composables";
 import { computed, StyleValue } from "vue";
+import { OrigamFade, OrigamTransition } from "../../components";
+import { useBackgroundColor, useProps } from "../../composables";
 const props = defineProps({
   active: { type: Boolean, required: false },
   id: { type: String, required: false },

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

@@ -116,8 +116,8 @@
 </template>
 
 <script setup>
-import { OrigamLabel, OrigamTitle } from "@/components";
-import { useProps } from "@/composables";
+import { OrigamLabel, OrigamTitle } from "../../components";
+import { useProps } from "../../composables";
 import { shallowRef, watch } from "vue";
 const props = defineProps({
   padding: { type: [Boolean, Number, String], required: false },

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

@@ -10,9 +10,9 @@
 </template>
 
 <script setup>
-import { useProps } from "@/composables";
-import { scanForAutoProps } from "@/utils";
 import { computed, ref, StyleValue, useSlots, watch } from "vue";
+import { useProps } from "../../composables";
+import { scanForAutoProps } from "../../utils";
 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 { OrigamLayout } from "@/components";
-import { useProps } from "@/composables";
 import { computed, StyleValue } from "vue";
+import { OrigamLayout } from "../../components";
+import { useProps } from "../../composables";
 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 { 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";
+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";
 const props = defineProps({
   start: { type: Number, required: false, default: 1 },
   modelValue: { type: Number, required: false, default: 1 },