@krosoft/react 0.0.294 → 0.0.295

package/dist/dialogs-DVHdqXlO.js

@@ -0,0 +1,217 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { t } from "./i18n-d2p0RJo9.js";
+import { Bn as n, Gn as r, Hn as i, I as a, Kn as o, Un as s, Wn as c, qn as l } from "./ui-rJqnHWNK.js";
+import { s as u } from "./tooltip-CWdde1-y.js";
+import { E as d, O as f, P as p, j as m, k as h } from "./sheet-4VOGdoiW.js";
+import { t as g } from "./ErrorAlert-0L-Dwqu8.js";
+import { t as _ } from "./GenericForm-CLgO9HuL.js";
+import { useEffect as v, useId as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Pen as w, Save as T, X as E } from "lucide-react";
+//#region src/components/core/dialogs/AppDialog.tsx
+var D = {
+	sm: "sm:max-w-sm",
+	md: "sm:max-w-md",
+	lg: "sm:max-w-lg",
+	xl: "sm:max-w-xl",
+	"2xl": "sm:max-w-2xl",
+	"3xl": "sm:max-w-3xl",
+	"4xl": "sm:max-w-4xl",
+	full: "sm:max-w-[95vw]"
+};
+function O({ open: n, onOpenChange: r, config: i, isLoading: o, error: s, footer: c, className: l, children: _ }) {
+	let { t: v } = t(), { title: y, description: b, icon: x, size: w = "xl", maxWidth: T, actions: E, headerClassName: O, footerClassName: k } = i, A = o === !0, j = (e) => typeof e == "string" ? v(e) : e, M = (e) => {
+		!e && A || r(e);
+	}, N = c !== void 0 || E !== void 0 && E.length > 0;
+	return /* @__PURE__ */ S(d, {
+		open: n,
+		onOpenChange: M,
+		children: /* @__PURE__ */ C(f, {
+			className: e("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-brand-foreground [&>button]:focus:ring-brand-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", T ?? D[w], l),
+			children: [
+				A ? /* @__PURE__ */ S("div", {
+					className: "absolute top-0 left-0 right-0 z-10",
+					children: /* @__PURE__ */ S(a, {
+						indeterminate: !0,
+						className: "h-1 rounded-none"
+					})
+				}) : null,
+				/* @__PURE__ */ C(m, {
+					className: e("bg-gradient-to-r from-brand-from to-brand-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
+					children: [/* @__PURE__ */ C(p, {
+						className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-brand-foreground",
+						children: [x === void 0 ? null : /* @__PURE__ */ S("div", {
+							className: "p-2 bg-brand-foreground/20 rounded-control",
+							children: /* @__PURE__ */ S(x, { className: "size-4 text-brand-foreground" })
+						}), j(y)]
+					}), b !== void 0 && b !== "" ? /* @__PURE__ */ S(h, {
+						className: "text-brand-foreground/80 text-base",
+						children: j(b)
+					}) : null]
+				}),
+				s ? /* @__PURE__ */ S("div", {
+					className: "px-4 sm:px-6 pt-4",
+					children: /* @__PURE__ */ S(g, {
+						error: s,
+						className: "max-w-full"
+					})
+				}) : null,
+				/* @__PURE__ */ S("div", {
+					className: "flex-1 overflow-y-auto px-4 sm:px-6 py-4",
+					children: _
+				}),
+				N ? /* @__PURE__ */ S("div", {
+					className: e("sm:rounded-b-surface border-t border-border bg-muted/40 shrink-0 p-4 sm:p-6", k),
+					children: c ?? /* @__PURE__ */ S("div", {
+						className: "flex justify-end gap-3",
+						children: E?.map((e) => /* @__PURE__ */ C(u, {
+							type: e.type ?? "button",
+							form: e.form,
+							variant: e.variant ?? "default",
+							onClick: e.onClick,
+							disabled: e.disabled === !0 || A && e.disableOnLoading !== !1,
+							className: e.className,
+							children: [e.icon === void 0 ? null : /* @__PURE__ */ S(e.icon, { className: "size-4" }), v(e.label)]
+						}, e.id ?? e.label))
+					})
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/core/dialogs/FormDialog.tsx
+function k({ open: e, onOpenChange: n, data: r, title: i, headerBadge: a, schema: o, onSave: s, customFooter: c, defaultEditing: l = !1, footerActions: d = !0, saveLabel: f, cancelLabel: p, hideSaveIcon: m = !1, size: h = "4xl", maxWidth: g, isLoading: D = !1 }) {
+	let { t: k } = t(), A = f ?? k("actions.save"), [j, M] = b(l), [N, P] = b(!1), F = y();
+	if (v(() => {
+		e && M(l);
+	}, [e, l]), r == null) return null;
+	let I = () => {
+		M(!0);
+	}, L = () => {
+		M(!1);
+	}, R = async (e) => {
+		if (s) {
+			P(!0);
+			try {
+				await s(e), M(!1);
+			} catch (e) {
+				console.error(e);
+			} finally {
+				P(!1);
+			}
+		}
+	}, z = [];
+	s !== void 0 && (j ? (p !== "" && z.push({
+		label: p ?? k("actions.cancel"),
+		onClick: L,
+		variant: "outline",
+		disabled: N || D,
+		icon: E
+	}), z.push({
+		label: N ? k("actions.saving") : A,
+		type: "submit",
+		form: F,
+		variant: "default",
+		disabled: N || D,
+		icon: m ? void 0 : T
+	})) : z.push({
+		label: k("actions.edit"),
+		onClick: I,
+		variant: "outline",
+		icon: w
+	}));
+	let B = {
+		title: i(r),
+		size: h,
+		maxWidth: g,
+		actions: d ? z : []
+	};
+	return /* @__PURE__ */ S(O, {
+		open: e,
+		onOpenChange: (e) => {
+			n(e), e || L();
+		},
+		config: B,
+		isLoading: N || D,
+		children: /* @__PURE__ */ C("div", { children: [
+			a === void 0 ? null : /* @__PURE__ */ S("div", {
+				className: "mb-4",
+				children: a(r)
+			}),
+			/* @__PURE__ */ S(_, {
+				id: F,
+				schema: o,
+				initialData: r,
+				disabled: !j,
+				onSubmit: (e) => {
+					R(e);
+				},
+				renderActions: !1,
+				isLoading: N || D
+			}),
+			c === void 0 ? null : c(r),
+			s !== void 0 && !d ? /* @__PURE__ */ S("div", {
+				className: "flex justify-end gap-2 border-t pt-4 mt-6",
+				children: j ? /* @__PURE__ */ C(x, { children: [p === "" ? null : /* @__PURE__ */ C(u, {
+					onClick: L,
+					variant: "outline",
+					size: "sm",
+					disabled: N || D,
+					children: [/* @__PURE__ */ S(E, { className: "size-4 mr-2" }), p ?? k("actions.cancel")]
+				}), /* @__PURE__ */ C(u, {
+					type: "submit",
+					form: F,
+					size: "sm",
+					disabled: N || D,
+					className: "text-white",
+					children: [m ? null : /* @__PURE__ */ S(T, { className: "size-4 mr-2" }), N ? k("actions.saving") : A]
+				})] }) : /* @__PURE__ */ C(u, {
+					onClick: I,
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ S(w, { className: "size-4 mr-2" }), k("actions.edit")]
+				})
+			}) : null
+		] })
+	});
+}
+//#endregion
+//#region src/components/core/dialogs/ConfirmationDialog.tsx
+function A({ isLoading: e, error: a, config: d, destructive: f = !1 }) {
+	let { t: p } = t();
+	return d ? /* @__PURE__ */ S(n, {
+		open: d.isOpen,
+		onOpenChange: (t) => {
+			!t && !e && d.onClose();
+		},
+		children: /* @__PURE__ */ C(s, { children: [
+			/* @__PURE__ */ C(o, { children: [
+				/* @__PURE__ */ C(l, {
+					className: d.titleClassName,
+					children: [d.icon && /* @__PURE__ */ S(d.icon, { className: "size-4" }), p(d.title)]
+				}),
+				d.headerClassName && /* @__PURE__ */ S(o, { className: d.headerClassName }),
+				/* @__PURE__ */ S(c, { children: p(d.description) }),
+				d.itemName && /* @__PURE__ */ S(c, { children: /* @__PURE__ */ S("span", {
+					className: "font-semibold block my-2",
+					children: d.itemName
+				}) })
+			] }),
+			/* @__PURE__ */ S(g, { error: a }),
+			/* @__PURE__ */ C(r, { children: [/* @__PURE__ */ S(i, {
+				disabled: e,
+				children: p("actions.cancel")
+			}), /* @__PURE__ */ S(u, {
+				onClick: (e) => {
+					e.preventDefault(), d.onConfirm();
+				},
+				disabled: e,
+				className: f ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "",
+				children: p(e ? d.loadingKey ?? "states.loading" : d.confirmKey)
+			})] })
+		] })
+	}) : null;
+}
+//#endregion
+export { k as n, O as r, A as t };

package/dist/{inputs-BMCt-VqZ.js → inputs-DG8o5DMW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import "./ImageInput-BPNEywyf.js";
-import "./MultiSelect-CZ4hye2w.js";
-import "./SearchInput-nr0CrMLK.js";
+import "./ImageInput-DYGqUTBi.js";
+import "./MultiSelect-CXnF_D0R.js";
+import "./SearchInput-DDcL_q7h.js";
 import { jsx as t } from "react/jsx-runtime";
 import { Heart as n, Star as r } from "lucide-react";
 //#region src/components/core/inputs/RatingInput.tsx

package/dist/{language-DOGOdjzx.js → language-BvPG7v7d.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { i as t, n, r, s as i, t as a } from "./tooltip-BmZ9Bfou.js";
-import { i as o, l as s, n as c, t as l, u } from "./select-DmLScQKX.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-CWdde1-y.js";
+import { i as o, l as s, n as c, t as l, u } from "./select-CsXmG_sJ.js";
 import { t as d } from "./useLanguage-BVUtoDnh.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/{navbar-CCHGdEzE.js → navbar-CU6zaS92.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { i as n, n as r, r as i, s as a, t as o } from "./tooltip-BmZ9Bfou.js";
-import { C as s, S as c, b as l, d as u, g as d, h as f, i as p, l as m, m as h, p as g, r as _, t as v, v as y, x as b, y as x } from "./sheet-DQTOen4V.js";
+import { i as n, n as r, r as i, s as a, t as o } from "./tooltip-CWdde1-y.js";
+import { C as s, S as c, b as l, d as u, g as d, h as f, i as p, l as m, m as h, p as g, r as _, t as v, v as y, x as b, y as x } from "./sheet-4VOGdoiW.js";
 import { t as S } from "./skeleton-D6Ga4BLw.js";
 import { c as C } from "./behavior-CFsFoY50.js";
 import "./hooks/index.js";

package/dist/{select-DmLScQKX.js → select-CsXmG_sJ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { o as t } from "./tooltip-BmZ9Bfou.js";
+import { o as t } from "./tooltip-CWdde1-y.js";
 import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { CheckIcon as a, ChevronDownIcon as o, ChevronUpIcon as s, XIcon as c } from "lucide-react";

package/dist/{sheet-DQTOen4V.js → sheet-4VOGdoiW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import "./helpers/index.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { a as n } from "./tooltip-BmZ9Bfou.js";
+import { a as n } from "./tooltip-CWdde1-y.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { SearchIcon as o, X as s } from "lucide-react";

package/dist/{states-BQK9jqS4.js → states-C4MdmAbW.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import "./ErrorAlert-L2s8Dd1_.js";
+import "./ErrorAlert-0L-Dwqu8.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Loader2Icon as r } from "lucide-react";
 //#region src/components/core/states/ErrorState.tsx

package/dist/tailwind/index.d.ts

@@ -82,6 +82,11 @@ declare const krosoftPreset: {
                     DEFAULT: string;
                     foreground: string;
                 };
+                brand: {
+                    from: string;
+                    to: string;
+                    foreground: string;
+                };
                 success: {
                     DEFAULT: string;
                     foreground: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js

@@ -91,6 +91,11 @@ var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescr
 					DEFAULT: "hsl(var(--card))",
 					foreground: "hsl(var(--card-foreground))"
 				},
+				brand: {
+					from: "hsl(var(--k-brand-from))",
+					to: "hsl(var(--k-brand-to))",
+					foreground: "hsl(var(--k-brand-foreground))"
+				},
 				success: {
 					DEFAULT: "hsl(var(--k-success))",
 					foreground: "hsl(var(--k-success-foreground))"

package/dist/{theme-q2uzluEd.js → theme-uTxCKUip.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { i as t, n, r, s as i, t as a } from "./tooltip-BmZ9Bfou.js";
-import { i as o, l as s, n as c, t as l, u } from "./select-DmLScQKX.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-CWdde1-y.js";
+import { i as o, l as s, n as c, t as l, u } from "./select-CsXmG_sJ.js";
 import { t as d } from "./useTheme-CNx4iolb.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/{tooltip-BmZ9Bfou.js → tooltip-CWdde1-y.js}

@@ -14,7 +14,7 @@ var o = r("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 			ghost: "hover:bg-accent hover:text-accent-foreground",
 			link: "text-primary underline-offset-4 hover:underline",
-			styled: "bg-gradient-to-r from-slate-900 to-purple-700 hover:from-slate-800 hover:to-purple-600 text-white shadow-lg shadow-purple-500/25 px-6 h-12"
+			styled: "bg-gradient-to-r from-brand-from to-brand-to hover:from-brand-from/90 hover:to-brand-to/90 text-brand-foreground shadow-lg shadow-brand-to/25 px-6 h-12"
 		},
 		size: {
 			default: "h-10 px-4 py-2",

package/dist/{ui-D8Pg34YW.js → ui-rJqnHWNK.js}

@@ -2,9 +2,9 @@ import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import "./helpers/index.js";
 import "./chart-Dq3AIrue.js";
 import "./alert-REQGK9bR.js";
-import { c as t, s as n } from "./tooltip-BmZ9Bfou.js";
-import "./sheet-DQTOen4V.js";
-import "./select-DmLScQKX.js";
+import { c as t, s as n } from "./tooltip-CWdde1-y.js";
+import "./sheet-4VOGdoiW.js";
+import "./select-CsXmG_sJ.js";
 import "./skeleton-D6Ga4BLw.js";
 import { t as r } from "./useScrollFade-D9kqJBDh.js";
 import { n as i } from "./useToast-UeDRLovh.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.294",
+  "version": "0.0.295",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {

package/dist/ErrorAlert-L2s8Dd1_.js

@@ -1,27 +0,0 @@
-import { t as e } from "./i18n-d2p0RJo9.js";
-import { n as t, t as n } from "./alert-REQGK9bR.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { AlertTriangle as a } from "lucide-react";
-//#region src/components/core/states/ErrorAlert.tsx
-var o = ({ error: o }) => {
-	let { t: s } = e();
-	return o ? /* @__PURE__ */ i(n, {
-		variant: "destructive",
-		children: [/* @__PURE__ */ r(a, { className: "size-4" }), /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center space-x-2",
-			children: [
-				/* @__PURE__ */ r("span", {
-					className: "font-semibold",
-					children: s("states.errorPrefix")
-				}),
-				/* @__PURE__ */ r("span", { children: o.code }),
-				/* @__PURE__ */ r("span", { children: o.message })
-			]
-		}), o.errors && o.errors.length > 0 && /* @__PURE__ */ r("ul", {
-			className: "mt-2 list-disc list-inside",
-			children: o.errors.map((e, t) => /* @__PURE__ */ r("li", { children: e }, t))
-		})] })]
-	}) : null;
-};
-//#endregion
-export { o as t };