@plitzi/sdk-elements 0.35.1 → 0.35.3

package/dist/elements/form/FormControl/Settings.mjs

@@ -1,174 +1,203 @@
-import { useCallback as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import i from "@plitzi/plitzi-ui/Checkbox";
-import a from "@plitzi/plitzi-ui/Input";
-import o from "@plitzi/plitzi-ui/TextArea";
-import s from "@plitzi/plitzi-ui/Select";
+import { hasFormat as e } from "./helpers/validateField.mjs";
+import { useCallback as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@plitzi/plitzi-ui/Checkbox";
+import o from "@plitzi/plitzi-ui/Input";
+import s from "@plitzi/plitzi-ui/TextArea";
+import c from "@plitzi/plitzi-ui/Select";
 //#region src/elements/form/FormControl/Settings.tsx
-var c = (e) => {
+var l = (e) => {
 	let t = parseInt(e, 10);
 	return Number.isNaN(t) || t < 0 ? 0 : t;
-}, l = ({ subType: l = "text", name: u = "", label: d = "Label", defaultValue: f = "", placeholder: p = "", autoComplete: m = !0, options: h, required: g = !0, minLength: _ = 0, maxLength: v = 0, pattern: y = "", patternMessage: b = "", matches: x = "", matchesMessage: S = "", readOnly: C = !1, disabled: w = !1, previewError: T = !1, onUpdate: E }) => {
-	let D = [
+}, u = ({ subType: u = "text", name: d = "", label: f = "Label", defaultValue: p = "", placeholder: m = "", autoComplete: h = !0, options: g, required: _ = !0, requiredMessage: v = "", minLength: y = 0, minLengthMessage: b = "", maxLength: x = 0, maxLengthMessage: S = "", formatMessage: C = "", pattern: w = "", patternMessage: T = "", matches: E = "", matchesMessage: D = "", readOnly: O = !1, disabled: k = !1, previewError: A = !1, onUpdate: j }) => {
+	let M = [
 		"text",
 		"textarea",
 		"number",
 		"email",
 		"password"
-	].includes(l), O = e((e) => E?.("name", e), [E]), k = e((e) => E?.("label", e), [E]), A = e((e) => E?.("placeholder", e), [E]), j = e((e) => {
-		E?.("subType", e), E?.("defaultValue", "");
-	}, [E]), M = e((e) => E?.("defaultValue", e), [E]), N = e((e) => E?.("autoComplete", e.target.checked), [E]), P = e((e) => E?.("required", e.target.checked), [E]), F = e((e) => E?.("minLength", c(e)), [E]), I = e((e) => E?.("maxLength", c(e)), [E]), L = e((e) => E?.("pattern", e), [E]), R = e((e) => E?.("patternMessage", e), [E]), z = e((e) => E?.("matches", e), [E]), B = e((e) => E?.("matchesMessage", e), [E]), V = e((e) => E?.("readOnly", e.target.checked), [E]), H = e((e) => E?.("disabled", e.target.checked), [E]), U = e((e) => E?.("previewError", e.target.checked), [E]), W = e((e) => {
+	].includes(u), N = t((e) => j?.("name", e), [j]), ee = t((e) => j?.("label", e), [j]), P = t((e) => j?.("placeholder", e), [j]), F = t((e) => {
+		j?.("subType", e), j?.("defaultValue", "");
+	}, [j]), I = t((e) => j?.("defaultValue", e), [j]), L = t((e) => j?.("autoComplete", e.target.checked), [j]), R = t((e) => j?.("required", e.target.checked), [j]), z = t((e) => j?.("requiredMessage", e), [j]), B = t((e) => j?.("minLength", l(e)), [j]), V = t((e) => j?.("minLengthMessage", e), [j]), H = t((e) => j?.("maxLength", l(e)), [j]), U = t((e) => j?.("maxLengthMessage", e), [j]), W = t((e) => j?.("formatMessage", e), [j]), G = t((e) => j?.("pattern", e), [j]), K = t((e) => j?.("patternMessage", e), [j]), q = t((e) => j?.("matches", e), [j]), J = t((e) => j?.("matchesMessage", e), [j]), Y = t((e) => j?.("readOnly", e.target.checked), [j]), X = t((e) => j?.("disabled", e.target.checked), [j]), Z = t((e) => j?.("previewError", e.target.checked), [j]), Q = t((e) => {
 		if (!e) {
-			E?.("options", []);
+			j?.("options", []);
 			return;
 		}
-		E?.("options", e.split("\n"));
-	}, [E]), G = t(() => Array.isArray(h) ? h.join("\n") : "", [h]);
-	return /* @__PURE__ */ r("div", {
+		j?.("options", e.split("\n"));
+	}, [j]), $ = n(() => Array.isArray(g) ? g.join("\n") : "", [g]);
+	return /* @__PURE__ */ i("div", {
 		className: "flex h-full flex-col gap-4 py-2",
 		children: [
-			/* @__PURE__ */ n(a, {
-				value: u,
+			/* @__PURE__ */ r(o, {
+				value: d,
 				label: "Input Name",
-				onChange: O,
+				onChange: N,
 				size: "xs"
 			}),
-			/* @__PURE__ */ n(a, {
-				value: d,
+			/* @__PURE__ */ r(o, {
+				value: f,
 				label: "Label",
-				onChange: k,
+				onChange: ee,
 				size: "xs"
 			}),
-			/* @__PURE__ */ n(a, {
-				value: p,
+			/* @__PURE__ */ r(o, {
+				value: m,
 				label: "Placeholder",
-				onChange: A,
+				onChange: P,
 				size: "xs"
 			}),
-			/* @__PURE__ */ r(s, {
-				value: l,
-				onChange: j,
+			/* @__PURE__ */ i(c, {
+				value: u,
+				onChange: F,
 				label: "Input Type",
 				size: "xs",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "text",
 						children: "Text"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "number",
 						children: "Number"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
+						value: "date",
+						children: "Date"
+					}),
+					/* @__PURE__ */ r("option", {
 						value: "time",
 						children: "Time"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "email",
 						children: "Email"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "password",
 						children: "Password"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "select",
 						children: "Select"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "checkbox",
 						children: "Checkbox"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "textarea",
 						children: "Long Text"
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "hidden",
 						children: "Hidden"
 					})
 				]
 			}),
-			/* @__PURE__ */ n(o, {
-				value: f,
+			/* @__PURE__ */ r(s, {
+				value: p,
 				label: "Default Value",
-				onChange: M,
+				onChange: I,
 				size: "xs"
 			}),
-			l === "text" && /* @__PURE__ */ n(i, {
-				checked: m,
+			u === "text" && /* @__PURE__ */ r(a, {
+				checked: h,
 				label: "Auto Complete",
-				onChange: N,
+				onChange: L,
 				size: "xs"
 			}),
-			D && /* @__PURE__ */ n(i, {
-				checked: C,
+			M && /* @__PURE__ */ r(a, {
+				checked: O,
 				label: "Read Only",
-				onChange: V,
+				onChange: Y,
 				size: "xs"
 			}),
-			l === "select" && /* @__PURE__ */ n(o, {
-				value: G,
+			u === "select" && /* @__PURE__ */ r(s, {
+				value: $,
 				label: "Options",
-				onChange: W,
+				onChange: Q,
 				size: "xs"
 			}),
-			/* @__PURE__ */ n(i, {
-				checked: g,
+			/* @__PURE__ */ r(a, {
+				checked: _,
 				label: "Required",
-				onChange: P,
+				onChange: R,
+				size: "xs"
+			}),
+			_ && /* @__PURE__ */ r(o, {
+				value: v,
+				label: "Required Message",
+				onChange: z,
 				size: "xs"
 			}),
-			D && /* @__PURE__ */ n(a, {
-				value: _ ? String(_) : "",
+			M && /* @__PURE__ */ r(o, {
+				value: y ? String(y) : "",
 				label: "Min Length",
-				onChange: F,
+				onChange: B,
+				size: "xs"
+			}),
+			M && y > 0 && /* @__PURE__ */ r(o, {
+				value: b,
+				label: "Min Length Message",
+				onChange: V,
 				size: "xs"
 			}),
-			D && /* @__PURE__ */ n(a, {
-				value: v ? String(v) : "",
+			M && /* @__PURE__ */ r(o, {
+				value: x ? String(x) : "",
 				label: "Max Length",
-				onChange: I,
+				onChange: H,
+				size: "xs"
+			}),
+			M && x > 0 && /* @__PURE__ */ r(o, {
+				value: S,
+				label: "Max Length Message",
+				onChange: U,
 				size: "xs"
 			}),
-			D && /* @__PURE__ */ n(a, {
-				value: y,
+			e(u) && /* @__PURE__ */ r(o, {
+				value: C,
+				label: "Invalid Format Message",
+				onChange: W,
+				size: "xs"
+			}),
+			M && /* @__PURE__ */ r(o, {
+				value: w,
 				label: "Pattern (regular expression)",
-				onChange: L,
+				onChange: G,
 				size: "xs"
 			}),
-			D && y && /* @__PURE__ */ n(a, {
-				value: b,
+			M && w && /* @__PURE__ */ r(o, {
+				value: T,
 				label: "Pattern Message",
-				onChange: R,
+				onChange: K,
 				size: "xs"
 			}),
-			D && /* @__PURE__ */ n(a, {
-				value: x,
+			M && /* @__PURE__ */ r(o, {
+				value: E,
 				label: "Must Match Field",
-				onChange: z,
+				onChange: q,
 				size: "xs"
 			}),
-			D && x && /* @__PURE__ */ n(a, {
-				value: S,
+			M && E && /* @__PURE__ */ r(o, {
+				value: D,
 				label: "Mismatch Message",
-				onChange: B,
+				onChange: J,
 				size: "xs"
 			}),
-			/* @__PURE__ */ n(i, {
-				checked: w,
+			/* @__PURE__ */ r(a, {
+				checked: k,
 				label: "Disabled",
-				onChange: H,
+				onChange: X,
 				size: "xs"
 			}),
-			/* @__PURE__ */ n(i, {
-				checked: T,
+			/* @__PURE__ */ r(a, {
+				checked: A,
 				label: "Preview Error Message",
-				onChange: U,
+				onChange: Z,
 				size: "xs"
 			})
 		]
 	});
 };
 //#endregion
-export { l as default };
+export { u as default };

package/dist/elements/form/FormControl/declaration.d.ts

@@ -17,8 +17,12 @@ declare const declaration: {
             readonly disabled: false;
             readonly options: readonly [];
             readonly required: true;
+            readonly requiredMessage: "";
             readonly minLength: 0;
+            readonly minLengthMessage: "";
             readonly maxLength: 0;
+            readonly maxLengthMessage: "";
+            readonly formatMessage: "";
             readonly pattern: "";
             readonly patternMessage: "";
             readonly matches: "";

package/dist/elements/form/FormControl/declaration.mjs

@@ -57,8 +57,12 @@ var t = {
 			disabled: !1,
 			options: [],
 			required: !0,
+			requiredMessage: "",
 			minLength: 0,
+			minLengthMessage: "",
 			maxLength: 0,
+			maxLengthMessage: "",
+			formatMessage: "",
 			pattern: "",
 			patternMessage: "",
 			matches: "",

package/dist/elements/form/FormControl/helpers/validateField.d.ts

@@ -2,11 +2,23 @@
  * What a control asks of its value before the form around it may submit.
  *
  * Zero and the empty string mean "no rule", so a control authored before these existed validates exactly as it did.
+ * Every rule carries the sentence it says when broken, and an empty one falls back to English: the site's language is
+ * the author's to write, never the browser's to guess.
  */
 export type FieldRules = {
     required: boolean;
+    requiredMessage: string;
     minLength: number;
+    minLengthMessage: string;
     maxLength: number;
+    maxLengthMessage: string;
+    /**
+     * The control's `subType`. A type whose value has a shape of its own (see `FORMATS`) is checked against it here,
+     * because a form with `noValidate` leaves nobody else to ask for it.
+     */
+    type: string;
+    /** Said when the value does not have the shape its type asks for, whichever type that is. */
+    formatMessage: string;
     /** A regular expression the WHOLE value must match — anchored here, so an author never has to remember `^…$`. */
     pattern: string;
     patternMessage: string;
@@ -15,6 +27,8 @@ export type FieldRules = {
     matchesMessage: string;
 };
 export declare const REQUIRED_MESSAGE = "This field is required";
+/** Whether a control of this type asks its value for a shape, and so whether a `formatMessage` can ever be said. */
+export declare const hasFormat: (type: string) => boolean;
 /**
  * The first rule a value breaks, as the sentence to show under the control — or `''` when it breaks none.
  *

package/dist/elements/form/FormControl/helpers/validateField.mjs

@@ -1,16 +1,22 @@
 import { get as e } from "@plitzi/plitzi-ui/helpers";
 //#region src/elements/form/FormControl/helpers/validateField.ts
-var t = "This field is required", n = "This is not in the expected format", r = "This does not match", i = (e) => e == null || e === "" || e === !1, a = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : "", o = (e, t) => {
+var t = "This field is required", n = "This is not in the expected format", r = "This does not match", i = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, a = /* @__PURE__ */ new Map([["email", {
+	matches: (e) => i.test(e),
+	message: "Enter an email address"
+}]]), o = (e) => a.has(e), s = (e) => e == null || e === "" || e === !1, c = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : "", l = (e, t) => {
 	try {
 		return RegExp(`^(?:${t})$`, "u").test(e);
 	} catch {
 		return !1;
 	}
-}, s = (s, c, l) => {
-	if (i(s)) return c.required ? t : "";
-	if (typeof s == "boolean") return "";
-	let u = a(s), d = Array.from(u).length;
-	return c.minLength > 0 && d < c.minLength ? `Use at least ${c.minLength} characters` : c.maxLength > 0 && d > c.maxLength ? `Use at most ${c.maxLength} characters` : c.pattern && !o(u, c.pattern) ? c.patternMessage || n : c.matches && u !== a(e(l, c.matches, "")) ? c.matchesMessage || r : "";
+}, u = (t, i, o) => {
+	if (s(t)) return i.required ? i.requiredMessage || "This field is required" : "";
+	if (typeof t == "boolean") return "";
+	let u = c(t), d = Array.from(u).length;
+	if (i.minLength > 0 && d < i.minLength) return i.minLengthMessage || `Use at least ${i.minLength} characters`;
+	if (i.maxLength > 0 && d > i.maxLength) return i.maxLengthMessage || `Use at most ${i.maxLength} characters`;
+	let f = a.get(i.type);
+	return f && !f.matches(u) ? i.formatMessage || f.message : i.pattern && !l(u, i.pattern) ? i.patternMessage || n : i.matches && u !== c(e(o, i.matches, "")) ? i.matchesMessage || r : "";
 };
 //#endregion
-export { t as REQUIRED_MESSAGE, s as validateField };
+export { t as REQUIRED_MESSAGE, o as hasFormat, u as validateField };

package/dist/elements/form/FormControl/hocs/withFieldValue.d.ts

@@ -3,10 +3,14 @@ export type WithFieldValueProps<T> = {
     ref: RefObject<HTMLElement>;
     name: string;
     defaultValue?: string;
-    subType: 'hidden' | 'text' | 'number' | 'email' | 'password' | 'select' | 'checkbox' | 'textarea' | 'color' | 'switch';
+    subType: 'hidden' | 'text' | 'number' | 'email' | 'password' | 'date' | 'time' | 'select' | 'checkbox' | 'textarea' | 'color' | 'switch';
     required: boolean;
+    requiredMessage?: string;
     minLength?: number;
+    minLengthMessage?: string;
     maxLength?: number;
+    maxLengthMessage?: string;
+    formatMessage?: string;
     pattern?: string;
     patternMessage?: string;
     matches?: string;

package/dist/elements/form/FormControl/hocs/withFieldValue.mjs

@@ -8,25 +8,30 @@ import { jsx as c } from "react/jsx-runtime";
 //#region src/elements/form/FormControl/hocs/withFieldValue.tsx
 var l = (l) => {
 	let u = (s) => {
-		let { ref: u, name: d = "", subType: f = "text", defaultValue: p = "", required: m = !0, minLength: h = 0, maxLength: g = 0, pattern: _ = "", patternMessage: v = "", matches: y = "", matchesMessage: b = "", previewError: x = !1 } = s, { settings: { previewMode: S } } = i(), { useStore: C } = o(), [w] = C("runtime.sources.form");
-		if (!w) return /* @__PURE__ */ c(l, { ...s });
-		let { setFieldValue: T, setFieldError: E, registerValidator: D, unregisterValidator: O, errors: k, values: A } = w, j = r(() => a(A, d, p), [
-			A,
+		let { ref: u, name: d = "", subType: f = "text", defaultValue: p = "", required: m = !0, requiredMessage: h = "", minLength: g = 0, minLengthMessage: _ = "", maxLength: v = 0, maxLengthMessage: y = "", formatMessage: b = "", pattern: x = "", patternMessage: S = "", matches: C = "", matchesMessage: w = "", previewError: T = !1 } = s, { settings: { previewMode: E } } = i(), { useStore: D } = o(), [O] = D("runtime.sources.form");
+		if (!O) return /* @__PURE__ */ c(l, { ...s });
+		let { setFieldValue: k, setFieldError: A, registerValidator: j, unregisterValidator: M, errors: N, values: P } = O, F = r(() => a(P, d, p), [
+			P,
 			d,
 			p
-		]), M = r(() => !S && x ? "This is an error message" : k[d], [
-			S,
-			x,
-			k,
+		]), I = r(() => !E && T ? "This is an error message" : N[d], [
+			E,
+			T,
+			N,
 			d
-		]), N = r(() => ({
+		]), L = r(() => ({
 			required: m,
-			minLength: h,
-			maxLength: g,
-			pattern: _,
-			patternMessage: v,
-			matches: y,
-			matchesMessage: b
+			requiredMessage: h,
+			minLength: g,
+			minLengthMessage: _,
+			maxLength: v,
+			maxLengthMessage: y,
+			type: f,
+			formatMessage: b,
+			pattern: x,
+			patternMessage: S,
+			matches: C,
+			matchesMessage: w
 		}), [
 			m,
 			h,
@@ -34,51 +39,56 @@ var l = (l) => {
 			_,
 			v,
 			y,
-			b
+			f,
+			b,
+			x,
+			S,
+			C,
+			w
 		]);
 		n(() => {
-			if (d) return D(d, (t) => e(a(t, d, p), N, t)), () => O(d);
+			if (d) return j(d, (t) => e(a(t, d, p), L, t)), () => M(d);
 		}, [
 			d,
 			p,
-			N,
-			D,
-			O
+			L,
+			j,
+			M
 		]), n(() => {
-			p && j && d && T(d, j);
+			p && F && d && k(d, F);
 		}, [
 			p,
 			d,
-			T,
-			j
+			k,
+			F
 		]);
-		let P = t((e) => {
-			e.target.type === "radio" || e.target.type === "checkbox" || f === "switch" ? T(d, e.target.checked) : T(d, e.target.value);
+		let R = t((e) => {
+			e.target.type === "radio" || e.target.type === "checkbox" || f === "switch" ? k(d, e.target.checked) : k(d, e.target.value);
 		}, [
-			T,
+			k,
 			d,
 			f
-		]), F = t(() => E(d, e(j, N, A)), [
-			j,
-			N,
-			A,
+		]), z = t(() => A(d, e(F, L, P)), [
+			F,
+			L,
+			P,
 			d,
-			E
+			A
 		]);
 		return r(() => /* @__PURE__ */ c(l, {
 			...s,
 			ref: u,
-			value: j,
-			error: M,
-			handleChange: P,
-			handleValidate: F
+			value: F,
+			error: I,
+			handleChange: R,
+			handleValidate: z
 		}), [
 			s,
 			u,
-			M,
-			j,
-			P,
-			F
+			I,
+			F,
+			R,
+			z
 		]);
 	};
 	return u.displayName = `withFieldValue(${s(l)})`, u;

package/dist/elements/form/FormControl/index.d.ts

@@ -22,8 +22,12 @@ declare const FormControl: {
             readonly disabled: false;
             readonly options: readonly [];
             readonly required: true;
+            readonly requiredMessage: "";
             readonly minLength: 0;
+            readonly minLengthMessage: "";
             readonly maxLength: 0;
+            readonly maxLengthMessage: "";
+            readonly formatMessage: "";
             readonly pattern: "";
             readonly patternMessage: "";
             readonly matches: "";

package/dist/index.d.ts

@@ -1979,6 +1979,8 @@ export declare const defaultElements: {
         disabled?: boolean | undefined;
         subType?: "button" | "submit" | "reset" | undefined;
         contentPlacement?: "before" | "after" | undefined;
+        ariaExpanded?: boolean | undefined;
+        ariaPressed?: boolean | undefined;
     }>>;
     paragraph: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/Paragraph/Paragraph').ParagraphProps>): import("react").JSX.Element;
@@ -2574,6 +2576,7 @@ export declare const defaultElements: {
                 readonly method: "get";
                 readonly actionUrl: "";
                 readonly managedByInteractions: false;
+                readonly noValidate: false;
                 readonly errors: {};
                 readonly values: {};
             };
@@ -2615,6 +2618,7 @@ export declare const defaultElements: {
         __attributes: Partial<{
             values: Record<string, unknown>;
             method: "get" | "post";
+            noValidate: boolean;
             actionUrl: string;
             managedByInteractions: boolean;
             errors: Record<string, string>;
@@ -2644,8 +2648,12 @@ export declare const defaultElements: {
                 readonly disabled: false;
                 readonly options: readonly [];
                 readonly required: true;
+                readonly requiredMessage: "";
                 readonly minLength: 0;
+                readonly minLengthMessage: "";
                 readonly maxLength: 0;
+                readonly maxLengthMessage: "";
+                readonly formatMessage: "";
                 readonly pattern: "";
                 readonly patternMessage: "";
                 readonly matches: "";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.35.1",
+  "version": "0.35.3",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -986,13 +986,13 @@
   "dependencies": {
     "@plitzi/nexus": "^1.1.4",
     "@plitzi/plitzi-ui": "^1.6.21",
-    "@plitzi/sdk-auth": "0.35.1",
-    "@plitzi/sdk-dev-tools": "0.35.1",
-    "@plitzi/sdk-event-bridge": "0.35.1",
-    "@plitzi/sdk-interactions": "0.35.1",
-    "@plitzi/sdk-navigation": "0.35.1",
-    "@plitzi/sdk-schema": "0.35.1",
-    "@plitzi/sdk-shared": "0.35.1",
+    "@plitzi/sdk-auth": "0.35.3",
+    "@plitzi/sdk-dev-tools": "0.35.3",
+    "@plitzi/sdk-event-bridge": "0.35.3",
+    "@plitzi/sdk-interactions": "0.35.3",
+    "@plitzi/sdk-navigation": "0.35.3",
+    "@plitzi/sdk-schema": "0.35.3",
+    "@plitzi/sdk-shared": "0.35.3",
     "clsx": "^2.1.1",
     "immer": "^11.1.18"
   },