treege 3.0.0-beta.30 → 3.0.0-beta.32

package/dist/editor.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./ThemeContext-D49eu_oE.js";
-import { t as n } from "./editor-DnrJgSrC.js";
+import { n as e, t } from "./ThemeContext-CF4x2MjM.js";
+import { t as n } from "./editor-Bu-BRxFn.js";
 export { t as ThemeProvider, n as TreegeEditor, e as useTheme };

package/dist/main.js

@@ -1,5 +1,5 @@
-import { c as e, d as t, l as n, n as r, o as i, s as a, t as o, u as s } from "./ThemeContext-D49eu_oE.js";
-import { t as c } from "./editor-DnrJgSrC.js";
-import { C as l, _ as u, a as d, b as f, d as p, f as m, g as h, h as g, i as _, l as v, m as y, n as b, p as x, r as S, u as C, v as w, w as T, x as E, y as D } from "./useRenderNode-B_GPMTPf.js";
-import { C as O, S as k, _ as A, a as j, b as M, c as N, d as P, f as F, g as I, h as L, i as R, l as z, m as B, n as V, o as H, p as U, r as W, s as G, t as K, u as q, v as J, x as Y, y as X } from "./renderer-MCPhNlp1.js";
+import { c as e, d as t, l as n, n as r, o as i, s as a, t as o, u as s } from "./ThemeContext-CF4x2MjM.js";
+import { t as c } from "./editor-Bu-BRxFn.js";
+import { C as l, _ as u, a as d, b as f, d as p, f as m, g as h, h as g, i as _, l as v, m as y, n as b, p as x, r as S, u as C, v as w, w as T, x as E, y as D } from "./useRenderNode-B5u9MZKo.js";
+import { C as O, S as k, _ as A, a as j, b as M, c as N, d as P, f as F, g as I, h as L, i as R, l as z, m as B, n as V, o as H, p as U, r as W, s as G, t as K, u as q, v as J, x as Y, y as X } from "./renderer-BTSDEkG-.js";
 export { k as DefaultAddressInput, Y as DefaultAutocompleteInput, M as DefaultCheckboxInput, X as DefaultDateInput, J as DefaultDateRangeInput, A as DefaultFileInput, O as DefaultGroup, I as DefaultHiddenInput, L as DefaultHttpInput, B as DefaultNumberInput, U as DefaultPasswordInput, F as DefaultRadioInput, P as DefaultSelectInput, q as DefaultSwitchInput, z as DefaultTextAreaInput, N as DefaultTextInput, G as DefaultTimeInput, H as DefaultTimeRangeInput, V as Divider, o as ThemeProvider, W as Title, l as TreegeConfigProvider, c as TreegeEditor, K as TreegeRenderer, u as applyReferenceTransformation, w as calculateReferenceFieldUpdates, D as checkFormFieldHasValue, f as convertFormValuesToNamedFormat, j as defaultInputRenderers, R as defaultUI, x as evaluateCondition, y as evaluateConditions, b as fileToSerializable, S as filesToSerializable, v as findStartNode, C as getFlowRenderState, i as getStaticTranslations, a as getTranslatedText, E as isFieldEmpty, e as isFlowNode, n as isGroupNode, s as isInputNode, p as isStartNode, t as isUINode, m as mergeFlows, g as sanitize, h as sanitizeHttpResponse, _ as serializableToFile, r as useTheme, T as useTreegeConfig, d as useTreegeRenderer };

package/dist/renderer/features/TreegeRenderer/native/components/DefaultInputs.d.ts

@@ -16,11 +16,6 @@ import { default as DefaultTextInput } from './inputs/DefaultTextInput';
 import { default as DefaultTimeInput } from './inputs/DefaultTimeInput';
 import { default as DefaultTimeRangeInput } from './inputs/DefaultTimeRangeInput';
 import { InputRenderers, InputRenderProps } from '../../../../types/renderer';
-export { DefaultTextInput, DefaultNumberInput, DefaultPasswordInput, DefaultTextareaInput };
-export { DefaultCheckboxInput, DefaultSwitchInput, DefaultRadioInput, DefaultSelectInput };
-export { DefaultHiddenInput };
-export { DefaultAddressInput, DefaultAutocompleteInput, DefaultHttpInput };
-export { DefaultDateInput, DefaultDateRangeInput, DefaultTimeInput, DefaultTimeRangeInput };
-export { DefaultFileInput };
+export { DefaultAddressInput, DefaultAutocompleteInput, DefaultCheckboxInput, DefaultDateInput, DefaultDateRangeInput, DefaultFileInput, DefaultHiddenInput, DefaultHttpInput, DefaultNumberInput, DefaultPasswordInput, DefaultRadioInput, DefaultSelectInput, DefaultSwitchInput, DefaultTextareaInput, DefaultTextInput, DefaultTimeInput, DefaultTimeRangeInput, };
 export declare const DefaultSubmitInput: ({ node }: InputRenderProps<"submit">) => import("react/jsx-runtime").JSX.Element;
 export declare const defaultInputRenderers: InputRenderers;

package/dist/renderer/features/TreegeRenderer/native/components/DefaultUI.d.ts

@@ -1,7 +1,7 @@
 import { UiRenderProps } from '../../../../types/renderer';
 declare const DefaultTitleUI: ({ node }: UiRenderProps) => import("react/jsx-runtime").JSX.Element;
 declare const DefaultDividerUI: () => import("react/jsx-runtime").JSX.Element;
-export { DefaultTitleUI, DefaultDividerUI };
+export { DefaultDividerUI, DefaultTitleUI };
 export declare const defaultUI: {
     divider: () => import("react/jsx-runtime").JSX.Element;
     title: ({ node }: UiRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{renderer-MCPhNlp1.js → renderer-BTSDEkG-.js}

@@ -1,6 +1,6 @@
-import { f as e, t } from "./ThemeContext-D49eu_oE.js";
-import { A as n, C as r, D as i, E as a, F as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, i as _, j as v, k as y, l as b, n as ee, o as te, r as x, s as S, t as C, v as w, w as T, y as E } from "./separator-gO82kpxa.js";
-import { S as D, a as O, b as ne, c as k, d as A, g as re, n as j, o as M, r as N, s as P, t as F, w as I } from "./useRenderNode-B_GPMTPf.js";
+import { f as e, t } from "./ThemeContext-CF4x2MjM.js";
+import { A as n, C as r, D as i, E as a, F as o, M as s, N as c, O as l, P as u, S as d, T as f, _ as p, a as m, b as h, c as g, i as _, j as v, k as y, l as b, n as ee, o as te, r as x, s as S, t as C, v as w, w as T, y as E } from "./separator-NOjYTDU_.js";
+import { S as D, a as O, b as ne, c as k, d as A, g as re, n as j, o as M, r as N, s as P, t as F, w as I } from "./useRenderNode-B5u9MZKo.js";
 import * as L from "react";
 import { forwardRef as R, useCallback as ie, useEffect as z, useMemo as ae, useRef as B, useState as V } from "react";
 import { Check as oe, ChevronDownIcon as se, ChevronLeftIcon as ce, ChevronRightIcon as le, ChevronsUpDown as ue, CircleIcon as H, Loader2 as de, MapPin as U } from "lucide-react";
@@ -182,20 +182,30 @@ var J = e(), fe = ({ children: e, onSubmit: t }) => /* @__PURE__ */ (0, J.jsx)("
 				}),
 				/* @__PURE__ */ (0, J.jsx)("div", {
 					className: "space-y-2",
-					children: e.data.options.map((e, t) => /* @__PURE__ */ (0, J.jsxs)("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ (0, J.jsx)(s, {
-							id: `${l}-${e.value}`,
-							name: u,
-							checked: f.includes(String(e.value)),
-							onCheckedChange: (t) => p(String(e.value), !!t),
-							disabled: e.disabled
-						}), /* @__PURE__ */ (0, J.jsx)(i, {
-							htmlFor: `${l}-${e.value}`,
-							className: "cursor-pointer font-normal text-sm",
-							children: d(e.label) ? d(e.label) : e.value
-						})]
-					}, e.value + t))
+					children: e.data.options.map((e, t) => {
+						let n = d(e.description);
+						return /* @__PURE__ */ (0, J.jsxs)("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ (0, J.jsx)(s, {
+								id: `${l}-${e.value}`,
+								name: u,
+								checked: f.includes(String(e.value)),
+								onCheckedChange: (t) => p(String(e.value), !!t),
+								disabled: e.disabled,
+								className: "mt-0.5"
+							}), /* @__PURE__ */ (0, J.jsxs)("div", {
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ (0, J.jsx)(i, {
+									htmlFor: `${l}-${e.value}`,
+									className: "cursor-pointer font-normal text-sm",
+									children: d(e.label) ? d(e.label) : e.value
+								}), n && /* @__PURE__ */ (0, J.jsx)("span", {
+									className: "text-muted-foreground text-xs",
+									children: n
+								})]
+							})]
+						}, e.value + t);
+					})
 				}),
 				a && /* @__PURE__ */ (0, J.jsx)(n, { children: a }),
 				c && !a && /* @__PURE__ */ (0, J.jsx)(y, { children: c })
@@ -788,47 +798,84 @@ function Me({ className: e, ...t }) {
 }
 //#endregion
 //#region src/renderer/features/TreegeRenderer/web/components/inputs/DefaultRadioInput.tsx
-var Ne = ({ node: e, value: t, setValue: r, error: a, label: o, helperText: s, id: c, name: l }) => {
-	let u = M(), d = t ? String(t) : "";
+var Ne = ({ node: e, value: t, setValue: r, error: a, label: s, helperText: c, id: l, name: u }) => {
+	let d = M(), f = t ? String(t) : "", p = e.data.variant === "card";
 	return /* @__PURE__ */ (0, J.jsxs)(v, {
 		className: "mb-4",
 		children: [
 			/* @__PURE__ */ (0, J.jsxs)(i, {
 				className: "mb-1",
-				htmlFor: c,
-				children: [o || e.data.name, e.data.required && /* @__PURE__ */ (0, J.jsx)("span", {
+				htmlFor: l,
+				children: [s || e.data.name, e.data.required && /* @__PURE__ */ (0, J.jsx)("span", {
 					className: "text-red-500",
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ (0, J.jsx)(je, {
-				value: d,
+				value: f,
 				onValueChange: (e) => r(e),
-				id: c,
-				name: l,
-				children: e.data.options?.map((e, t) => /* @__PURE__ */ (0, J.jsxs)("div", {
-					className: "flex items-center space-x-2",
-					children: [
-						/* @__PURE__ */ (0, J.jsx)(Me, {
-							value: String(e.value),
-							id: `${c}-${e.value}`,
-							disabled: e.disabled
-						}),
-						e.image && /* @__PURE__ */ (0, J.jsx)("img", {
-							src: e.image,
-							alt: "",
-							className: "h-8 w-8 rounded object-cover"
-						}),
-						/* @__PURE__ */ (0, J.jsx)(i, {
-							htmlFor: `${c}-${e.value}`,
-							className: "cursor-pointer font-normal text-sm",
-							children: u(e.label) ? u(e.label) : e.value
-						})
-					]
-				}, e.value + t))
+				id: l,
+				name: u,
+				className: p ? "flex flex-col gap-2" : void 0,
+				children: e.data.options?.map((e, t) => {
+					let n = `${l}-${e.value}`, r = d(e.label) || e.value, a = d(e.description), s = f === String(e.value);
+					return p ? /* @__PURE__ */ (0, J.jsxs)(i, {
+						htmlFor: n,
+						className: o("flex cursor-pointer items-start gap-3 rounded-md border p-3 transition-colors", "hover:border-primary/50", s && "border-primary bg-primary/5", e.disabled && "pointer-events-none opacity-50"),
+						children: [
+							/* @__PURE__ */ (0, J.jsx)(Me, {
+								value: String(e.value),
+								id: n,
+								disabled: e.disabled,
+								className: "mt-1"
+							}),
+							e.image && /* @__PURE__ */ (0, J.jsx)("img", {
+								src: e.image,
+								alt: "",
+								className: "h-10 w-10 shrink-0 rounded object-cover"
+							}),
+							/* @__PURE__ */ (0, J.jsxs)("div", {
+								className: "flex min-w-0 flex-col",
+								children: [/* @__PURE__ */ (0, J.jsx)("span", {
+									className: "font-medium text-sm",
+									children: r
+								}), a && /* @__PURE__ */ (0, J.jsx)("span", {
+									className: "text-muted-foreground text-xs",
+									children: a
+								})]
+							})
+						]
+					}, e.value + t) : /* @__PURE__ */ (0, J.jsxs)("div", {
+						className: "flex items-start space-x-2",
+						children: [
+							/* @__PURE__ */ (0, J.jsx)(Me, {
+								value: String(e.value),
+								id: n,
+								disabled: e.disabled,
+								className: "mt-0.5"
+							}),
+							e.image && /* @__PURE__ */ (0, J.jsx)("img", {
+								src: e.image,
+								alt: "",
+								className: "h-8 w-8 rounded object-cover"
+							}),
+							/* @__PURE__ */ (0, J.jsxs)("div", {
+								className: "flex flex-col",
+								children: [/* @__PURE__ */ (0, J.jsx)(i, {
+									htmlFor: n,
+									className: "cursor-pointer font-normal text-sm",
+									children: r
+								}), a && /* @__PURE__ */ (0, J.jsx)("span", {
+									className: "text-muted-foreground text-xs",
+									children: a
+								})]
+							})
+						]
+					}, e.value + t);
+				})
 			}),
 			a && /* @__PURE__ */ (0, J.jsx)(n, { children: a }),
-			s && !a && /* @__PURE__ */ (0, J.jsx)(y, { children: s })
+			c && !a && /* @__PURE__ */ (0, J.jsx)(y, { children: c })
 		]
 	});
 }, Pe = ({ node: e, value: t, setValue: a, error: o, label: s, placeholder: c, helperText: l, name: u, id: f }) => {

package/dist/renderer-native.js

@@ -1,5 +1,5 @@
-import { f as e, n as t, s as n, t as r } from "./ThemeContext-D49eu_oE.js";
-import { C as i, S as a, _ as o, a as s, b as c, c as l, d as u, f as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "./useRenderNode-B_GPMTPf.js";
+import { f as e, n as t, s as n, t as r } from "./ThemeContext-CF4x2MjM.js";
+import { C as i, S as a, _ as o, a as s, b as c, c as l, d as u, f as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "./useRenderNode-B5u9MZKo.js";
 import { useCallback as E, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
 import { ActivityIndicator as j, Alert as M, FlatList as ee, Image as N, Modal as P, ScrollView as F, StyleSheet as I, Switch as te, Text as L, TextInput as ne, TouchableOpacity as R, View as z } from "react-native";
 //#region src/renderer/features/TreegeRenderer/native/components/DefaultFormWrapper.tsx
@@ -568,43 +568,52 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 					children: "*"
 				})]
 			}),
-			l.length > 0 ? l.map((e) => /* @__PURE__ */ (0, B.jsxs)(R, {
-				style: G.option,
-				onPress: () => p(e.value),
-				disabled: e.disabled,
-				activeOpacity: .7,
-				accessible: !0,
-				accessibilityRole: "checkbox",
-				accessibilityState: {
-					checked: m(e.value),
-					disabled: e.disabled
-				},
-				accessibilityLabel: s(e.label) || e.value,
-				children: [/* @__PURE__ */ (0, B.jsx)(z, {
-					style: [
-						G.checkbox,
-						{
-							backgroundColor: c.input,
-							borderColor: c.border
-						},
-						m(e.value) && {
-							backgroundColor: c.primary,
-							borderColor: c.primary
-						}
-					],
-					children: m(e.value) && /* @__PURE__ */ (0, B.jsx)(L, {
-						style: G.checkmark,
-						children: "✓"
-					})
-				}), /* @__PURE__ */ (0, B.jsx)(L, {
-					style: [
-						G.optionLabel,
-						{ color: c.textSecondary },
-						e.disabled && { color: c.textMuted }
-					],
-					children: s(e.label) || e.value
-				})]
-			}, e.value)) : /* @__PURE__ */ (0, B.jsxs)(R, {
+			l.length > 0 ? l.map((e) => {
+				let t = s(e.description);
+				return /* @__PURE__ */ (0, B.jsxs)(R, {
+					style: G.option,
+					onPress: () => p(e.value),
+					disabled: e.disabled,
+					activeOpacity: .7,
+					accessible: !0,
+					accessibilityRole: "checkbox",
+					accessibilityState: {
+						checked: m(e.value),
+						disabled: e.disabled
+					},
+					accessibilityLabel: s(e.label) || e.value,
+					children: [/* @__PURE__ */ (0, B.jsx)(z, {
+						style: [
+							G.checkbox,
+							{
+								backgroundColor: c.input,
+								borderColor: c.border
+							},
+							m(e.value) && {
+								backgroundColor: c.primary,
+								borderColor: c.primary
+							}
+						],
+						children: m(e.value) && /* @__PURE__ */ (0, B.jsx)(L, {
+							style: G.checkmark,
+							children: "✓"
+						})
+					}), /* @__PURE__ */ (0, B.jsxs)(z, {
+						style: G.optionTextContainer,
+						children: [/* @__PURE__ */ (0, B.jsx)(L, {
+							style: [
+								G.optionLabel,
+								{ color: c.textSecondary },
+								e.disabled && { color: c.textMuted }
+							],
+							children: s(e.label) || e.value
+						}), t && /* @__PURE__ */ (0, B.jsx)(L, {
+							style: [G.optionDescription, { color: c.textMuted }],
+							children: t
+						})]
+					})]
+				}, e.value);
+			}) : /* @__PURE__ */ (0, B.jsxs)(R, {
 				style: G.option,
 				onPress: () => p(""),
 				activeOpacity: .7,
@@ -673,14 +682,16 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 		marginBottom: 8
 	},
 	option: {
-		alignItems: "center",
+		alignItems: "flex-start",
 		flexDirection: "row",
 		marginBottom: 8
 	},
-	optionLabel: {
-		flex: 1,
-		fontSize: 14
-	}
+	optionDescription: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	optionLabel: { fontSize: 14 },
+	optionTextContainer: { flex: 1 }
 }), ue = ({ node: e, value: n, setValue: r, error: i, label: a, placeholder: o, helperText: s }) => {
 	let [c, l] = A(!1), u = g(), { colors: d } = t(), f = n ? new Date(n) : void 0, { year: p, month: m, today: h } = O(() => {
 		let e = f || /* @__PURE__ */ new Date(), t = e.getFullYear(), n = e.getMonth(), r = /* @__PURE__ */ new Date();
@@ -2230,7 +2241,7 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 		fontWeight: "600"
 	}
 }), Oe = ({ node: e, value: n, setValue: r, error: i, label: a, helperText: o }) => {
-	let s = g(), { colors: c } = t(), l = e.data.options || [], u = n || "", d = (e) => {
+	let s = g(), { colors: c } = t(), l = e.data.options || [], u = n || "", d = e.data.variant === "card", f = (e) => {
 		r(e);
 	};
 	return /* @__PURE__ */ (0, B.jsxs)(z, {
@@ -2244,10 +2255,21 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 				})]
 			}),
 			l.map((e) => {
-				let t = u === e.value;
-				return /* @__PURE__ */ (0, B.jsxs)(R, {
-					style: X.option,
-					onPress: () => d(e.value),
+				let t = u === e.value, n = s(e.label) || e.value, r = s(e.description);
+				return d ? /* @__PURE__ */ (0, B.jsxs)(R, {
+					style: [
+						X.card,
+						{
+							backgroundColor: c.input,
+							borderColor: c.border
+						},
+						t && {
+							backgroundColor: `${c.primary}10`,
+							borderColor: c.primary
+						},
+						e.disabled && { opacity: .5 }
+					],
+					onPress: () => f(e.value),
 					disabled: e.disabled,
 					activeOpacity: .7,
 					children: [
@@ -2264,15 +2286,53 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 						}),
 						e.image && /* @__PURE__ */ (0, B.jsx)(N, {
 							source: { uri: e.image },
-							style: X.image
+							style: X.cardImage
 						}),
-						/* @__PURE__ */ (0, B.jsx)(L, {
+						/* @__PURE__ */ (0, B.jsxs)(z, {
+							style: X.cardTextContainer,
+							children: [/* @__PURE__ */ (0, B.jsx)(L, {
+								style: [X.cardLabel, { color: c.textSecondary }],
+								children: n
+							}), r && /* @__PURE__ */ (0, B.jsx)(L, {
+								style: [X.cardDescription, { color: c.textMuted }],
+								children: r
+							})]
+						})
+					]
+				}, e.value) : /* @__PURE__ */ (0, B.jsxs)(R, {
+					style: X.option,
+					onPress: () => f(e.value),
+					disabled: e.disabled,
+					activeOpacity: .7,
+					children: [
+						/* @__PURE__ */ (0, B.jsx)(z, {
 							style: [
-								X.optionLabel,
-								{ color: c.textSecondary },
-								e.disabled && { color: c.textMuted }
+								X.radio,
+								{
+									backgroundColor: c.input,
+									borderColor: c.border
+								},
+								t && { borderColor: c.primary }
 							],
-							children: s(e.label) || e.value
+							children: t && /* @__PURE__ */ (0, B.jsx)(z, { style: [X.radioInner, { backgroundColor: c.primary }] })
+						}),
+						e.image && /* @__PURE__ */ (0, B.jsx)(N, {
+							source: { uri: e.image },
+							style: X.image
+						}),
+						/* @__PURE__ */ (0, B.jsxs)(z, {
+							style: X.optionTextContainer,
+							children: [/* @__PURE__ */ (0, B.jsx)(L, {
+								style: [
+									X.optionLabel,
+									{ color: c.textSecondary },
+									e.disabled && { color: c.textMuted }
+								],
+								children: n
+							}), r && /* @__PURE__ */ (0, B.jsx)(L, {
+								style: [X.optionDescription, { color: c.textMuted }],
+								children: r
+							})]
 						})
 					]
 				}, e.value);
@@ -2288,6 +2348,29 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 		]
 	});
 }, X = I.create({
+	card: {
+		alignItems: "flex-start",
+		borderRadius: 8,
+		borderWidth: 1,
+		flexDirection: "row",
+		marginBottom: 8,
+		padding: 12
+	},
+	cardDescription: {
+		fontSize: 12,
+		marginTop: 2
+	},
+	cardImage: {
+		borderRadius: 4,
+		height: 40,
+		marginRight: 12,
+		width: 40
+	},
+	cardLabel: {
+		fontSize: 14,
+		fontWeight: "500"
+	},
+	cardTextContainer: { flex: 1 },
 	container: { marginBottom: 16 },
 	error: {
 		fontSize: 12,
@@ -2313,7 +2396,12 @@ var B = e(), re = ({ children: e }) => /* @__PURE__ */ (0, B.jsx)(z, {
 		flexDirection: "row",
 		marginBottom: 8
 	},
+	optionDescription: {
+		fontSize: 12,
+		marginTop: 2
+	},
 	optionLabel: { fontSize: 14 },
+	optionTextContainer: { flex: 1 },
 	radio: {
 		alignItems: "center",
 		borderRadius: 10,

package/dist/renderer.js

@@ -1,4 +1,4 @@
-import { n as e, s as t, t as n } from "./ThemeContext-D49eu_oE.js";
-import { C as r, _ as i, a, b as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, p as h, r as g, u as _, v, w as y, x as b, y as x } from "./useRenderNode-B_GPMTPf.js";
-import { C as S, S as C, _ as w, a as T, b as E, c as D, d as O, f as k, g as A, h as j, i as M, l as N, m as P, n as F, o as I, p as L, r as R, s as z, t as B, u as V, v as H, x as U, y as W } from "./renderer-MCPhNlp1.js";
+import { n as e, s as t, t as n } from "./ThemeContext-CF4x2MjM.js";
+import { C as r, _ as i, a, b as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, p as h, r as g, u as _, v, w as y, x as b, y as x } from "./useRenderNode-B5u9MZKo.js";
+import { C as S, S as C, _ as w, a as T, b as E, c as D, d as O, f as k, g as A, h as j, i as M, l as N, m as P, n as F, o as I, p as L, r as R, s as z, t as B, u as V, v as H, x as U, y as W } from "./renderer-BTSDEkG-.js";
 export { C as DefaultAddressInput, U as DefaultAutocompleteInput, E as DefaultCheckboxInput, W as DefaultDateInput, H as DefaultDateRangeInput, w as DefaultFileInput, S as DefaultGroup, A as DefaultHiddenInput, j as DefaultHttpInput, P as DefaultNumberInput, L as DefaultPasswordInput, k as DefaultRadioInput, O as DefaultSelectInput, V as DefaultSwitchInput, N as DefaultTextAreaInput, D as DefaultTextInput, z as DefaultTimeInput, I as DefaultTimeRangeInput, F as Divider, n as ThemeProvider, R as Title, r as TreegeConfigProvider, B as TreegeRenderer, i as applyReferenceTransformation, v as calculateReferenceFieldUpdates, x as checkFormFieldHasValue, o as convertFormValuesToNamedFormat, T as defaultInputRenderers, M as defaultUI, h as evaluateCondition, p as evaluateConditions, m as fileToSerializable, g as filesToSerializable, f as findStartNode, _ as getFlowRenderState, t as getTranslatedText, b as isFieldEmpty, s as isStartNode, c as mergeFlows, u as sanitize, l as sanitizeHttpResponse, d as serializableToFile, e as useTheme, y as useTreegeConfig, a as useTreegeRenderer };

package/dist/{separator-gO82kpxa.js → separator-NOjYTDU_.js}

@@ -1,4 +1,4 @@
-import { f as e } from "./ThemeContext-D49eu_oE.js";
+import { f as e } from "./ThemeContext-CF4x2MjM.js";
 import "react";
 import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r, SearchIcon as i, XIcon as a } from "lucide-react";
 import { Slot as o } from "@radix-ui/react-slot";
@@ -31,7 +31,8 @@ var y = e(), b = s("inline-flex items-center justify-center gap-2 whitespace-now
 			"icon-lg": "size-10",
 			"icon-sm": "size-8",
 			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5"
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			xs: "h-6 rounded-md gap-1 px-2 text-xs has-[>svg]:px-1.5"
 		},
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",

package/dist/shared/components/ui/alert-dialog.d.ts

@@ -11,4 +11,4 @@ declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<
 declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/shared/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | null | undefined;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | "xs" | null | undefined;
     variant?: "default" | "link" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/shared/components/ui/collapsible.d.ts

@@ -2,4 +2,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/shared/components/ui/command.d.ts

@@ -15,4 +15,4 @@ declare function CommandGroup({ className, ...props }: React.ComponentProps<type
 declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/shared/components/ui/dropdown-menu.d.ts

@@ -22,4 +22,4 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
     inset?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/shared/components/ui/form.d.ts

@@ -2,4 +2,4 @@ import * as React from "react";
 declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 declare function FormError({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-export { FormError, FormItem, FormDescription };
+export { FormDescription, FormError, FormItem };

package/dist/shared/components/ui/popover.d.ts

@@ -6,4 +6,4 @@ declare function PopoverContent({ className, align, sideOffset, disablePortal, .
     disablePortal?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/shared/components/ui/sheet.d.ts

@@ -10,4 +10,4 @@ declare function SheetHeader({ className, ...props }: React.ComponentProps<"div"
 declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/shared/components/ui/tooltip.d.ts

@@ -4,4 +4,4 @@ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentPro
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/shared/locales/ar.json.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
     "other": "أخرى",
     "retry": "إعادة المحاولة",
     "save": "حفظ",
+    "settings": "الإعدادات",
     "submit": "إرسال",
     "toggle": "تبديل"
   },
@@ -157,6 +158,8 @@ declare const _default: {
       "noParentFieldsAvailable": "لا توجد حقول أصلية متاحة",
       "objectMapping": "تعيين الكائن",
       "objectMappingDesc": "تعيين خصائص الكائن المصدر إلى بنية جديدة",
+      "optional": "اختياري",
+      "optionDescription": "الوصف",
       "optionImageAdd": "إضافة صورة",
       "optionImageError": "تعذر معالجة الصورة.",
       "optionImageInvalid": "تنسيق صورة غير مدعوم.",
@@ -188,7 +191,10 @@ declare const _default: {
       "transformNumber": "تحويل إلى رقم",
       "transformString": "تحويل إلى نص",
       "transformType": "نوع التحويل",
-      "validation": "التحقق"
+      "validation": "التحقق",
+      "variant": "متغير",
+      "variantCard": "بطاقة",
+      "variantDefault": "افتراضي"
     },
     "nodeActionsSheet": {
       "deleteNode": "حذف العقدة",