melonykit 1.1.2 → 1.1.4

package/dist/{browser-BQLPMs0_.js → browser-Cr0Wr7Lc.js}

@@ -1,4 +1,4 @@
-import { m as e } from "./functions-CSuMpnOY.js";
+import { h as e } from "./functions-CZylI2gQ.js";
 import { signal as t } from "@preact/signals";
 import { useEffect as n, useMemo as r } from "preact/hooks";
 //#region src/browser/_route-to.js

package/dist/browser.js

@@ -1 +1 @@
-export { n as getClientSetting, i as routeTo, t as setClientSetting, r as useQuery } from "./browser-BQLPMs0_.js";
+export { n as getClientSetting, i as routeTo, t as setClientSetting, r as useQuery } from "./browser-Cr0Wr7Lc.js";

package/dist/{functions-CSuMpnOY.js → functions-CZylI2gQ.js}

@@ -201,8 +201,13 @@ function v(e) {
 	return e == null ? 0 : Array.isArray(e) || typeof e == "string" ? e.length : typeof e == "object" || typeof e == "function" ? Object.keys(e).length : 0;
 }
 //#endregion
+//#region src/functions/_slugify.js
+function y(e) {
+	return typeof e == "string" ? e.trim().toLowerCase().replace(/ä/g, "ae").replace(/ö/g, "oe").replace(/ü/g, "ue").replace(/ß/g, "ss").replace(/æ/g, "ae").replace(/œ/g, "oe").replace(/ø/g, "o").normalize("NFD").replace(/\p{Diacritic}/gu, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") : "";
+}
+//#endregion
 //#region src/functions/_to-number.js
-function y(e, t = null) {
+function b(e, t = null) {
 	let n = typeof e == "number" ? e : typeof e == "string" && e.trim() !== "" ? Number(e) : NaN;
 	if (!Number.isFinite(n)) return null;
 	if (t == null) return n;
@@ -211,32 +216,32 @@ function y(e, t = null) {
 }
 //#endregion
 //#region src/functions/checks/_is-array.js
-function b(e) {
+function x(e) {
 	return Array.isArray(e);
 }
 //#endregion
 //#region src/functions/checks/_is-empty-array.js
-function x(e) {
-	return b(e) && e.length === 0;
+function S(e) {
+	return x(e) && e.length === 0;
 }
 //#endregion
 //#region src/functions/checks/_is-function.js
-function S(e) {
+function C(e) {
 	return typeof e == "function";
 }
 //#endregion
 //#region src/functions/checks/_is-number.js
-function C(e) {
+function w(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 //#endregion
 //#region src/functions/checks/_is-positive-number.js
-function w(e) {
-	return C(e) && e > 0;
+function T(e) {
+	return w(e) && e > 0;
 }
 //#endregion
 //#region src/functions/_create-cache.js
-function T({ onCreate: e, onUpdate: t, onDelete: n, autoCleanup: r } = {}) {
+function E({ onCreate: e, onUpdate: t, onDelete: n, autoCleanup: r } = {}) {
 	let i = /* @__PURE__ */ new Map();
 	async function a(t, n) {
 		if (i.has(t)) return !1;
@@ -245,12 +250,12 @@ function T({ onCreate: e, onUpdate: t, onDelete: n, autoCleanup: r } = {}) {
 			...n,
 			createdAt: r,
 			lastUpdate: r
-		}), S(e) && await e(t), !0;
+		}), C(e) && await e(t), !0;
 	}
 	async function o(e, n) {
 		if (!i.has(e) || typeof n != "function") return !1;
 		let r = i.get(e);
-		return await n(r), r.lastUpdate = Date.now(), S(t) && await t(e), !0;
+		return await n(r), r.lastUpdate = Date.now(), C(t) && await t(e), !0;
 	}
 	function s(e) {
 		return i.get(e) ?? null;
@@ -267,10 +272,10 @@ function T({ onCreate: e, onUpdate: t, onDelete: n, autoCleanup: r } = {}) {
 	async function d(e) {
 		if (!i.has(e)) return !1;
 		let t = i.get(e);
-		return i.delete(e), S(n) && await n(e, t), !0;
+		return i.delete(e), C(n) && await n(e, t), !0;
 	}
 	function f({ interval: e, checks: t, now: n = Date.now, setIntervalFn: r = setInterval } = {}) {
-		w(e) && b(t) && !x(t) && t.every((e) => S(e)) && S(n) && S(r) && r(async () => {
+		T(e) && x(t) && !S(t) && t.every((e) => C(e)) && C(n) && C(r) && r(async () => {
 			let e = n();
 			for (let [n, r] of i) t.some((t) => t(r, e)) && await d(n);
 		}, e)?.unref?.();
@@ -287,28 +292,28 @@ function T({ onCreate: e, onUpdate: t, onDelete: n, autoCleanup: r } = {}) {
 }
 //#endregion
 //#region src/functions/checks/_is-nil.js
-function E(e) {
+function D(e) {
 	return e == null;
 }
 //#endregion
 //#region src/functions/checks/_is-object.js
-function D(e) {
-	return !E(e) && typeof e == "object" && !b(e);
+function O(e) {
+	return !D(e) && typeof e == "object" && !x(e);
 }
 //#endregion
 //#region src/functions/checks/_is-empty-object.js
-function O(e) {
-	return D(e) && Reflect.ownKeys(e).every((t) => !Object.prototype.propertyIsEnumerable.call(e, t));
+function k(e) {
+	return O(e) && Reflect.ownKeys(e).every((t) => !Object.prototype.propertyIsEnumerable.call(e, t));
 }
 //#endregion
 //#region src/functions/checks/_is-empty-string.js
-function k(e) {
+function A(e) {
 	return n(e) && e.trim().length === 0;
 }
 //#endregion
 //#region src/functions/checks/_is-negative-number.js
-function A(e) {
-	return C(e) && e < 0;
+function j(e) {
+	return w(e) && e < 0;
 }
 //#endregion
-export { i as _, E as a, t as b, C as c, b as d, y as f, d as g, g as h, D as i, S as l, _ as m, k as n, T as o, v as p, O as r, w as s, A as t, x as u, r as v, n as y };
+export { d as _, D as a, n as b, w as c, x as d, b as f, g, _ as h, O as i, C as l, v as m, A as n, E as o, y as p, k as r, T as s, j as t, S as u, i as v, t as x, r as y };

package/dist/functions.js

@@ -1 +1 @@
-export { v as camelCaseToTitleCase, b as convertHexToRgba, o as createCache, _ as darkenHexColor, g as formatDate, d as isArray, u as isEmptyArray, r as isEmptyObject, n as isEmptyString, l as isFunction, t as isNegativeNumber, a as isNil, c as isNumber, i as isObject, s as isPositiveNumber, y as isString, h as kebabCaseToTitleCase, m as request, p as size, f as toNumber } from "./functions-CSuMpnOY.js";
+export { y as camelCaseToTitleCase, x as convertHexToRgba, o as createCache, v as darkenHexColor, _ as formatDate, d as isArray, u as isEmptyArray, r as isEmptyObject, n as isEmptyString, l as isFunction, t as isNegativeNumber, a as isNil, c as isNumber, i as isObject, s as isPositiveNumber, b as isString, g as kebabCaseToTitleCase, h as request, m as size, p as slugify, f as toNumber } from "./functions-CZylI2gQ.js";

package/dist/index.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./browser-BQLPMs0_.js";
-import { _ as n, n as r } from "./functions-CSuMpnOY.js";
+import { n as e, t } from "./browser-Cr0Wr7Lc.js";
+import { n, v as r } from "./functions-CZylI2gQ.js";
 import { useSignal as i } from "@preact/signals";
 import { useEffect as a, useId as o, useRef as s } from "preact/hooks";
 import { Fragment as c, jsx as l, jsxs as u } from "preact/jsx-runtime";
@@ -1011,7 +1011,7 @@ var Dt = bt`
     `,
 	secondary: O`
         color: ${k.colors.fore.primary};
-        border-color: ${n(k.colors.secondary, .2)};
+        border-color: ${r(k.colors.secondary, .2)};
         background-color: ${k.colors.secondary};
     `,
 	neutral: O`
@@ -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);
     `,
-	leftSide: O`
-        top: 0;
-        right: calc(100% + 1rem);
+	bottomLeft: O`
+        top: calc(100% + .5rem);
+        left: 0;
     `,
-	rightSide: O`
-        top: 0;
-        left: calc(100% + 1rem);
+	bottom: O`
+        top: calc(100% + .5rem);
+        left: 50%;
+        transform: translateX(-50%);
+    `,
+	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,
@@ -1276,7 +1298,6 @@ var Lt = {
 	logo: O`
         display: block;
         pointer-events: auto;
-        display: block;
         max-width: 8rem;
         max-height: 3rem;
     `,
@@ -1465,15 +1486,15 @@ var Ht = {
         transition: width .3s ease;
     `,
 	normal: O`
-        border: solid 1px ${n(k.colors.primary, .3)};
+        border: solid 1px ${r(k.colors.primary, .3)};
         background-color: ${k.colors.primary};
     `,
 	warn: O`
-        border: solid 1px ${n(k.colors.secondary, .2)};
+        border: solid 1px ${r(k.colors.secondary, .2)};
         background-color: ${k.colors.secondary};
     `,
 	danger: O`
-        border: solid 1px ${n(k.colors.danger, .3)};
+        border: solid 1px ${r(k.colors.danger, .3)};
         background-color: ${k.colors.danger};
     `
 };
@@ -1703,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,
@@ -1880,7 +1901,7 @@ var rn = {
             height: 1rem;
             margin-top: -.375rem;
             border-radius: 50%;
-            border: solid 1px ${n(k.colors.primary, .3)};
+            border: solid 1px ${r(k.colors.primary, .3)};
             background-color: ${k.colors.primary};
             transition: transform .15s ease;
         }
@@ -2092,7 +2113,7 @@ var cn = bt`
         --checked-background-color: ${k.colors.primary};
     `,
 	secondary: O`
-        --checked-border-color: ${n(k.colors.secondary, .2)};
+        --checked-border-color: ${r(k.colors.secondary, .2)};
         --checked-background-color: ${k.colors.secondary};
     `,
 	input: O`
@@ -2200,7 +2221,7 @@ var hn = {
             background-color: ${k.colors.back.secondary};
 
             &:before {
-                border-color: ${n(k.colors.primary, .3)};
+                border-color: ${r(k.colors.primary, .3)};
                 background-color: ${k.colors.primary};
                 transform: translate(${pn}px, -50%);
             }
@@ -2239,16 +2260,16 @@ var hn = {
 };
 //#endregion
 //#region src/components/_tag.jsx
-function gn({ className: e, variant: t = "normal", iconName: n = "", label: i }) {
+function gn({ className: e, variant: t = "normal", iconName: r = "", label: i }) {
 	return /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
 		className: D(_n.base, _n[t] ?? _n.normal, e),
-		"has-icon": !r(n),
-		children: [n && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(wt, {
+		"has-icon": !n(r),
+		children: [r && /* @__PURE__ */ l(c, { children: /* @__PURE__ */ l(wt, {
 			className: O`
                         ${k.extends.verticalCenter}
                         left: .4rem;
                     `,
-			iconName: n,
+			iconName: r,
 			size: ".9rem"
 		}) }), i]
 	}) });
@@ -2661,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.2",
+    "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",