melonykit 1.1.3 → 1.1.4

package/dist/index.js

@@ -1032,11 +1032,11 @@ var Dt = bt`
 };
 //#endregion
 //#region src/components/_popup-box.jsx
-function kt({ className: e, trigger: t, children: n, isOpen: r = !1, origin: i = "center", width: a }) {
+function kt({ className: e, trigger: t, children: n, isOpen: r = !1, origin: i = "bottom", width: a }) {
 	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
 		className: At.base,
 		children: [t, r && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l("div", {
-			className: D(At.popup, At[i] ?? At.center, e),
+			className: D(At.popup, At[i.replace(/-([a-z])/g, (e, t) => t.toUpperCase())] ?? At.center, e),
 			style: { width: a },
 			children: n
 		}) })]
@@ -1050,7 +1050,6 @@ var At = {
 	popup: O`
         position: absolute;
         z-index: ${k.zIndex.front + 1};
-        top: calc(100% + .5rem);
         min-width: 100%;
         width: max-content;
         max-width: calc(100vw - 2rem);
@@ -1063,22 +1062,45 @@ var At = {
         font-family: ${k.fontFamily}, sans-serif;
     `,
 	center: O`
+        top: calc(100% + .5rem);
         left: 50%;
         transform: translateX(-50%);
     `,
 	left: O`
-        left: 0;
+        top: 50%;
+        right: calc(100% + .5rem);
+        transform: translateY(-50%);
     `,
 	right: O`
+        top: 50%;
+        left: calc(100% + .5rem);
+        transform: translateY(-50%);
+    `,
+	topLeft: O`
+        bottom: calc(100% + .5rem);
+        left: 0;
+    `,
+	top: O`
+        bottom: calc(100% + .5rem);
+        left: 50%;
+        transform: translateX(-50%);
+    `,
+	topRight: O`
         right: 0;
+        bottom: calc(100% + .5rem);
+    `,
+	bottomLeft: O`
+        top: calc(100% + .5rem);
+        left: 0;
     `,
-	leftSide: O`
-        top: 0;
-        right: calc(100% + 1rem);
+	bottom: O`
+        top: calc(100% + .5rem);
+        left: 50%;
+        transform: translateX(-50%);
     `,
-	rightSide: O`
-        top: 0;
-        left: calc(100% + 1rem);
+	bottomRight: O`
+        top: calc(100% + .5rem);
+        right: 0;
     `
 };
 //#endregion
@@ -1117,7 +1139,7 @@ function Mt({ item: e }) {
 				onClick: d
 			}),
 			isOpen: n.value,
-			origin: "right",
+			origin: "bottom-right",
 			children: r.map((e, t) => /* @__PURE__ */ u("button", {
 				type: "button",
 				className: Nt.option,
@@ -1702,7 +1724,7 @@ function en({ items: e = [], value: t, width: n, isDisabled: r = !1, onChange: o
 			className: tn.popup,
 			trigger: b,
 			isOpen: m.value,
-			origin: "left",
+			origin: "bottom-left",
 			children: e.map((e) => /* @__PURE__ */ l("button", {
 				type: "button",
 				className: tn.option,
@@ -2660,7 +2682,7 @@ function On({ id: e, settings: n, headerContent: r, title: o, description: d, co
 						}
 					}),
 					isOpen: S.value,
-					origin: "right",
+					origin: "bottom-right",
 					children: f.map((e) => /* @__PURE__ */ l(sn, {
 						label: e.label ?? e.key,
 						isChecked: C.value[e.key] !== !1,

package/package.json

@@ -1,7 +1,7 @@
 {
     "author": "Vadim Hermann",
     "name": "melonykit",
-    "version": "1.1.3",
+    "version": "1.1.4",
     "type": "module",
     "description": "Preact based ui and utility functions toolkit",
     "main": "./dist/index.js",
@@ -40,7 +40,7 @@
     },
     "devDependencies": {
         "@pivanov/vite-plugin-svg-sprite": "3.1.8",
-        "@playwright/test": "1.64.0",
+        "@playwright/test": "1.64.1",
         "@preact/preset-vite": "2.10.6",
         "@preact/signals": "2.11.2",
         "@types/node": "26.6.5",