@levo-so/site-runtime 0.3.7 → 0.3.8

package/{LevoProvider-nmIbMlsk.js → LevoProvider-Bsjkcwc8.js}

@@ -1,20 +1,20 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useContext as n } from "react";
 //#region ../react/dist/providers/LevoProvider.js
-var r = e({
+var r = t({
 	client: null,
 	insights: null
-}), i = ({ children: e, client: t, insights: i = null }) => /* @__PURE__ */ n(r.Provider, {
+}), i = ({ children: t, client: n, insights: i = null }) => /* @__PURE__ */ e(r.Provider, {
 	value: {
-		client: t,
+		client: n,
 		insights: i
 	},
-	children: e
+	children: t
 }), a = () => {
-	let e = t(r);
+	let e = n(r);
 	if (!e.client) throw Error("useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider.");
 	return e.client;
-}, o = () => t(r).client, s = () => t(r).insights;
+}, o = () => n(r).client, s = () => n(r).insights;
 //#endregion
 export { s as i, i as n, o as r, a as t };

package/PhoneWidget-BmBO-kvA.js

@@ -0,0 +1,99 @@
+"use client";
+import { r as e, t } from "./CollectionField-C-6a1ud4.js";
+import { t as ee } from "./VerifyButton-BUT70lgz.js";
+import { t as n } from "./CollectionInput-BJ__qcbk.js";
+import te, { isSupportedCountry as r } from "react-phone-number-input";
+import { useController as i } from "react-hook-form";
+import { c as a } from "react/compiler-runtime";
+import { jsx as o, jsxs as ne } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { IconPencil as re } from "@tabler/icons-react";
+//#region ../../libraries/react-collection/dist/widgets/phoneWidget/PhoneWidget.cssm.js
+var ie = "_89f1hw0", c = "_89f1hw1", l = "_89f1hw2", ae = "_89f1hw4", u = (u) => {
+	let d = a(51), { field: f, settings: oe } = u, { key: p, label: m, helper_text: h, readonly: g, options: _ } = f, v = p === void 0 ? "" : p, y = m === void 0 ? "" : m, b = h === void 0 ? "" : h, x = g === void 0 ? !1 : g, S = v, C = !!_?.verification && !!oe?.enableVerification, [w, T] = s(null), [E, se] = s(!1), D;
+	d[0] !== E || d[1] !== C || d[2] !== w ? (D = (e) => E ? !0 : C && (!w || w !== e) ? "Phone verification required" : !0, d[0] = E, d[1] = C, d[2] = w, d[3] = D) : D = d[3];
+	let O;
+	d[4] !== f || d[5] !== D ? (O = e(f, D), d[4] = f, d[5] = D, d[6] = O) : O = d[6];
+	let k = O, A;
+	d[7] !== S || d[8] !== k ? (A = {
+		name: S,
+		rules: k
+	}, d[7] = S, d[8] = k, d[9] = A) : A = d[9];
+	let { field: j, fieldState: M } = i(A), N, P, F, I;
+	d[10] === j ? (N = d[11], P = d[12], F = d[13], I = d[14]) : ({value: I, onBlur: N, onChange: P, ...F} = j, d[10] = j, d[11] = N, d[12] = P, d[13] = F, d[14] = I);
+	let { error: ce } = M, L = !!f?.required, R = ce?.message, z = !!w && !!I && w === I, B;
+	d[15] === _?.country ? B = d[16] : (B = () => {
+		let e = _?.country;
+		if (e && typeof e == "string") {
+			let t = e?.toUpperCase();
+			if (r(t)) return t;
+		}
+		return "IN";
+	}, d[15] = _?.country, d[16] = B);
+	let V = B, H;
+	d[17] === P ? H = d[18] : (H = (e) => {
+		T(e), P(e);
+	}, d[17] = P, d[18] = H);
+	let U = H, W = I ?? "", G;
+	d[19] === V ? G = d[20] : (G = V(), d[19] = V, d[20] = G);
+	let K;
+	d[21] === P ? K = d[22] : (K = (e) => {
+		P?.(e ?? "");
+	}, d[21] = P, d[22] = K);
+	let q;
+	d[23] === N ? q = d[24] : (q = () => {
+		N?.();
+	}, d[23] = N, d[24] = q);
+	let J = x || z, Y;
+	d[25] === z ? Y = d[26] : (Y = z ? /* @__PURE__ */ o("button", {
+		type: "button",
+		onClick: () => T(null),
+		className: ae,
+		title: "Change phone number",
+		children: /* @__PURE__ */ o(re, { size: 14 })
+	}) : null, d[25] = z, d[26] = Y);
+	let X;
+	d[27] !== F || d[28] !== W || d[29] !== G || d[30] !== K || d[31] !== q || d[32] !== J || d[33] !== Y ? (X = /* @__PURE__ */ o("div", {
+		className: l,
+		children: /* @__PURE__ */ o(te, {
+			value: W,
+			international: !0,
+			inputComponent: n,
+			defaultCountry: G,
+			onChange: K,
+			onBlur: q,
+			className: ie,
+			readOnly: J,
+			rightIcon: Y,
+			...F
+		})
+	}), d[27] = F, d[28] = W, d[29] = G, d[30] = K, d[31] = q, d[32] = J, d[33] = Y, d[34] = X) : X = d[34];
+	let Z;
+	d[35] !== U || d[36] !== z || d[37] !== C || d[38] !== I ? (Z = C && /* @__PURE__ */ o("div", {
+		className: "_89f1hw3",
+		children: /* @__PURE__ */ o(ee, {
+			value: I,
+			type: "phone",
+			isVerified: z,
+			onVerifySuccess: U,
+			onStateChange: se
+		})
+	}), d[35] = U, d[36] = z, d[37] = C, d[38] = I, d[39] = Z) : Z = d[39];
+	let Q;
+	d[40] !== X || d[41] !== Z ? (Q = /* @__PURE__ */ ne("div", {
+		className: c,
+		children: [X, Z]
+	}), d[40] = X, d[41] = Z, d[42] = Q) : Q = d[42];
+	let $;
+	return d[43] !== R || d[44] !== b || d[45] !== L || d[46] !== y || d[47] !== S || d[48] !== x || d[49] !== Q ? ($ = /* @__PURE__ */ o(t, {
+		error: R,
+		helperText: b,
+		readOnly: x,
+		label: y,
+		htmlFor: S,
+		isRequired: L,
+		children: Q
+	}), d[43] = R, d[44] = b, d[45] = L, d[46] = y, d[47] = S, d[48] = x, d[49] = Q, d[50] = $) : $ = d[50], $;
+};
+//#endregion
+export { u as PhoneWidget, u as default };

package/{Popover-C7zZHBIc.js → Popover-3N88sRp4.js}

@@ -1,54 +1,54 @@
-import { i as e, t } from "./ThemeProvider-BQmIB5tr.js";
-import { jsx as n } from "react/jsx-runtime";
-import { c as r } from "react/compiler-runtime";
-import i from "clsx";
+import { i as e, t } from "./ThemeProvider-DutrjSTF.js";
+import { c as n } from "react/compiler-runtime";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
 import { Popover as a } from "@base-ui/react/popover";
 //#region ../../libraries/levocn/dist/ui/popover/Popover.cssm.js
 var o = "_1tn9uzj0", s = "_1tn9uzj4", c = (e) => {
-	let t = r(4), i;
-	t[0] === e ? i = t[1] : ({...i} = e, t[0] = e, t[1] = i);
+	let t = n(4), r;
+	t[0] === e ? r = t[1] : ({...r} = e, t[0] = e, t[1] = r);
 	let o;
-	return t[2] === i ? o = t[3] : (o = /* @__PURE__ */ n(a.Root, { ...i }), t[2] = i, t[3] = o), o;
+	return t[2] === r ? o = t[3] : (o = /* @__PURE__ */ i(a.Root, { ...r }), t[2] = r, t[3] = o), o;
 }, l = (e) => {
-	let i = r(5), o;
-	i[0] === e ? o = i[1] : ({...o} = e, i[0] = e, i[1] = o);
+	let r = n(5), o;
+	r[0] === e ? o = r[1] : ({...o} = e, r[0] = e, r[1] = o);
 	let { portalRef: s } = t(), c;
-	return i[2] !== s || i[3] !== o ? (c = /* @__PURE__ */ n(a.Portal, {
+	return r[2] !== s || r[3] !== o ? (c = /* @__PURE__ */ i(a.Portal, {
 		container: s,
 		...o
-	}), i[2] = s, i[3] = o, i[4] = c) : c = i[4], c;
+	}), r[2] = s, r[3] = o, r[4] = c) : c = r[4], c;
 }, u = (e) => {
-	let t = r(8), o, c;
+	let t = n(8), o, c;
 	t[0] === e ? (o = t[1], c = t[2]) : ({className: o, ...c} = e, t[0] = e, t[1] = o, t[2] = c);
 	let l;
-	t[3] === o ? l = t[4] : (l = i(s, o), t[3] = o, t[4] = l);
+	t[3] === o ? l = t[4] : (l = r(s, o), t[3] = o, t[4] = l);
 	let u;
-	return t[5] !== c || t[6] !== l ? (u = /* @__PURE__ */ n(a.Positioner, {
+	return t[5] !== c || t[6] !== l ? (u = /* @__PURE__ */ i(a.Positioner, {
 		"data-levocn-portal": "",
 		className: l,
 		...c
 	}), t[5] = c, t[6] = l, t[7] = u) : u = t[7], u;
 }, d = (e) => {
-	let t = r(8), s, c;
+	let t = n(8), s, c;
 	t[0] === e ? (s = t[1], c = t[2]) : ({className: s, ...c} = e, t[0] = e, t[1] = s, t[2] = c);
 	let l;
-	t[3] === s ? l = t[4] : (l = i(o, s), t[3] = s, t[4] = l);
+	t[3] === s ? l = t[4] : (l = r(o, s), t[3] = s, t[4] = l);
 	let u;
-	return t[5] !== c || t[6] !== l ? (u = /* @__PURE__ */ n(a.Popup, {
+	return t[5] !== c || t[6] !== l ? (u = /* @__PURE__ */ i(a.Popup, {
 		"data-slot": "popover-content",
 		className: l,
 		...c
 	}), t[5] = c, t[6] = l, t[7] = u) : u = t[7], u;
 }, f = (t) => {
-	let o = r(12), s, c, l, u;
+	let o = n(12), s, c, l, u;
 	o[0] === t ? (s = o[1], c = o[2], l = o[3], u = o[4]) : ({className: s, variant: u, size: l, ...c} = t, o[0] = t, o[1] = s, o[2] = c, o[3] = l, o[4] = u);
 	let d;
-	o[5] !== s || o[6] !== l || o[7] !== u ? (d = i(e({
+	o[5] !== s || o[6] !== l || o[7] !== u ? (d = r(e({
 		variant: u,
 		size: l
 	}), s), o[5] = s, o[6] = l, o[7] = u, o[8] = d) : d = o[8];
 	let f;
-	return o[9] !== c || o[10] !== d ? (f = /* @__PURE__ */ n(a.Trigger, {
+	return o[9] !== c || o[10] !== d ? (f = /* @__PURE__ */ i(a.Trigger, {
 		className: d,
 		...c
 	}), o[9] = c, o[10] = d, o[11] = f) : f = o[11], f;

package/{PopupBody-DZVwDLkg-yrot8Uqb.js → PopupBody-DZVwDLkg-Cfy3lWGs.js}

@@ -1,13 +1,13 @@
-import { t as e } from "./LevoProvider-nmIbMlsk.js";
-import { r as t } from "./ThemeProvider-BQmIB5tr.js";
-import { i as n, r, t as i } from "./Dialog-DVB4WpBS.js";
-import { t as a } from "./inlineCollectionTheme-DYYMrmcE.js";
-import { _ as o, a as s, d as c, g as l, i as u, l as d, r as f } from "./usePopupRedirect-BThP_YPW-DoixMAB9.js";
-import { n as p, r as m, t as h } from "./nodeAlignment-D70kOcui.js";
-import g, { Suspense as _, lazy as v, useMemo as y, useState as ee } from "react";
-import { Fragment as te, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { c as ne } from "react/compiler-runtime";
-import S from "clsx";
+import { r as e } from "./ThemeProvider-DutrjSTF.js";
+import { t } from "./LevoProvider-Bsjkcwc8.js";
+import { i as n, r, t as i } from "./Dialog-dT7y641z.js";
+import { t as a } from "./inlineCollectionTheme-CWcMCUti.js";
+import { _ as o, a as s, d as c, g as l, i as u, l as d, r as f } from "./usePopupRedirect-BThP_YPW-COUseDik.js";
+import { n as p, r as m, t as h } from "./nodeAlignment-BnJljFlw.js";
+import { c as ee } from "react/compiler-runtime";
+import g from "clsx";
+import { Fragment as te, jsx as _, jsxs as v } from "react/jsx-runtime";
+import y, { Suspense as b, lazy as x, useMemo as S, useState as ne } from "react";
 import { IconCheck as re, IconCopy as ie } from "@tabler/icons-react";
 import { Extension as C, Mark as w, Node as T, getAttributesFromExtensions as E, getExtensionField as D, getSchema as O, getSchemaByResolvedExtensions as k, getStyleProperty as A, markInputRule as j, markPasteRule as M, mergeAttributes as N, resolveExtensions as ae, splitExtensions as oe, textblockTypeInputRule as se } from "@tiptap/core";
 import { DOMParser as ce, Node as P } from "@tiptap/pm/model";
@@ -130,7 +130,7 @@ function he(e, { nodeMapping: t, markMapping: n, unhandledNode: r, unhandledMark
 }
 function ge(e) {
 	let t = 0;
-	return he(({ component: e, props: { children: n, ...r } }) => g.createElement(e, Object.assign(r, { key: t++ }), [].concat(n)), e);
+	return he(({ component: e, props: { children: n, ...r } }) => y.createElement(e, Object.assign(r, { key: t++ }), [].concat(n)), e);
 }
 function q(e, t) {
 	return e ? Object.entries(e).reduce((e, [t, n]) => {
@@ -152,9 +152,9 @@ function J(e, t = 0) {
 	if (typeof e == "string") return () => e;
 	if (typeof e == "object" && "length" in e) {
 		let [n, r, i, ...a] = e, o = n.split(" ");
-		if (o.length > 1 && (n = o[1], r === void 0 && (r = { xmlns: o[0] }), r === 0 && (r = { xmlns: o[0] }, i = 0), typeof r == "object" && (r = Object.assign(r, { xmlns: o[0] }))), r === void 0) return () => g.createElement(n, q(void 0, t.toString()));
-		if (r === 0) return (e) => g.createElement(n, q(void 0, t.toString()), e);
-		if (typeof r == "object") return Array.isArray(r) ? i === void 0 || i === 0 ? (e) => g.createElement(n, q(void 0, t.toString()), J(r, t++)(e)) : (e) => g.createElement(n, q(void 0, t.toString()), J(r)(e), [i].concat(a).map((n) => J(n, t++)(e))) : i === void 0 ? () => g.createElement(n, q(r, t.toString())) : i === 0 ? (e) => g.createElement(n, q(r, t.toString()), e) : (e) => g.createElement(n, q(r, t.toString()), [i].concat(a).map((n) => J(n, t++)(e)));
+		if (o.length > 1 && (n = o[1], r === void 0 && (r = { xmlns: o[0] }), r === 0 && (r = { xmlns: o[0] }, i = 0), typeof r == "object" && (r = Object.assign(r, { xmlns: o[0] }))), r === void 0) return () => y.createElement(n, q(void 0, t.toString()));
+		if (r === 0) return (e) => y.createElement(n, q(void 0, t.toString()), e);
+		if (typeof r == "object") return Array.isArray(r) ? i === void 0 || i === 0 ? (e) => y.createElement(n, q(void 0, t.toString()), J(r, t++)(e)) : (e) => y.createElement(n, q(void 0, t.toString()), J(r)(e), [i].concat(a).map((n) => J(n, t++)(e))) : i === void 0 ? () => y.createElement(n, q(r, t.toString())) : i === 0 ? (e) => y.createElement(n, q(r, t.toString()), e) : (e) => y.createElement(n, q(r, t.toString()), [i].concat(a).map((n) => J(n, t++)(e)));
 	}
 	throw Error("[tiptap error]: Unsupported DomOutputSpec type, check the `renderHTML` method output or implement a node mapping", { cause: e });
 }
@@ -163,7 +163,7 @@ function _e({ content: e, extensions: t, options: n }) {
 		renderer: ge,
 		domOutputSpecToElement: J,
 		mapDefinedTypes: {
-			doc: ({ children: e }) => g.createElement(g.Fragment, {}, e),
+			doc: ({ children: e }) => y.createElement(y.Fragment, {}, e),
 			text: ({ node: e }) => e.text ?? ""
 		},
 		content: e,
@@ -2699,22 +2699,22 @@ var ve = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, ye = /(?:^|\s)(
 		"orderedList"
 	] })
 ], $ = (e) => ue(e, Q), Ke = ({ content: e, className: t, ref: n, ...r }) => {
-	let i = y(() => e ? typeof e == "string" ? e ? $(e) : null : e.json && Object.keys(e.json).length > 0 ? e.json : e.html ? $(e.html) : null : null, [e]), a = y(() => i ? _e({
+	let i = S(() => e ? typeof e == "string" ? e ? $(e) : null : e.json && Object.keys(e.json).length > 0 ? e.json : e.html ? $(e.html) : null : null, [e]), a = S(() => i ? _e({
 		content: i,
 		extensions: Q
 	}) : null, [i]);
-	return a ? /* @__PURE__ */ b("div", {
+	return a ? /* @__PURE__ */ _("div", {
 		ref: n,
-		className: S(m, t),
+		className: g(m, t),
 		...r,
 		children: a
 	}) : null;
-}, qe = /* @__PURE__ */ o({ PopupBody: () => Qe }), Je = v(() => import("./dist-C8gLeklT.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), Ye = p({ baseSpacing: ".625rem" }), Xe = { style: a({ form: { gap: "1rem" } }) }, Ze = {
+}, qe = /* @__PURE__ */ o({ PopupBody: () => Qe }), Je = x(() => import("./dist-CRDgdAkQ.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), Ye = p({ baseSpacing: ".625rem" }), Xe = { style: a({ form: { gap: "1rem" } }) }, Ze = {
 	left: d,
 	center: f,
 	right: u
 }, Qe = (a) => {
-	let o = ne(33), { popup: u, disableInteraction: d } = a, f = s(), p = f?.callbacks?.onAction, m = l(u), h = !f, { content: g } = u, { workspace: v } = e(), [y, S] = ee(!1), C;
+	let o = ee(33), { popup: u, disableInteraction: d } = a, f = s(), p = f?.callbacks?.onAction, m = l(u), h = !f, { content: g } = u, { workspace: y } = t(), [x, S] = ne(!1), C;
 	o[0] !== g.action || o[1] !== p || o[2] !== u ? (C = () => {
 		if (g.action?.type !== "redirect" || !g.action.copyValue) return;
 		let e = g.action.copyValue;
@@ -2730,21 +2730,21 @@ var ve = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, ye = /(?:^|\s)(
 	let O;
 	o[6] === d ? O = o[7] : (O = d ? { pointerEvents: "none" } : void 0, o[6] = d, o[7] = O);
 	let k;
-	o[8] !== T || o[9] !== g.description || o[10] !== g.heading ? (k = (g.heading || g.description) && /* @__PURE__ */ x(i, {
+	o[8] !== T || o[9] !== g.description || o[10] !== g.heading ? (k = (g.heading || g.description) && /* @__PURE__ */ v(i, {
 		className: "zv6sjd4",
 		style: { textAlign: T },
-		children: [g.heading && /* @__PURE__ */ b(n, { children: g.heading }), g.description && /* @__PURE__ */ b(r, { children: g.description })]
+		children: [g.heading && /* @__PURE__ */ _(n, { children: g.heading }), g.description && /* @__PURE__ */ _(r, { children: g.description })]
 	}), o[8] = T, o[9] = g.description, o[10] = g.heading, o[11] = k) : k = o[11];
 	let A;
-	o[12] === g.body ? A = o[13] : (A = (g.body?.html || g.body?.json) && /* @__PURE__ */ b(Ke, {
+	o[12] === g.body ? A = o[13] : (A = (g.body?.html || g.body?.json) && /* @__PURE__ */ _(Ke, {
 		className: "zv6sjd5",
 		style: Ye,
 		content: g.body
 	}), o[12] = g.body, o[13] = A);
 	let j;
-	o[14] !== T || o[15] !== g.action || o[16] !== h || o[17] !== p || o[18] !== u || o[19] !== v ? (j = g.action?.type === "form" && /* @__PURE__ */ b("div", {
+	o[14] !== T || o[15] !== g.action || o[16] !== h || o[17] !== p || o[18] !== u || o[19] !== y ? (j = g.action?.type === "form" && /* @__PURE__ */ _("div", {
 		className: "zv6sjd7",
-		children: /* @__PURE__ */ b(_, { children: /* @__PURE__ */ b(Je, {
+		children: /* @__PURE__ */ _(b, { children: /* @__PURE__ */ _(Je, {
 			collection_id: g.action.collectionKey,
 			formVariant: g.action.formVariant,
 			theme: Xe,
@@ -2761,7 +2761,7 @@ var ve = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, ye = /(?:^|\s)(
 				text: g.action.label || "Submit",
 				styles: g.action.fullWidth && (g.action.formVariant ?? "default") === "default" ? "zv6sjdb" : Ze[T]
 			},
-			workspace_id: v,
+			workspace_id: y,
 			containerStyles: "zv6sjd6",
 			preview: h,
 			onSuccess: () => {
@@ -2771,26 +2771,26 @@ var ve = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/, ye = /(?:^|\s)(
 				});
 			}
 		}) })
-	}), o[14] = T, o[15] = g.action, o[16] = h, o[17] = p, o[18] = u, o[19] = v, o[20] = j) : j = o[20];
+	}), o[14] = T, o[15] = g.action, o[16] = h, o[17] = p, o[18] = u, o[19] = y, o[20] = j) : j = o[20];
 	let M;
-	o[21] !== g.action || o[22] !== y || o[23] !== w || o[24] !== m ? (M = g.action?.type === "redirect" && /* @__PURE__ */ x(te, { children: [g.action.copyValue && /* @__PURE__ */ x("button", {
+	o[21] !== g.action || o[22] !== x || o[23] !== w || o[24] !== m ? (M = g.action?.type === "redirect" && /* @__PURE__ */ v(te, { children: [g.action.copyValue && /* @__PURE__ */ v("button", {
 		type: "button",
 		className: "zv6sjdd",
 		onClick: w,
-		children: [/* @__PURE__ */ b("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "zv6sjde",
 			children: g.action.copyValue
-		}), b(y ? re : ie, {
+		}), _(x ? re : ie, {
 			size: 18,
 			className: "zv6sjdf"
 		})]
-	}), /* @__PURE__ */ b(t, {
+	}), /* @__PURE__ */ _(e, {
 		className: "zv6sjdc",
 		onClick: () => m?.(),
 		children: g.action.label || "Button"
-	})] }), o[21] = g.action, o[22] = y, o[23] = w, o[24] = m, o[25] = M) : M = o[25];
+	})] }), o[21] = g.action, o[22] = x, o[23] = w, o[24] = m, o[25] = M) : M = o[25];
 	let N;
-	return o[26] !== D || o[27] !== O || o[28] !== k || o[29] !== A || o[30] !== j || o[31] !== M ? (N = /* @__PURE__ */ x("div", {
+	return o[26] !== D || o[27] !== O || o[28] !== k || o[29] !== A || o[30] !== j || o[31] !== M ? (N = /* @__PURE__ */ v("div", {
 		className: D,
 		style: O,
 		children: [