vueless 0.0.256 → 0.0.257

package/composable.autoPosition/index.js

@@ -1,4 +1,4 @@
-import { computed, toValue } from "vue";
+import { computed, toValue, ref } from "vue";
 
 export const POSITION = {
   left: "left",
@@ -14,10 +14,8 @@ export function useAutoPosition(anchorElement, targetElement, position, preferre
   const localPosition = computed(() => toValue(position));
   const localPreferredPosition = computed(() => toValue(preferredPosition));
 
-  const preferredOpenDirectionY = computed(() => {
-    return localPreferredPosition.value?.y || POSITION.bottomi;
-  });
-  const preferredOpenDirectionX = computed(() => localPreferredPosition.value?.x || POSITION.left);
+  const preferredOpenDirectionY = ref(localPreferredPosition.value?.y || POSITION.bottom);
+  const preferredOpenDirectionX = ref(localPreferredPosition.value?.x || POSITION.left);
 
   const isTop = computed(() => {
     if (localPosition.value.y !== POSITION.auto) {
@@ -45,7 +43,7 @@ export function useAutoPosition(anchorElement, targetElement, position, preferre
 
   const isRight = computed(() => {
     if (localPosition.value.x !== POSITION.auto) {
-      return localPosition.value.y === POSITION.right;
+      return localPosition.value.x === POSITION.right;
     }
 
     return preferredOpenDirectionX.value === POSITION.right;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.256",
+  "version": "0.0.257",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.form-date-picker/configs/default.config.js

@@ -10,8 +10,8 @@ export default /*tw*/ {
     base: "absolute z-40 my-2",
     variants: {
       openDirectionX: {
-        left: "left-0",
-        right: "right-0",
+        left: "right-0",
+        right: "left-0",
       },
       openDirectionY: {
         top: "bottom-full mt-0",

package/ui.form-date-picker-range/configs/default.config.js

@@ -18,8 +18,8 @@ export default /*tw*/ {
     base: "absolute z-40 my-2 w-80 overflow-hidden rounded-dynamic border border-brand-300 bg-white p-2 shadow focus:outline-none",
     variants: {
       openDirectionX: {
-        left: "left-0",
-        right: "right-0",
+        left: "right-0",
+        right: "left-0",
       },
       openDirectionY: {
         top: "bottom-full mt-0",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.256",
+  "version": "0.0.257",
   "contributions": {
     "html": {
       "description-markup": "markdown",