ddd-react 1.10.15 → 1.11.0

package/dist/component.d.ts

@@ -4,7 +4,6 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     vdom: VDOMNode | null;
     private hostEl;
     parent: Component | null;
-    private error;
     static defaultProps: any;
     static getDerivedStateFromError?(error: Error): any;
     props: P & WithChildrenProps;
@@ -25,13 +24,13 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     }): void;
     notify(): void;
     didMount(): void | Promise<void>;
-    willUpdate(nextProps: P, nextState: S): void | Promise<void>;
-    didUpdate(prevProps: P, prevState: S): void | Promise<void>;
+    willUpdate(_nextProps: P, _nextState: S): void | Promise<void>;
+    didUpdate(_prevProps: P, _prevState: S): void | Promise<void>;
     willUnmount(): void | Promise<void>;
     didUnmount(): void | Promise<void>;
     didCatch(error: Error, errorInfo: any): void | Promise<void>;
     shouldComponentUpdate(prevProps: P, nextProps: P): boolean;
-    abstract render(): VDOMNode;
+    abstract render(): VDOMNode[] | VDOMNode | Function | null | undefined;
     get elements(): HTMLElement[];
     get firstElement(): HTMLElement | undefined;
     get offset(): number;
@@ -47,4 +46,5 @@ export declare abstract class Component<P = {}, S = {}, C = null> {
     private getComponentStack;
     private findClosestErrorBoundary;
     isErrorBoundary(): boolean;
+    private normalizeRenderResult;
 }

package/dist/{h-BbaMkkC7.mjs → h-edTp7-8E.mjs}

@@ -165,8 +165,8 @@ export {
   o as D,
   d as a,
   m as b,
-  E as c,
-  I as d,
+  I as c,
+  E as d,
   f as e,
   a as f,
   g as h

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { D as u, e as m, a as F, A as v, b as x, h as U, c as B } from "./h-BbaMkkC7.mjs";
-import { d as Pt, f as Ot } from "./h-BbaMkkC7.mjs";
+import { D as u, e as g, a as F, A as v, b as U, h as N, c as B, d as I } from "./h-edTp7-8E.mjs";
+import { f as Ot } from "./h-edTp7-8E.mjs";
 function b(e, t) {
   if (e === null || t === null || e === void 0 || t === void 0)
     return e === t;
@@ -39,17 +39,17 @@ function b(e, t) {
   }
   return !1;
 }
-function N(e, t, r, n = null) {
+function M(e, t, r, n = null) {
   function s(i) {
     const o = i;
     n ? t.call(n, o) : t(o);
   }
   return r.addEventListener(e, s), s;
 }
-function I(e = {}, t, r = null) {
+function _(e = {}, t, r = null) {
   const n = {};
   return Object.entries(e).forEach(([s, i]) => {
-    n[s] = N(
+    n[s] = M(
       s,
       i,
       t,
@@ -74,7 +74,7 @@ function p(e) {
       break;
     }
     case u.FRAGMENT: {
-      _(e);
+      z(e);
       break;
     }
     case u.COMPONENT: {
@@ -98,7 +98,7 @@ function G(e) {
   const { el: t, children: r, listeners: n, props: s } = e;
   s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), r && r.forEach(p), n && t && ($(n, t), delete e.listeners);
 }
-function _(e) {
+function z(e) {
   const { children: t } = e;
   t && t.forEach(p);
 }
@@ -106,7 +106,7 @@ function X(e) {
   const { children: t } = e;
   t && t.forEach(p);
 }
-function M(e, t, r) {
+function w(e, t, r) {
   e.style[t] = r.toString();
 }
 function J(e, t) {
@@ -115,10 +115,10 @@ function J(e, t) {
 function K(e, t) {
   const { class: r, style: n, ...s } = t;
   r && W(e, r), n && Object.entries(n).forEach(([i, o]) => {
-    M(e, i, o);
+    w(e, i, o);
   });
   for (const [i, o] of Object.entries(s))
-    w(e, i, o);
+    D(e, i, o);
 }
 function W(e, t) {
   if (e instanceof SVGElement) {
@@ -127,15 +127,15 @@ function W(e, t) {
   }
   e.className = "", typeof t == "string" ? e.className = t : Array.isArray(t) && e.classList.add(...t);
 }
-function w(e, t, r) {
-  r == null ? D(e, t) : e.setAttribute(t, String(r));
+function D(e, t, r) {
+  r == null ? j(e, t) : e.setAttribute(t, String(r));
 }
-function D(e, t) {
+function j(e, t) {
   e[t] = null, e.removeAttribute(t);
 }
 let P = !1;
 const O = [];
-function h(e) {
+function d(e) {
   O.push(e), Y();
 }
 function Y() {
@@ -165,59 +165,74 @@ function A(e) {
   const { on: t = {}, ...r } = e.props;
   return delete r.key, { props: r, events: t };
 }
-function d(e, t, r = null, n = null) {
+function h(e, t, r = null, n = null) {
   switch (e.type) {
     case u.TEXT: {
-      z(e, t, r);
+      Q(e, t, r);
       break;
     }
     case u.ELEMENT: {
-      Z(e, t, r, n);
+      V(
+        e,
+        t,
+        r,
+        n
+      );
       break;
     }
     case u.FRAGMENT: {
-      Q(e, t, r, n);
+      Z(
+        e,
+        t,
+        r,
+        n
+      );
       break;
     }
     case u.COMPONENT: {
-      tt(e, t, r, n);
+      et(
+        e,
+        t,
+        r,
+        n
+      );
       const s = e.component;
-      s && h(() => s.didMount());
+      s && d(() => s.didMount());
       break;
     }
     case u.PORTAL: {
-      et(e, n);
+      rt(e, n);
       break;
     }
     default:
       throw new Error(`Can't mount DOM of type: ${e.type}`);
   }
 }
-function z(e, t, r) {
+function Q(e, t, r) {
   const { value: n } = e, s = document.createTextNode(n);
-  e.el = s, j(s, t, r);
+  e.el = s, L(s, t, r);
 }
-function Q(e, t, r, n) {
+function Z(e, t, r, n) {
   const { children: s } = e;
   e.el = t, s?.forEach((i, o) => {
-    d(i, t, r != null ? r + o : null, n);
+    h(i, t, r != null ? r + o : null, n);
   });
 }
-function Z(e, t, r, n) {
-  const { tag: s, children: i } = e, f = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
-  V(f, e, n), e.el = f, i?.forEach((a) => {
-    d(a, f, null, n);
-  }), j(f, t, r);
+function V(e, t, r, n) {
+  const { tag: s, children: i } = e, l = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  tt(l, e, n), e.el = l, i?.forEach((f) => {
+    h(f, l, null, n);
+  }), L(l, t, r);
 }
-function V(e, t, r) {
+function tt(e, t, r) {
   const { props: n, events: s } = A(t);
-  n.ref && typeof n.ref == "object" && "current" in n.ref && (n.ref.current = e, delete n.ref), t.listeners = I(s, e, r), K(e, n);
+  n.ref && typeof n.ref == "object" && "current" in n.ref && (n.ref.current = e, delete n.ref), t.listeners = _(s, e, r), K(e, n);
 }
-function tt(e, t, r, n) {
+function et(e, t, r, n) {
   const s = e.tag, { props: i } = A(e), o = new s(i, n);
   o.mount(t, r), e.component = o, e.el = o.firstElement || null;
 }
-function j(e, t, r) {
+function L(e, t, r) {
   if (r == null) {
     t.append(e);
     return;
@@ -227,13 +242,13 @@ function j(e, t, r) {
   const n = t.childNodes;
   r >= n.length ? t.append(e) : t.insertBefore(e, n[r]);
 }
-function et(e, t) {
+function rt(e, t) {
   const { children: r, container: n } = e;
   r?.forEach((s) => {
-    d(s, n, null, t);
+    h(s, n, null, t);
   });
 }
-function L(e, t) {
+function R(e, t) {
   if (e.type !== t.type)
     return !1;
   if (e.type === u.ELEMENT) {
@@ -242,9 +257,9 @@ function L(e, t) {
       props: { key: i }
     } = r, {
       tag: o,
-      props: { key: f }
+      props: { key: l }
     } = n;
-    return s === o && i === f;
+    return s === o && i === l;
   }
   if (e.type === u.COMPONENT) {
     const r = e, n = t, { tag: s } = r, { tag: i } = n;
@@ -266,152 +281,179 @@ function S(e, t) {
     updated: i
   };
 }
-function rt(e) {
+function nt(e) {
   return e !== "";
 }
-function C(e) {
-  return rt(e.trim());
+function T(e) {
+  return nt(e.trim());
 }
 function y(e, t, r, n = null) {
-  if (!L(e, t)) {
-    const s = nt(r, e.el);
-    return p(e), d(t, r, s, n), t;
+  if (!R(e, t)) {
+    const s = st(r, e.el);
+    return p(e), h(t, r, s, n), t;
   }
   switch (t.el = e.el, t.type) {
     case u.TEXT:
-      return st(e, t), t;
+      return ot(e, t), t;
     case u.ELEMENT: {
-      ot(e, t, n);
+      it(
+        e,
+        t,
+        n
+      );
       break;
     }
     case u.COMPONENT: {
-      ft(e, t);
+      at(
+        e,
+        t
+      );
       break;
     }
     case u.PORTAL: {
-      lt(e, t, n);
+      ht(
+        e,
+        t,
+        n
+      );
       break;
     }
   }
-  return R(e, t, n), t;
+  return x(e, t, n), t;
 }
-function nt(e, t) {
+function st(e, t) {
   if (!t) return null;
   const r = Array.from(e.childNodes).indexOf(t);
   return r < 0 ? null : r;
 }
-function st(e, t) {
+function ot(e, t) {
   const r = e.el, { value: n } = e, { value: s } = t;
   n !== s && r && (r.nodeValue = s);
 }
-function ot(e, t, r) {
+function it(e, t, r) {
   const n = e.el, {
     class: s,
     style: i,
     on: o,
-    ...f
+    ...l
   } = e.props ?? {}, {
-    class: a,
+    class: f,
     style: c,
-    on: l,
+    on: a,
     ...E
-  } = t.props ?? {}, { listeners: g } = e;
-  it(n, f, E), ct(n, s, a), ut(
+  } = t.props ?? {}, { listeners: m } = e;
+  ct(n, l, E), ut(n, s, f), lt(
     n,
     i,
     c
-  ), t.listeners = at(
+  ), t.listeners = ft(
     n,
-    g,
+    m,
     o ?? {},
-    l ?? {},
+    a ?? {},
     r
   );
 }
-function it(e, t = {}, r = {}) {
+function ct(e, t = {}, r = {}) {
   const n = t.ref, s = r.ref;
   n !== s && (n && typeof n == "object" && "current" in n && (n.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
   const i = { ...t }, o = { ...r };
   delete i.ref, delete o.ref;
-  const { added: f, removed: a, updated: c } = S(i, o);
-  for (const l of a)
-    D(e, l);
-  for (const l of f.concat(c))
-    w(e, l, o[l]);
-}
-function ct(e, t, r) {
-  const n = T(t), s = T(r), { added: i, removed: o } = x(n, s);
+  const { added: l, removed: f, updated: c } = S(
+    i,
+    o
+  );
+  for (const a of f)
+    j(e, a);
+  for (const a of l.concat(c))
+    D(e, a, o[a]);
+}
+function ut(e, t, r) {
+  const n = k(t), s = k(r), { added: i, removed: o } = U(n, s);
   o.length > 0 && e.classList.remove(...o), i.length > 0 && e.classList.add(...i);
 }
-function T(e = "") {
-  return Array.isArray(e) ? e.filter(C) : String(e).split(/(\s+)/).filter(C);
+function k(e = "") {
+  return Array.isArray(e) ? e.filter(T) : String(e).split(/(\s+)/).filter(T);
 }
-function ut(e, t = {}, r = {}) {
+function lt(e, t = {}, r = {}) {
   const { added: n, removed: s, updated: i } = S(t, r);
   for (const o of s)
     J(e, o);
   for (const o of n.concat(i))
-    M(e, o, r[o]);
+    w(e, o, r[o]);
 }
-function at(e, t = {}, r = {}, n = {}, s = null) {
-  const { removed: i, added: o, updated: f } = S(r, n), a = { ...t };
-  for (const c of i.concat(f)) {
-    const l = t?.[c];
-    l && (e.removeEventListener(c, l), delete a[c]);
+function ft(e, t = {}, r = {}, n = {}, s = null) {
+  const { removed: i, added: o, updated: l } = S(r, n), f = { ...t };
+  for (const c of i.concat(l)) {
+    const a = t?.[c];
+    a && (e.removeEventListener(c, a), delete f[c]);
   }
-  for (const c of o.concat(f))
-    a[c] = N(
+  for (const c of o.concat(l))
+    f[c] = M(
       c,
       n[c],
       e,
       s
     );
-  return a;
-}
-function R(e, t, r) {
-  const n = m(e), s = m(t), i = e.el, o = F(n, s, L), f = r?.offset ?? 0;
-  for (const a of o)
-    if (a.op === v.NOOP) {
-      const { originalIndex: c, index: l } = a;
-      y(n[c], s[l], i, r);
+  return f;
+}
+function x(e, t, r) {
+  const n = g(e), s = g(t), i = e.el, o = F(
+    n,
+    s,
+    R
+  ), l = r?.offset ?? 0;
+  for (const f of o)
+    if (f.op === v.NOOP) {
+      const { originalIndex: c, index: a } = f;
+      y(
+        n[c],
+        s[a],
+        i,
+        r
+      );
     }
-  for (const a of o)
-    switch (a.op) {
+  for (const f of o)
+    switch (f.op) {
       case v.MOVE: {
-        const { from: c, index: l } = a, E = n[c].el, g = i.childNodes[l + f];
-        E && (i.insertBefore(E, g), y(n[c], s[l], i, r));
+        const { from: c, index: a } = f, E = n[c].el, m = i.childNodes[a + l];
+        E && (i.insertBefore(E, m), y(
+          n[c],
+          s[a],
+          i,
+          r
+        ));
         break;
       }
       case v.REMOVE: {
-        const { item: c } = a;
+        const { item: c } = f;
         p(c);
         break;
       }
       case v.ADD: {
-        const { index: c, item: l } = a;
-        d(l, i, c + f, r);
+        const { index: c, item: a } = f;
+        h(a, i, c + l, r);
         break;
       }
     }
 }
-function ft(e, t) {
+function at(e, t) {
   const { component: r } = e, { props: n } = A(t);
   r.updateProps(n), t.component = r, t.el = r.firstElement;
 }
-function lt(e, t, r) {
+function ht(e, t, r) {
   if (e.container !== t.container) {
-    p(e), d(t, document.body, null, r);
+    p(e), h(t, document.body, null, r);
     return;
   }
-  R(e, t, r);
+  x(e, t, r);
 }
-const ht = (e) => e.isProvider, dt = (e) => e.isConsumer;
-class k {
+const dt = (e) => e.isProvider, pt = (e) => e.isConsumer;
+class C {
   isMounted = !1;
   vdom = null;
   hostEl = null;
   parent = null;
-  error = null;
   static defaultProps = {};
   props;
   state = {};
@@ -428,11 +470,13 @@ class k {
     this.dependencies.some((r) => r.consumer === t) || (this.dependencies.push({ consumer: t }), t.subscribedProvider = this);
   }
   removeDependency({ consumer: t }) {
-    const r = this.dependencies.findIndex((n) => n.consumer === t);
+    const r = this.dependencies.findIndex(
+      (n) => n.consumer === t
+    );
     r !== -1 && (this.dependencies.splice(r, 1), t.subscribedProvider = null);
   }
   notify() {
-    h(() => {
+    d(() => {
       this.dependencies.forEach(({ consumer: t }) => {
         t.isMounted && t.updateContext() && t.patch(t.props, t.state);
       });
@@ -454,13 +498,13 @@ class k {
     return Promise.resolve();
   }
   didCatch(t, r) {
-    return console.error("Uncaught error:", t, r), this.error = t, Promise.resolve();
+    return console.error("Uncaught error:", t, r), Promise.resolve();
   }
   shouldComponentUpdate(t, r) {
     return b(t, r);
   }
   get elements() {
-    return this.vdom == null ? [] : this.vdom.type === u.FRAGMENT ? m(this.vdom).flatMap((t) => t.type === u.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
+    return this.vdom == null ? [] : this.vdom.type === u.FRAGMENT ? g(this.vdom).flatMap((t) => t.type === u.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
   }
   get firstElement() {
     return this.elements[0];
@@ -470,36 +514,40 @@ class k {
   }
   updateProps(t) {
     const n = { ...this.getDefaultProps(), ...this.props, ...t }, s = this.props;
-    this.props = n, !this.shouldComponentUpdate(s, n) && (ht(this) && this.notify(), this.patch(s, this.state));
+    this.props = n, !this.shouldComponentUpdate(s, n) && (dt(this) && this.notify(), this.patch(s, this.state));
   }
   setState(t) {
     const r = this.state;
     typeof t == "function" ? this.state = {
       ...this.state,
-      ...t(this.state, this.props)
+      ...t(
+        this.state,
+        this.props
+      )
     } : this.state = { ...this.state, ...t }, this.patch(this.props, r);
   }
   mount(t, r = null) {
     if (this.isMounted)
       throw new Error("Component is already mounted");
-    dt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext();
+    pt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext();
     try {
-      this.vdom = this.render(), this.hostEl = t, this.isMounted = !0, d(this.vdom, t, r, this);
+      const n = this.render(), s = this.normalizeRenderResult(n);
+      this.hostEl = t, this.isMounted = !0, s !== null ? (h(s, t, r, this), this.vdom = s) : this.vdom = null;
     } catch (n) {
       this.handleError(n, "mount");
     }
   }
   unmount() {
-    this.isMounted && (h(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
+    this.isMounted && (d(() => this.willUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
       t.subscribedProvider = null;
-    }), this.dependencies = [], this.vdom && p(this.vdom), h(() => this.didUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1, this.error = null);
+    }), this.dependencies = [], this.vdom && p(this.vdom), d(() => this.didUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
   }
   patch(t, r) {
-    if (!(!this.isMounted || !this.hostEl || !this.vdom)) {
-      h(() => this.willUpdate(this.props, this.state));
+    if (!(!this.isMounted || !this.hostEl)) {
+      d(() => this.willUpdate(this.props, this.state));
       try {
-        const n = this.render();
-        this.vdom = y(this.vdom, n, this.hostEl, this), h(() => this.didUpdate(t, r));
+        const n = this.render(), s = this.normalizeRenderResult(n);
+        this.vdom === null && s !== null ? (h(s, this.hostEl, null, this), this.vdom = s) : this.vdom !== null && s === null ? (p(this.vdom), this.vdom = null) : this.vdom !== null && s !== null && (this.vdom = y(this.vdom, s, this.hostEl, this)), d(() => this.didUpdate(t, r));
       } catch (n) {
         this.handleError(n, "patch");
       }
@@ -545,12 +593,18 @@ class k {
       if (n.hostEl && n.isMounted)
         try {
           const o = n.render();
-          o && (n.vdom = y(n.vdom, o, n.hostEl, n), h(() => {
-            n.didCatch(t, {
+          o && (n.vdom = y(
+            n.vdom,
+            o,
+            n.hostEl,
+            n
+          ), d(() => {
+            const l = {
               phase: r,
               failedComponent: this.constructor.name,
               componentStack: this.getComponentStack()
-            });
+            };
+            console.error("error", t, l), n.didCatch(t, l);
           }));
         } catch (o) {
           n.parent && n.parent.handleError(o, r);
@@ -562,7 +616,7 @@ class k {
       const i = s.getDerivedStateFromError(t);
       this.state = { ...this.state, ...i };
     }
-    h(() => {
+    d(() => {
       if (this.didCatch(t, {
         phase: r,
         componentStack: this.getComponentStack()
@@ -592,18 +646,21 @@ class k {
     return null;
   }
   isErrorBoundary() {
-    return console.log("isErrorBoundary"), console.log("this.constructor as typeof Component", this.constructor), console.log("(this.constructor as typeof Component).getDerivedStateFromError", this.constructor.getDerivedStateFromError), this.constructor.getDerivedStateFromError !== void 0;
+    return this.constructor.getDerivedStateFromError !== void 0;
+  }
+  normalizeRenderResult(t) {
+    return t == null ? null : Array.isArray(t) ? t.length > 0 ? N(t) : null : typeof t == "function" ? B(t, {}) : t;
   }
 }
-function yt(e) {
-  class t extends k {
+function Et(e) {
+  class t extends C {
     isProvider = !0;
     render() {
       let s = [];
-      return Array.isArray(this.props.children) ? s = this.props.children : this.props.children ? s = [this.props.children] : s = [], U(s);
+      return Array.isArray(this.props.children) ? s = this.props.children : this.props.children ? s = [this.props.children] : s = [], N(s);
     }
   }
-  class r extends k {
+  class r extends C {
     static contextType = {
       Provider: t,
       defaultValue: e
@@ -629,27 +686,27 @@ function yt(e) {
     defaultValue: e
   };
 }
-function Et(e, t) {
+function vt(e, t) {
   if (!t)
     throw new Error("Container element is not provided for rendering.");
-  d(e, t);
+  h(e, t);
 }
-function vt(e = null) {
+function mt(e = null) {
   return {
     current: e
   };
 }
 function gt(e, t) {
   const r = Array.isArray(e) ? e : [e];
-  return B(r, t);
+  return I(r, t);
 }
 export {
-  k as Component,
-  yt as createContext,
+  C as Component,
+  Et as createContext,
   gt as createPortal,
-  vt as createRef,
-  Pt as h,
-  U as hFragment,
+  mt as createRef,
+  B as h,
+  N as hFragment,
   Ot as hString,
-  Et as render
+  vt as render
 };

package/dist/jsx-runtime.mjs

@@ -1,18 +1,18 @@
-import { h as p, d as c, f as a } from "./h-BbaMkkC7.mjs";
-const b = /* @__PURE__ */ Symbol("Fragment");
+import { h as p, c, f as a } from "./h-edTp7-8E.mjs";
+const h = /* @__PURE__ */ Symbol("Fragment");
 function l(n) {
   return n == null || n === !1 ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? a(String(n)) : n;
 }
-function j(n, o, ...r) {
-  if (n === b) {
-    const t = r.flat().map(l).filter((e) => e != null);
+function d(n, o, ...s) {
+  if (n === h) {
+    const t = s.flat().map(l).filter((e) => e != null);
     return p(t);
   }
   let f = {}, i = {};
   if (o && Object.entries(o).forEach(([t, e]) => {
     if (t.startsWith("on") && typeof e == "function") {
-      const s = t.slice(2).toLowerCase();
-      f[s] = e;
+      const r = t.slice(2).toLowerCase();
+      f[r] = e;
     } else t === "ref" ? i.ref = e : t === "className" ? i.class = e : t === "style" && typeof e == "object" ? i.style = e : t === "colorInterpolationFilters" ? i["color-interpolation-filters"] = e : t === "viewbox" ? i.viewBox = e : t !== "children" && t !== "key" && (i[t] = e);
   }), typeof n == "function")
     try {
@@ -21,18 +21,22 @@ function j(n, o, ...r) {
     }
   if (typeof n == "function" || typeof n == "object" && n != null && "render" in n) {
     const t = { ...o ?? {} };
-    return r.length > 0 && (t.children = r.flat().map(l).filter((e) => e != null)), c(n, t);
+    if (s.length > 0) {
+      const e = s.flat().map(l).filter((r) => r != null);
+      e.length === 1 ? t.children = e[0] : t.children = e;
+    }
+    return c(n, t);
   }
   f = {}, i = {}, o && Object.entries(o).forEach(([t, e]) => {
     if (t.startsWith("on") && typeof e == "function") {
-      const s = t.slice(2).toLowerCase();
-      f[s] = e;
+      const r = t.slice(2).toLowerCase();
+      f[r] = e;
     } else t === "ref" ? i.ref = e : t === "className" ? i.class = e : t === "style" && typeof e == "object" ? i.style = e : t === "colorInterpolationFilters" ? i["color-interpolation-filters"] = e : t === "filterUnits" ? i.filterUnits = e : t === "clipPath" ? i["clip-path"] = e : t === "floodOpacity" ? i["flood-opacity"] = e : t === "stdDeviation" ? i.stdDeviation = e : t === "viewbox" ? i.viewBox = e : t !== "children" && t !== "key" && (i[t] = e);
   });
-  const m = r.flat().map(l).filter((t) => t != null);
+  const m = s.flat().map(l).filter((t) => t != null);
   return c(n, { ...i, on: f }, m);
 }
 export {
-  b as Fragment,
-  j as jsx
+  h as Fragment,
+  d as jsx
 };

package/dist/types/types.d.ts

@@ -40,7 +40,7 @@ export interface Context<T> {
     defaultValue: T;
 }
 export interface WithChildrenProps {
-    children?: VDOMNode[] | VDOMNode | string | Function;
+    children?: VDOMNode[] | VDOMNode | Function;
 }
 export type ComponentType<Props = any, ComponentState = any, Context = any> = new (props: Props, parentComponent: Component<{}, any, null> | null) => Component<Props, ComponentState, Context>;
 export type Consumer<T> = Component<{}, {}, T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddd-react",
-  "version": "1.10.15",
+  "version": "1.11.0",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "type-check": "tsc --noEmit",