@krosoft/react 0.0.381 → 0.0.382

package/dist/tokens/radius.js

@@ -0,0 +1,26 @@
+//#region src/tokens/radius.ts
+var e = {
+	square: {
+		"--radius": "0rem",
+		"--k-radius-control": "0rem",
+		"--k-radius-surface": "0rem",
+		"--k-radius-control-dense": "0rem",
+		"--k-radius-surface-dense": "0rem"
+	},
+	soft: {
+		"--radius": "0.5rem",
+		"--k-radius-control": "0.5rem",
+		"--k-radius-surface": "0.75rem",
+		"--k-radius-control-dense": "0.5rem",
+		"--k-radius-surface-dense": "0.75rem"
+	},
+	round: {
+		"--radius": "0.75rem",
+		"--k-radius-control": "9999px",
+		"--k-radius-surface": "1.25rem",
+		"--k-radius-control-dense": "0.5rem",
+		"--k-radius-surface-dense": "0.75rem"
+	}
+};
+//#endregion
+export { e as radiusPresets };

package/dist/types/index.js

@@ -1 +0,0 @@
-import "./forms/index.js";

package/dist/vendor/tailwindcss/lib/public/create-plugin.js

@@ -0,0 +1,19 @@
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { require_createPlugin as t } from "../util/createPlugin.js";
+//#region node_modules/tailwindcss/lib/public/create-plugin.js
+var n = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "default", {
+		enumerable: !0,
+		get: function() {
+			return i;
+		}
+	});
+	var n = /*#__PURE__*/ r(t());
+	function r(e) {
+		return e && e.__esModule ? e : { default: e };
+	}
+	var i = n.default;
+}));
+//#endregion
+export default n();
+export { n as require_create_plugin };

package/dist/vendor/tailwindcss/lib/util/createPlugin.js

@@ -0,0 +1,30 @@
+import { __commonJSMin as e } from "../../../../_virtual/_rolldown/runtime.js";
+//#region node_modules/tailwindcss/lib/util/createPlugin.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), Object.defineProperty(e, "default", {
+		enumerable: !0,
+		get: function() {
+			return n;
+		}
+	});
+	function t(e, t) {
+		return {
+			handler: e,
+			config: t
+		};
+	}
+	t.withOptions = function(e, t = () => ({})) {
+		let n = function(n) {
+			return {
+				__options: n,
+				handler: e(n),
+				config: t(n)
+			};
+		};
+		return n.__isOptionsFunction = !0, n.__pluginFunction = e, n.__configFunction = t, n;
+	};
+	var n = t;
+}));
+//#endregion
+export default t();
+export { t as require_createPlugin };

package/dist/vendor/tailwindcss/plugin.js

@@ -0,0 +1,10 @@
+import { __commonJSMin as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_create_plugin as t } from "./lib/public/create-plugin.js";
+//#region node_modules/tailwindcss/plugin.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	n.exports = (r.__esModule ? r : { default: r }).default;
+}));
+//#endregion
+export default n();
+export { n as require_plugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.381",
+  "version": "0.0.382",
   "description": "Krosoft shared React package",
   "type": "module",
   "sideEffects": [
@@ -110,8 +110,8 @@
   },
   "devDependencies": {
     "@krosoft/core": "^0.0.75",
-    "@krosoft/tooling-eslint": "^0.0.35",
-    "@krosoft/tooling-eslint-react": "^0.0.31",
+    "@krosoft/tooling-eslint": "^0.0.37",
+    "@krosoft/tooling-eslint-react": "^0.0.32",
     "@krosoft/tooling-prettier": "^0.0.20",
     "@krosoft/tooling-tsconfig-react": "^0.0.10",
     "@storybook/addon-docs": "^10.6.5",

package/dist/AppMarkdown-CAxm82x0.js

@@ -1,171 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./markdown.helper-YJE2H5KQ.js";
-import { t as n } from "./i18n-BhLphJa3.js";
-import { t as r } from "./useNotifications-CyhTruIG.js";
-import { useEffect as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { LinkIcon as s } from "lucide-react";
-import { useLocation as c, useNavigate as l } from "react-router-dom";
-import u from "react-markdown";
-import d from "rehype-slug";
-import f from "remark-gfm";
-//#region src/components/core/markdown/AppMarkdownHeading.tsx
-var p = {
-	2: "h2",
-	3: "h3",
-	4: "h4"
-}, m = ({ level: t, className: i, id: u, anchor: d = !0, children: f }) => {
-	let { t: m } = n(), { showSuccess: h, showError: g } = r(), _ = c(), v = l(), y = p[t];
-	if (!d || !u) return /* @__PURE__ */ a(y, {
-		id: u,
-		className: i,
-		children: f
-	});
-	let b = async () => {
-		v({
-			search: _.search,
-			hash: `#${u}`
-		}, { replace: !0 });
-		let e = `${window.location.origin}${_.pathname}${_.search}#${u}`;
-		try {
-			await navigator.clipboard.writeText(e), h(m("markdown.linkCopied"));
-		} catch {
-			g(m("markdown.linkCopyError"));
-		}
-	};
-	return /* @__PURE__ */ o(y, {
-		id: u,
-		className: e("group", i),
-		children: [f, /* @__PURE__ */ a("button", {
-			type: "button",
-			onClick: () => void b(),
-			title: m("markdown.copyLink"),
-			"aria-label": m("markdown.copyLink"),
-			className: "ml-2 inline-flex align-middle text-muted-foreground transition-opacity hover:text-primary md:opacity-0 md:group-hover:opacity-100 md:focus-visible:opacity-100",
-			children: /* @__PURE__ */ a(s, { className: "size-4" })
-		})]
-	});
-}, h = ({ content: n, headingAnchors: r = !0 }) => {
-	let o = c(), s = l(), { hash: p } = o;
-	i(() => {
-		if (!r || !p) return;
-		let e = decodeURIComponent(p.slice(1)), t = requestAnimationFrame(() => {
-			document.getElementById(e)?.scrollIntoView({
-				behavior: "smooth",
-				block: "start"
-			});
-		});
-		return () => {
-			cancelAnimationFrame(t);
-		};
-	}, [
-		r,
-		p,
-		n
-	]);
-	let h = (e, t) => {
-		let n = decodeURIComponent(t.slice(1)), i = document.getElementById(n);
-		i && (e.preventDefault(), r ? s({
-			search: o.search,
-			hash: t
-		}) : i.scrollIntoView({
-			behavior: "smooth",
-			block: "start"
-		}));
-	};
-	return /* @__PURE__ */ a(u, {
-		remarkPlugins: [f],
-		rehypePlugins: [d, t],
-		components: {
-			h1: ({ id: e, children: t }) => /* @__PURE__ */ a("h1", {
-				id: e,
-				className: "text-2xl font-bold text-foreground mt-2 mb-4 first:mt-0 scroll-mt-4",
-				children: t
-			}),
-			h2: ({ id: t, children: n }) => /* @__PURE__ */ a(m, {
-				anchor: r,
-				level: 2,
-				id: t,
-				className: e("text-xl font-semibold text-foreground mt-8 mb-3 border-b pb-2 scroll-mt-4", !r && "first:mt-0"),
-				children: n
-			}),
-			h3: ({ id: e, children: t }) => /* @__PURE__ */ a(m, {
-				anchor: r,
-				level: 3,
-				id: e,
-				className: "text-base font-semibold text-foreground mt-6 mb-2 scroll-mt-4",
-				children: t
-			}),
-			h4: ({ id: e, children: t }) => /* @__PURE__ */ a(m, {
-				anchor: r,
-				level: 4,
-				id: e,
-				className: "text-sm font-semibold text-foreground mt-4 mb-2 scroll-mt-4",
-				children: t
-			}),
-			p: ({ children: e }) => /* @__PURE__ */ a("p", {
-				className: "text-sm text-foreground leading-relaxed mb-3",
-				children: e
-			}),
-			a: ({ href: e, children: t }) => {
-				let n = e?.startsWith("#");
-				return /* @__PURE__ */ a("a", {
-					href: e,
-					target: n ? void 0 : "_blank",
-					rel: n ? void 0 : "noopener noreferrer",
-					onClick: n && e ? (t) => {
-						h(t, e);
-					} : void 0,
-					className: "text-primary underline underline-offset-2 hover:opacity-80",
-					children: t
-				});
-			},
-			ul: ({ children: e }) => /* @__PURE__ */ a("ul", {
-				className: "list-disc pl-6 mb-3 space-y-1 text-sm text-foreground",
-				children: e
-			}),
-			ol: ({ children: e }) => /* @__PURE__ */ a("ol", {
-				className: "list-decimal pl-6 mb-3 space-y-1 text-sm text-foreground",
-				children: e
-			}),
-			blockquote: ({ children: e }) => /* @__PURE__ */ a("blockquote", {
-				className: "border-l-4 border-muted-foreground/30 bg-muted/50 px-4 py-2 mb-3 text-sm text-muted-foreground [&>p]:mb-0",
-				children: e
-			}),
-			code: ({ className: e, children: t }) => e ? /* @__PURE__ */ a("code", {
-				className: `${e} block text-xs font-mono`,
-				children: t
-			}) : /* @__PURE__ */ a("code", {
-				className: "text-xs font-mono bg-muted px-1.5 py-0.5 rounded",
-				children: t
-			}),
-			pre: ({ children: e }) => /* @__PURE__ */ a("pre", {
-				className: "bg-muted rounded-md p-4 mb-3 overflow-x-auto",
-				children: e
-			}),
-			table: ({ children: e }) => /* @__PURE__ */ a("div", {
-				className: "overflow-x-auto mb-3",
-				children: /* @__PURE__ */ a("table", {
-					className: "w-full text-sm border-collapse",
-					children: e
-				})
-			}),
-			thead: ({ children: e }) => /* @__PURE__ */ a("thead", {
-				className: "border-b",
-				children: e
-			}),
-			th: ({ children: e }) => /* @__PURE__ */ a("th", {
-				className: "text-left font-semibold text-foreground px-3 py-2",
-				children: e
-			}),
-			td: ({ children: e }) => /* @__PURE__ */ a("td", {
-				className: "border-b border-muted px-3 py-2 text-foreground",
-				children: e
-			}),
-			hr: () => /* @__PURE__ */ a("hr", { className: "my-6 border-muted" })
-		},
-		children: n
-	});
-};
-//#endregion
-export { h as t };

package/dist/MultiSelect-DPN046kI.js

@@ -1,228 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-BhLphJa3.js";
-import { Mn as n, vn as r } from "./ui-Fxy95kSJ.js";
-import { a as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
-import { h as s, m as c, p as l } from "./sheet-cWJO_wkT.js";
-import { useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { ChevronDownIcon as v, SearchIcon as y, XIcon as b } from "lucide-react";
-import { Command as x } from "cmdk";
-//#region src/components/core/inputs/select.helper.tsx
-var S = 40, C = 224, w = 6;
-function T(e, t, n) {
-	let r = p(null), [i, a] = m(0), [o, s] = m(0), c = o || (n ? 52 : 40), l = t > S, f = l ? Math.max(0, Math.floor(i / c) - w) : 0, h = l ? Math.min(t, Math.ceil((i + C) / c) + w) : t, g = l ? f * c : 0, _ = l ? (t - h) * c : 0;
-	d(() => {
-		if (!e) return;
-		let t = r.current?.querySelector("[cmdk-item]");
-		if (t) {
-			let e = t.getBoundingClientRect().height;
-			e > 0 && Math.abs(e - o) > .5 && s(e);
-		}
-	}, [
-		e,
-		t,
-		o
-	]);
-	let v = u(() => {
-		a(0), r.current && (r.current.scrollTop = 0);
-	}, []);
-	return {
-		listRef: r,
-		virtualized: l,
-		startIndex: f,
-		endIndex: h,
-		padTop: g,
-		padBottom: _,
-		onScroll: l ? (e) => {
-			a(e.currentTarget.scrollTop);
-		} : void 0,
-		resetScroll: v
-	};
-}
-var E = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ g("img", {
-	src: t,
-	alt: "",
-	loading: "lazy",
-	className: e("h-9 w-12 shrink-0 rounded object-cover", n)
-}) : /* @__PURE__ */ g("span", {
-	className: e("flex h-9 w-12 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
-	children: "—"
-}), D = ({ options: u, selected: d, onToggle: p, onClear: S, onSelectAll: C, variant: w = "input", placeholder: D, labelKey: O, searchable: ee = !1, searchPlaceholder: te, disabled: k = !1, modal: ne = !0, chips: re = !1, maxCount: A, className: j, ...M }) => {
-	let { t: N } = t(), [P, F] = m(""), [I, ie] = m(!1), L = w === "pill", R = w === "input" ? void 0 : a, z = f(() => P === "" ? u : u.filter((e) => e.label.toLowerCase().includes(P.toLowerCase())), [u, P]), B = f(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = f(() => d.filter((e) => u.find((t) => t.value === e)?.disabled === !0), [u, d]), H = f(() => B.length !== 0 && B.every((e) => d.includes(e)), [B, d]), U = f(() => d.map((e) => u.find((t) => t.value === e)?.label ?? e), [u, d]), W = A !== void 0 && A > 0 ? U.slice(0, A) : U, G = U.length - W.length, { listRef: K, virtualized: q, startIndex: J, endIndex: ae, padTop: Y, padBottom: X, onScroll: oe, resetScroll: Z } = T(I, z.length, u.some((e) => e.imageUrl !== void 0)), se = q ? z.slice(J, ae) : z, ce = (e) => {
-		ie(e), e ? Z() : F("");
-	}, Q = (e) => {
-		F(e), Z();
-	}, le = () => {
-		V.length > 0 ? C === void 0 ? d.filter((e) => !V.includes(e)).forEach((e) => {
-			p(e);
-		}) : C(V) : S === void 0 ? C === void 0 ? d.forEach((e) => {
-			p(e);
-		}) : C([]) : S();
-	}, ue = () => {
-		if (H) C === void 0 ? S !== void 0 && d.every((e) => B.includes(e)) ? S() : B.forEach((e) => {
-			p(e);
-		}) : C(d.filter((e) => !B.includes(e)));
-		else if (C !== void 0) {
-			let e = [...d];
-			B.forEach((t) => {
-				e.includes(t) || e.push(t);
-			}), C(e);
-		} else B.forEach((e) => {
-			d.includes(e) || p(e);
-		});
-	}, $ = f(() => d.map((e) => ({
-		value: e,
-		option: u.find((t) => t.value === e)
-	})), [u, d]), de = L ? /* @__PURE__ */ _("button", {
-		...M,
-		type: "button",
-		disabled: k,
-		className: e(i, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", d.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", R, j),
-		children: [/* @__PURE__ */ g("span", {
-			className: "truncate",
-			children: O === void 0 ? D ?? N("select.placeholder") : N(O)
-		}), /* @__PURE__ */ _("div", {
-			className: "flex shrink-0 items-center gap-1.5",
-			children: [d.length > 0 && /* @__PURE__ */ g("span", {
-				className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground",
-				children: d.length
-			}), /* @__PURE__ */ g(v, { className: e("size-3.5 opacity-60 transition-transform", I && "rotate-180") })]
-		})]
-	}) : /* @__PURE__ */ _("button", {
-		...M,
-		type: "button",
-		disabled: k,
-		className: e(o, "w-full", R, I && "ring-2 ring-ring ring-offset-2", d.length === 0 && "text-muted-foreground", j),
-		children: [/* @__PURE__ */ g("span", {
-			className: "truncate",
-			children: d.length === 0 ? D ?? N("select.placeholder") : W.join(", ")
-		}), /* @__PURE__ */ _("div", {
-			className: "flex shrink-0 items-center gap-1",
-			children: [
-				G > 0 && /* @__PURE__ */ _("span", {
-					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", G]
-				}),
-				d.length > 0 && !k && /* @__PURE__ */ g("span", {
-					role: "button",
-					tabIndex: -1,
-					onClick: (e) => {
-						e.stopPropagation();
-					},
-					onPointerDown: (e) => {
-						e.preventDefault(), e.stopPropagation(), le();
-					},
-					className: "text-muted-foreground hover:text-foreground",
-					children: /* @__PURE__ */ g(b, { className: "size-4" })
-				}),
-				/* @__PURE__ */ g(v, { className: e("size-4 opacity-50 shrink-0 transition-transform", I && "rotate-180") })
-			]
-		})]
-	}), fe = re && $.length > 0 ? /* @__PURE__ */ g("div", {
-		className: "mt-2 flex flex-wrap gap-1.5",
-		children: $.map(({ value: e, option: t }) => {
-			let r = t?.disabled === !0;
-			return /* @__PURE__ */ _(n, {
-				variant: "secondary",
-				className: "flex items-center gap-1 border border-primary/20 bg-primary/10 py-0.5 pl-2 pr-1 text-primary",
-				children: [/* @__PURE__ */ g("span", {
-					className: "max-w-[16rem] truncate",
-					children: t?.label ?? e
-				}), !r && /* @__PURE__ */ g("button", {
-					type: "button",
-					onClick: () => {
-						p(e);
-					},
-					className: "rounded-full p-0.5 hover:bg-primary/20",
-					"aria-label": N("filters.remove"),
-					children: /* @__PURE__ */ g(b, { className: "size-3" })
-				})]
-			}, e);
-		})
-	}) : null;
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(l, {
-		open: I,
-		onOpenChange: ce,
-		modal: ne,
-		children: [/* @__PURE__ */ g(s, {
-			asChild: !0,
-			children: de
-		}), /* @__PURE__ */ _(c, {
-			className: e("p-0", L ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
-			align: "start",
-			children: [/* @__PURE__ */ _(x, {
-				shouldFilter: !1,
-				className: "flex flex-col",
-				children: [ee ? /* @__PURE__ */ g("div", {
-					className: "border-b border-border p-2",
-					children: /* @__PURE__ */ _("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ g(y, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ g(x.Input, {
-							value: P,
-							onValueChange: Q,
-							placeholder: te ?? N("search.placeholder"),
-							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
-							autoFocus: !0
-						})]
-					})
-				}) : /* @__PURE__ */ g(x.Input, {
-					autoFocus: !0,
-					tabIndex: -1,
-					className: "sr-only"
-				}), /* @__PURE__ */ _(x.List, {
-					ref: K,
-					onScroll: oe,
-					className: e("flex flex-col max-h-56 overflow-y-auto overflow-x-hidden p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent", !q && "gap-0.5"),
-					children: [
-						z.length === 0 && /* @__PURE__ */ g("p", {
-							className: "px-2 py-3 text-center text-xs text-muted-foreground",
-							children: N("states.noResult")
-						}),
-						Y > 0 && /* @__PURE__ */ g("div", {
-							"aria-hidden": !0,
-							style: { height: Y }
-						}),
-						se.map((e) => /* @__PURE__ */ _(x.Item, {
-							value: e.value,
-							disabled: e.disabled,
-							onSelect: () => {
-								p(e.value);
-							},
-							className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
-							children: [
-								/* @__PURE__ */ g("span", {
-									className: "pointer-events-none shrink-0",
-									children: /* @__PURE__ */ g(r, { checked: d.includes(e.value) })
-								}),
-								E(e.imageUrl),
-								e.color && /* @__PURE__ */ g("span", {
-									className: "size-2.5 shrink-0 rounded-full",
-									style: { backgroundColor: e.color }
-								}),
-								/* @__PURE__ */ g("span", {
-									className: "min-w-0 flex-1 truncate",
-									title: e.label,
-									children: e.label
-								})
-							]
-						}, e.value)),
-						X > 0 && /* @__PURE__ */ g("div", {
-							"aria-hidden": !0,
-							style: { height: X }
-						})
-					]
-				})]
-			}), B.length > 0 && /* @__PURE__ */ g("div", {
-				className: "border-t border-border p-1.5",
-				children: /* @__PURE__ */ g("button", {
-					type: "button",
-					onClick: ue,
-					className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-					children: N(H ? "filters.deselectAll" : "filters.selectAll")
-				})
-			})]
-		})]
-	}), fe] });
-};
-//#endregion
-export { E as n, T as r, D as t };