origam 0.3.5 → 0.3.7

package/dist/composables/Commons/hotkey.composable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey.composable.d.ts","sourceRoot":"","sources":["../../../src/composables/Commons/hotkey.composable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmC,MAAM,KAAK,CAAA;AAG/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,wBAAgB,SAAS,CACrB,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,EACpC,OAAO,GAAE,cAAmB,cAgJ/B"}
+{"version":3,"file":"hotkey.composable.d.ts","sourceRoot":"","sources":["../../../src/composables/Commons/hotkey.composable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmC,MAAM,KAAK,CAAA;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,wBAAgB,SAAS,CACrB,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,EACpC,OAAO,GAAE,cAAmB,cAgJ/B"}

package/dist/composables/index.d.ts

@@ -19,7 +19,7 @@ export * from './Commons/nested.composable';
 export * from './Commons/position.composable';
 export * from './Commons/resizeObserver.composable';
 export * from './Commons/refs.composable';
-export * from './Commons/vModel.composable.ts';
+export * from './Commons/vModel.composable';
 export * from './Commons/rounded.composable';
 export * from './Commons/router.composable';
 export * from './Commons/scopeId.composable';
@@ -39,7 +39,7 @@ export * from './Commons/velocity.composable';
 export * from './Commons/padding.composable';
 export * from './Commons/margin.composable';
 export * from './Commons/lazy.composable';
-export * from './Commons/items.composable.ts';
+export * from './Commons/items.composable';
 export * from './Commons/teleport.composable';
 export * from './Commons/hydration.composable';
 export * from './Commons/stack.composable';

package/dist/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2CAA2C,CAAA;AACzD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,iDAAiD,CAAA;AAC/D,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uCAAuC,CAAA;AACrD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2CAA2C,CAAA;AACzD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oCAAoC,CAAA;AAClD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,wBAAwB,CAAA;AACtC,cAAc,iDAAiD,CAAA;AAC/D,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uCAAuC,CAAA;AACrD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,+BAA+B,CAAA"}

package/dist/consts/Commons/hotkey.const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hotkey.const.d.ts","sourceRoot":"","sources":["../../../src/consts/Commons/hotkey.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAA4J,CAAA;AAE/M;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsBnD,CAAA"}
+{"version":3,"file":"hotkey.const.d.ts","sourceRoot":"","sources":["../../../src/consts/Commons/hotkey.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAA4J,CAAA;AAE/M;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqBnD,CAAA"}

package/dist/consts/index.d.ts

@@ -18,6 +18,7 @@ export * from './Commons/scroll.const';
 export * from './Commons/stack.const';
 export * from './Commons/bindProps.const';
 export * from './Commons/display.const';
+export * from './Commons/hotkey.const';
 export * from './Commons/hover.const';
 export * from './Commons/goTo.const';
 export * from './Commons/virtual.const';

package/dist/consts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consts/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qCAAqC,CAAA;AACnD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wCAAwC,CAAA;AACtD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/consts/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qCAAqC,CAAA;AACnD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wCAAwC,CAAA;AACtD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

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