ddd-react 1.1.0 → 1.3.0

package/dist/index.d.ts

@@ -6,5 +6,7 @@ import { createRef } from './ref';
 import type { Ref } from './ref';
 import type { ComponentType } from './types/types';
 import { createPortal } from './portal';
+import { jsx } from "./jsx/jsx-runtime";
+import { jsxDEV } from "./jsx/jsx-dev-runtime";
 export type { ComponentType, Ref };
-export { Component, createContext, createRef, h, hFragment, hString, render, createPortal };
+export { Component, createContext, createRef, h, hFragment, hString, render, createPortal, jsx, jsxDEV };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-function v(e, t) {
+function O(e, t) {
   if (e === null || t === null || e === void 0 || t === void 0)
     return e === t;
   if (typeof e != typeof t)
@@ -12,7 +12,7 @@ function v(e, t) {
       if (e.length !== t.length)
         return !1;
       for (let r = 0; r < e.length; ++r)
-        if (!v(e[r], t[r]))
+        if (!O(e[r], t[r]))
           return !1;
       return !0;
     }
@@ -30,7 +30,7 @@ function v(e, t) {
         return !1;
     for (let r = 0; r < n.length; ++r) {
       const s = n[r];
-      if (!(s === "_owner" && e.$$typeof) && !v(e[s], t[s]))
+      if (!(s === "_owner" && e.$$typeof) && !O(e[s], t[s]))
         return !1;
     }
     return !0;
@@ -38,24 +38,24 @@ function v(e, t) {
   return !1;
 }
 function R(e, t, n, r = null) {
-  function s(i) {
-    const o = i;
-    r ? t.call(r, o) : t(o);
+  function s(o) {
+    const i = o;
+    r ? t.call(r, i) : t(i);
   }
   return n.addEventListener(e, s), s;
 }
-function F(e = {}, t, n = null) {
+function W(e = {}, t, n = null) {
   const r = {};
-  return Object.entries(e).forEach(([s, i]) => {
+  return Object.entries(e).forEach(([s, o]) => {
     r[s] = R(
       s,
-      i,
+      o,
       t,
       n
     );
   }), r;
 }
-function G(e = {}, t) {
+function $(e = {}, t) {
   Object.entries(e).forEach(([n, r]) => {
     t.removeEventListener(n, r);
   });
@@ -65,7 +65,7 @@ const h = {
   REMOVE: "remove",
   MOVE: "move",
   NOOP: "noop"
-}, c = {
+}, f = {
   TEXT: "text",
   ELEMENT: "element",
   FRAGMENT: "fragment",
@@ -75,24 +75,24 @@ const h = {
 function d(e) {
   const { type: t } = e;
   switch (t) {
-    case c.TEXT: {
-      q(e);
+    case f.TEXT: {
+      B(e);
       break;
     }
-    case c.ELEMENT: {
-      U(e);
+    case f.ELEMENT: {
+      X(e);
       break;
     }
-    case c.FRAGMENT: {
-      $(e);
+    case f.FRAGMENT: {
+      _(e);
       break;
     }
-    case c.COMPONENT: {
+    case f.COMPONENT: {
       e.component?.unmount();
       break;
     }
-    case c.PORTAL: {
-      W(e);
+    case f.PORTAL: {
+      z(e);
       break;
     }
     default:
@@ -100,32 +100,32 @@ function d(e) {
   }
   delete e.el;
 }
-function q(e) {
+function B(e) {
   const { el: t } = e;
   t && t.remove();
 }
-function U(e) {
+function X(e) {
   const { el: t, children: n, listeners: r, props: s } = e;
-  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), n && n.forEach(d), r && t && (G(r, t), delete e.listeners);
+  s?.ref && typeof s.ref == "object" && "current" in s.ref && (s.ref.current = null), t && t.remove(), n && n.forEach(d), r && t && ($(r, t), delete e.listeners);
 }
-function $(e) {
+function _(e) {
   const { children: t } = e;
   t && t.forEach(d);
 }
-function W(e) {
+function z(e) {
   const { children: t } = e;
   t && t.forEach(d);
 }
-function N(e) {
+function T(e) {
   return e.filter((t) => t != null);
 }
-function X(e, t) {
+function J(e, t) {
   return {
     added: t.filter((n) => !e.includes(n)),
     removed: e.filter((n) => !t.includes(n))
   };
 }
-class _ {
+class K {
   #t = [];
   #e = [];
   #n;
@@ -146,7 +146,7 @@ class _ {
       return !1;
     const r = this.#t[t];
     return n.findIndex(
-      (i) => this.#n(r, i)
+      (o) => this.#n(r, o)
     ) === -1;
   }
   findIndexFrom(t, n) {
@@ -195,115 +195,115 @@ class _ {
       from: r,
       index: n,
       item: this.#t[r]
-    }, [i] = this.#t.splice(r, 1);
-    this.#t.splice(n, 0, i);
-    const [o] = this.#e.splice(r, 1);
-    return this.#e.splice(n, 0, o), s;
+    }, [o] = this.#t.splice(r, 1);
+    this.#t.splice(n, 0, o);
+    const [i] = this.#e.splice(r, 1);
+    return this.#e.splice(n, 0, i), s;
   }
   get length() {
     return this.#t.length;
   }
 }
-function B(e, t, n = (r, s) => r === s) {
-  const r = [], s = new _(e, n);
-  for (let i = 0; i < t.length; i++) {
-    if (s.isRemoval(i, t)) {
-      r.push(s.removeItem(i)), i--;
+function Y(e, t, n = (r, s) => r === s) {
+  const r = [], s = new K(e, n);
+  for (let o = 0; o < t.length; o++) {
+    if (s.isRemoval(o, t)) {
+      r.push(s.removeItem(o)), o--;
       continue;
     }
-    if (s.isNoop(i, t)) {
-      r.push(s.noopItem(i));
+    if (s.isNoop(o, t)) {
+      r.push(s.noopItem(o));
       continue;
     }
-    const o = t[i];
-    if (s.isAddition(o, i)) {
-      r.push(s.addItem(o, i));
+    const i = t[o];
+    if (s.isAddition(i, o)) {
+      r.push(s.addItem(i, o));
       continue;
     }
-    r.push(s.moveItem(o, i));
+    r.push(s.moveItem(i, o));
   }
   return r.push(...s.removeItemsAfter(t.length)), r;
 }
-function mt(e, t = {}, n = []) {
-  const r = typeof e == "string" ? c.ELEMENT : c.COMPONENT;
+function w(e, t = {}, n = []) {
+  const r = typeof e == "string" ? f.ELEMENT : f.COMPONENT;
   return {
     tag: e,
     props: t,
     type: r,
-    children: T(N(n))
+    children: A(T(n))
   };
 }
-function J(e) {
+function S(e) {
   return {
-    type: c.TEXT,
+    type: f.TEXT,
     value: e,
     props: {}
   };
 }
-function K(e) {
+function D(e) {
   return {
-    type: c.FRAGMENT,
-    children: T(N(e)),
+    type: f.FRAGMENT,
+    children: A(T(e)),
     props: {}
   };
 }
-function Y(e, t) {
+function H(e, t) {
   return {
-    type: c.PORTAL,
-    children: T(N(e)),
+    type: f.PORTAL,
+    children: A(T(e)),
     props: {},
     container: t
   };
 }
-function T(e) {
-  return e.map((t) => typeof t == "string" ? J(t) : t);
+function A(e) {
+  return e.map((t) => typeof t == "string" ? S(t) : t);
 }
-function g(e) {
+function y(e) {
   if (!e.children)
     return [];
   const t = [];
   for (const n of e.children)
-    n.type === c.FRAGMENT ? t.push(...g(n)) : t.push(n);
+    n.type === f.FRAGMENT ? t.push(...y(n)) : t.push(n);
   return t;
 }
-function S(e, t, n) {
+function x(e, t, n) {
   e.style[t] = n.toString();
 }
-function H(e, t) {
+function Q(e, t) {
   e.style[t] = null;
 }
-function z(e, t) {
+function Z(e, t) {
   const { class: n, style: r, ...s } = t;
-  n && Q(e, n), r && Object.entries(r).forEach(([i, o]) => {
-    S(e, i, o);
+  n && V(e, n), r && Object.entries(r).forEach(([o, i]) => {
+    x(e, o, i);
   });
-  for (const [i, o] of Object.entries(s))
-    C(e, i, o);
+  for (const [o, i] of Object.entries(s))
+    F(e, o, i);
 }
-function Q(e, t) {
+function V(e, t) {
   if (e instanceof SVGElement) {
     e.removeAttribute("class"), typeof t == "string" ? e.setAttribute("class", t) : Array.isArray(t) && e.classList.add(...t);
     return;
   }
   e.className = "", typeof t == "string" ? e.className = t : Array.isArray(t) && e.classList.add(...t);
 }
-function C(e, t, n) {
-  n == null ? w(e, t) : e.setAttribute(t, String(n));
+function F(e, t, n) {
+  n == null ? k(e, t) : e.setAttribute(t, String(n));
 }
-function w(e, t) {
+function k(e, t) {
   e[t] = null, e.removeAttribute(t);
 }
-let b = !1;
-const O = [];
-function y(e) {
-  O.push(e), Z();
+let v = !1;
+const N = [];
+function E(e) {
+  N.push(e), tt();
 }
-function Z() {
-  b || (b = !0, queueMicrotask(V));
+function tt() {
+  v || (v = !0, queueMicrotask(et));
 }
-function V() {
-  for (; O.length > 0; ) {
-    const e = O.shift();
+function et() {
+  for (; N.length > 0; ) {
+    const e = N.shift();
     let t;
     try {
       t = e();
@@ -319,65 +319,65 @@ function V() {
       }
     );
   }
-  b = !1;
+  v = !1;
 }
-function A(e) {
+function M(e) {
   const { on: t = {}, ...n } = e.props;
   return delete n.key, { props: n, events: t };
 }
 function p(e, t, n = null, r = null) {
   switch (e.type) {
-    case c.TEXT: {
-      tt(e, t, n);
+    case f.TEXT: {
+      nt(e, t, n);
       break;
     }
-    case c.ELEMENT: {
-      nt(e, t, n, r);
+    case f.ELEMENT: {
+      st(e, t, n, r);
       break;
     }
-    case c.FRAGMENT: {
-      et(e, t, n, r);
+    case f.FRAGMENT: {
+      rt(e, t, n, r);
       break;
     }
-    case c.COMPONENT: {
-      st(e, t, n, r);
+    case f.COMPONENT: {
+      ot(e, t, n, r);
       const s = e.component;
-      s && y(() => s.onMount());
+      s && E(() => s.onMount());
       break;
     }
-    case c.PORTAL: {
-      it(e, r);
+    case f.PORTAL: {
+      ct(e, r);
       break;
     }
     default:
       throw new Error(`Can't mount DOM of type: ${e.type}`);
   }
 }
-function tt(e, t, n) {
+function nt(e, t, n) {
   const { value: r } = e, s = document.createTextNode(r);
-  e.el = s, j(s, t, n);
+  e.el = s, U(s, t, n);
 }
-function et(e, t, n, r) {
+function rt(e, t, n, r) {
   const { children: s } = e;
-  e.el = t, s?.forEach((i, o) => {
-    p(i, t, n != null ? n + o : null, r);
+  e.el = t, s?.forEach((o, i) => {
+    p(o, t, n != null ? n + i : null, r);
   });
 }
-function nt(e, t, n, r) {
-  const { tag: s, children: i } = e, f = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
-  rt(f, e, r), e.el = f, i?.forEach((l) => {
-    p(l, f, null, r);
-  }), j(f, t, n);
+function st(e, t, n, r) {
+  const { tag: s, children: o } = e, c = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  it(c, e, r), e.el = c, o?.forEach((l) => {
+    p(l, c, null, r);
+  }), U(c, t, n);
 }
-function rt(e, t, n) {
-  const { props: r, events: s } = A(t);
-  r.ref && typeof r.ref == "object" && "current" in r.ref && (r.ref.current = e, delete r.ref), t.listeners = F(s, e, n), z(e, r);
+function it(e, t, n) {
+  const { props: r, events: s } = M(t);
+  r.ref && typeof r.ref == "object" && "current" in r.ref && (r.ref.current = e, delete r.ref), t.listeners = W(s, e, n), Z(e, r);
 }
-function st(e, t, n, r) {
-  const s = e.tag, { props: i } = A(e), o = new s(i, r);
-  o.mount(t, n), e.component = o, e.el = o.firstElement || null;
+function ot(e, t, n, r) {
+  const s = e.tag, { props: o } = M(e), i = new s(o, r);
+  i.mount(t, n), e.component = i, e.el = i.firstElement || null;
 }
-function j(e, t, n) {
+function U(e, t, n) {
   if (n == null) {
     t.append(e);
     return;
@@ -387,75 +387,75 @@ function j(e, t, n) {
   const r = t.childNodes;
   n >= r.length ? t.append(e) : t.insertBefore(e, r[n]);
 }
-function it(e, t) {
+function ct(e, t) {
   const { children: n, container: r } = e;
   n?.forEach((s) => {
     p(s, r, null, t);
   });
 }
-function D(e, t) {
+function G(e, t) {
   if (e.type !== t.type)
     return !1;
-  if (e.type === c.ELEMENT) {
+  if (e.type === f.ELEMENT) {
     const n = e, r = t, {
       tag: s,
-      props: { key: i }
+      props: { key: o }
     } = n, {
-      tag: o,
-      props: { key: f }
+      tag: i,
+      props: { key: c }
     } = r;
-    return s === o && i === f;
+    return s === i && o === c;
   }
-  if (e.type === c.COMPONENT) {
-    const n = e, r = t, { tag: s } = n, { tag: i } = r;
-    return s === i;
+  if (e.type === f.COMPONENT) {
+    const n = e, r = t, { tag: s } = n, { tag: o } = r;
+    return s === o;
   }
-  if (e.type === c.PORTAL) {
+  if (e.type === f.PORTAL) {
     const n = e, r = t;
     return n.container === r.container;
   }
   return !0;
 }
-function M(e, t) {
-  const n = Object.keys(e), r = Object.keys(t), s = [], i = [];
-  for (const o of r)
-    o in e ? e[o] !== t[o] && i.push(o) : s.push(o);
+function I(e, t) {
+  const n = Object.keys(e), r = Object.keys(t), s = [], o = [];
+  for (const i of r)
+    i in e ? e[i] !== t[i] && o.push(i) : s.push(i);
   return {
     added: s,
-    removed: n.filter((o) => !(o in t)),
-    updated: i
+    removed: n.filter((i) => !(i in t)),
+    updated: o
   };
 }
-function ot(e) {
+function ft(e) {
   return e !== "";
 }
-function k(e) {
-  return ot(e.trim());
+function C(e) {
+  return ft(e.trim());
 }
 function P(e, t, n, r = null) {
-  if (!D(e, t)) {
-    const s = ct(n, e.el);
+  if (!G(e, t)) {
+    const s = lt(n, e.el);
     return d(e), p(t, n, s, r), t;
   }
   switch (t.el = e.el, t.type) {
-    case c.TEXT:
+    case f.TEXT:
       return ut(e, t), t;
-    case c.ELEMENT: {
-      ft(e, t, r);
+    case f.ELEMENT: {
+      at(e, t, r);
       break;
     }
-    case c.COMPONENT: {
-      dt(e, t);
+    case f.COMPONENT: {
+      Et(e, t);
       break;
     }
-    case c.PORTAL: {
-      Et(e, t, r);
+    case f.PORTAL: {
+      yt(e, t, r);
       break;
     }
   }
-  return x(e, t, r), t;
+  return q(e, t, r), t;
 }
-function ct(e, t) {
+function lt(e, t) {
   if (!t) return null;
   const n = Array.from(e.childNodes).indexOf(t);
   return n < 0 ? null : n;
@@ -464,63 +464,63 @@ function ut(e, t) {
   const n = e.el, { value: r } = e, { value: s } = t;
   r !== s && n && (n.nodeValue = s);
 }
-function ft(e, t, n) {
+function at(e, t, n) {
   const r = e.el, {
     class: s,
-    style: i,
-    on: o,
-    ...f
+    style: o,
+    on: i,
+    ...c
   } = e.props ?? {}, {
     class: l,
     style: u,
     on: a,
-    ...E
-  } = t.props ?? {}, { listeners: m } = e;
-  lt(r, f, E), at(r, s, l), ht(
+    ...m
+  } = t.props ?? {}, { listeners: b } = e;
+  ht(r, c, m), pt(r, s, l), dt(
     r,
-    i,
+    o,
     u
-  ), t.listeners = pt(
+  ), t.listeners = mt(
     r,
-    m,
-    o ?? {},
+    b,
+    i ?? {},
     a ?? {},
     n
   );
 }
-function lt(e, t = {}, n = {}) {
+function ht(e, t = {}, n = {}) {
   const r = t.ref, s = n.ref;
   r !== s && (r && typeof r == "object" && "current" in r && (r.current = null), s && typeof s == "object" && "current" in s && (s.current = e));
-  const i = { ...t }, o = { ...n };
-  delete i.ref, delete o.ref;
-  const { added: f, removed: l, updated: u } = M(i, o);
+  const o = { ...t }, i = { ...n };
+  delete o.ref, delete i.ref;
+  const { added: c, removed: l, updated: u } = I(o, i);
   for (const a of l)
-    w(e, a);
-  for (const a of f.concat(u))
-    C(e, a, o[a]);
-}
-function at(e, t, n) {
-  const r = I(t), s = I(n), { added: i, removed: o } = X(r, s);
-  o.length > 0 && e.classList.remove(...o), i.length > 0 && e.classList.add(...i);
-}
-function I(e = "") {
-  return Array.isArray(e) ? e.filter(k) : String(e).split(/(\s+)/).filter(k);
-}
-function ht(e, t = {}, n = {}) {
-  const { added: r, removed: s, updated: i } = M(t, n);
-  for (const o of s)
-    H(e, o);
-  for (const o of r.concat(i))
-    S(e, o, n[o]);
-}
-function pt(e, t = {}, n = {}, r = {}, s = null) {
-  const { removed: i, added: o, updated: f } = M(n, r);
-  for (const u of i.concat(f)) {
+    k(e, a);
+  for (const a of c.concat(u))
+    F(e, a, i[a]);
+}
+function pt(e, t, n) {
+  const r = L(t), s = L(n), { added: o, removed: i } = J(r, s);
+  i.length > 0 && e.classList.remove(...i), o.length > 0 && e.classList.add(...o);
+}
+function L(e = "") {
+  return Array.isArray(e) ? e.filter(C) : String(e).split(/(\s+)/).filter(C);
+}
+function dt(e, t = {}, n = {}) {
+  const { added: r, removed: s, updated: o } = I(t, n);
+  for (const i of s)
+    Q(e, i);
+  for (const i of r.concat(o))
+    x(e, i, n[i]);
+}
+function mt(e, t = {}, n = {}, r = {}, s = null) {
+  const { removed: o, added: i, updated: c } = I(n, r);
+  for (const u of o.concat(c)) {
     const a = t?.[u];
     a && e.removeEventListener(u, a);
   }
   const l = {};
-  for (const u of o.concat(f))
+  for (const u of i.concat(c))
     l[u] = R(
       u,
       r[u],
@@ -529,18 +529,18 @@ function pt(e, t = {}, n = {}, r = {}, s = null) {
     );
   return l;
 }
-function x(e, t, n) {
-  const r = g(e), s = g(t), i = e.el, o = B(r, s, D), f = n?.offset ?? 0;
-  for (const l of o)
+function q(e, t, n) {
+  const r = y(e), s = y(t), o = e.el, i = Y(r, s, G), c = n?.offset ?? 0;
+  for (const l of i)
     if (l.op === h.NOOP) {
       const { originalIndex: u, index: a } = l;
-      P(r[u], s[a], i, n);
+      P(r[u], s[a], o, n);
     }
-  for (const l of o)
+  for (const l of i)
     switch (l.op) {
       case h.MOVE: {
-        const { from: u, index: a } = l, E = r[u].el, m = i.childNodes[a + f];
-        E && (i.insertBefore(E, m), P(r[u], s[a], i, n));
+        const { from: u, index: a } = l, m = r[u].el, b = o.childNodes[a + c];
+        m && (o.insertBefore(m, b), P(r[u], s[a], o, n));
         break;
       }
       case h.REMOVE: {
@@ -550,24 +550,24 @@ function x(e, t, n) {
       }
       case h.ADD: {
         const { index: u, item: a } = l;
-        p(a, i, u + f, n);
+        p(a, o, u + c, n);
         break;
       }
     }
 }
-function dt(e, t) {
-  const { component: n } = e, { props: r } = A(t);
+function Et(e, t) {
+  const { component: n } = e, { props: r } = M(t);
   n.updateProps(r), t.component = n, t.el = n.firstElement;
 }
-function Et(e, t, n) {
+function yt(e, t, n) {
   if (e.container !== t.container) {
     d(e), p(t, document.body, null, n);
     return;
   }
-  x(e, t, n);
+  q(e, t, n);
 }
-const yt = (e) => e.constructor.name.includes("Provider"), gt = (e) => e.constructor.name.includes("Consumer");
-class L {
+const bt = (e) => e.constructor.name.includes("Provider"), gt = (e) => e.constructor.name.includes("Consumer");
+class j {
   constructor(t = {}, n) {
     this.isMounted = !1, this.vdom = null, this.hostEl = null, this.parent = null, this.state = {}, this.context = null, this.dependencies = [], this.subscribedProvider = null, this.props = t, this.parent = n;
   }
@@ -596,19 +596,19 @@ class L {
     return Promise.resolve();
   }
   get elements() {
-    return this.vdom == null ? [] : this.vdom.type === c.FRAGMENT ? g(this.vdom).flatMap((t) => t.type === c.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
+    return this.vdom == null ? [] : this.vdom.type === f.FRAGMENT ? y(this.vdom).flatMap((t) => t.type === f.COMPONENT && t.component ? t.component.elements : t.el ? [t.el] : []) : this.vdom.el ? [this.vdom.el] : [];
   }
   get firstElement() {
     return this.elements[0];
   }
   get offset() {
-    return this.vdom?.type === c.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
+    return this.vdom?.type === f.FRAGMENT && this.hostEl && this.firstElement ? Array.from(this.hostEl.children).indexOf(this.firstElement) : 0;
   }
   updateProps(t) {
     const n = { ...this.props, ...t }, r = this.props;
     this.props = n;
     let s = this.updateContext();
-    v(r, n) && !s || (yt(this) && this.notify(), this.patch());
+    O(r, n) && !s || (bt(this) && this.notify(), this.patch());
   }
   setState(t) {
     typeof t == "function" ? this.state = {
@@ -622,15 +622,15 @@ class L {
     gt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), p(this.vdom, t, n, this), this.hostEl = t, this.isMounted = !0;
   }
   unmount() {
-    this.isMounted && (y(() => this.onWillUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
+    this.isMounted && (E(() => this.onWillUnmount()), this.subscribedProvider && this.subscribedProvider.removeDependency({ consumer: this }), this.dependencies.forEach(({ consumer: t }) => {
       t.subscribedProvider = null;
-    }), this.dependencies = [], this.vdom && d(this.vdom), y(() => this.onUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
+    }), this.dependencies = [], this.vdom && d(this.vdom), E(() => this.onUnmount()), this.vdom = null, this.hostEl = null, this.isMounted = !1);
   }
   patch() {
     if (!this.isMounted || !this.hostEl || !this.vdom)
       return;
     const t = this.render();
-    this.vdom = P(this.vdom, t, this.hostEl, this), y(() => this.onUpdate());
+    this.vdom = P(this.vdom, t, this.hostEl, this), E(() => this.onUpdate());
   }
   updateContext() {
     const t = Object.getPrototypeOf(this).constructor.contextType;
@@ -660,25 +660,25 @@ class L {
   }
 }
 function vt(e) {
-  class t extends L {
+  class t extends j {
     render() {
-      let i = [];
-      return Array.isArray(this.props.children) ? i = this.props.children : this.props.children ? i = [this.props.children] : i = [], K(i);
+      let o = [];
+      return Array.isArray(this.props.children) ? o = this.props.children : this.props.children ? o = [this.props.children] : o = [], D(o);
     }
   }
-  const r = class r extends L {
+  const r = class r extends j {
     render() {
-      let i = this.props.children;
-      if (Array.isArray(i))
-        if (i.length === 1 && typeof i[0] == "function")
-          i = i[0];
+      let o = this.props.children;
+      if (Array.isArray(o))
+        if (o.length === 1 && typeof o[0] == "function")
+          o = o[0];
         else
           throw new Error(
             "Consumer: expected single function child, got array"
           );
-      if (typeof i != "function")
+      if (typeof o != "function")
         throw new Error("Consumer: children is not a function");
-      return i(this.context);
+      return o(this.context);
     }
   };
   r.contextType = {
@@ -692,27 +692,62 @@ function vt(e) {
     defaultValue: e
   };
 }
-function bt(e, t) {
+function Nt(e, t) {
   if (!t)
     throw new Error("Container element is not provided for rendering.");
   p(e, t);
 }
-function Ot(e = null) {
+function Pt(e = null) {
   return {
     current: e
   };
 }
-function Pt(e, t) {
+function Tt(e, t) {
   const n = Array.isArray(e) ? e : [e];
-  return Y(n, t);
+  return H(n, t);
+}
+const Ot = /* @__PURE__ */ Symbol("Fragment");
+function g(e) {
+  return e == null || e === !1 ? null : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? S(String(e)) : e;
+}
+function At(e, t, ...n) {
+  if (e === Ot) {
+    const i = n.flat().map(g).filter((c) => c != null);
+    return D(i);
+  }
+  let r = {}, s = {};
+  if (t && Object.entries(t).forEach(([i, c]) => {
+    if (i.startsWith("on") && typeof c == "function") {
+      const l = i.slice(2).toLowerCase();
+      r[l] = c;
+    } else i === "ref" ? s.ref = c : i === "className" ? s.class = c : i === "style" && typeof c == "object" ? s.style = c : i === "colorInterpolationFilters" ? s["color-interpolation-filters"] = c : i === "viewbox" ? s.viewBox = c : i !== "children" && i !== "key" && (s[i] = c);
+  }), typeof e == "function")
+    try {
+      return e({ ...s, on: r });
+    } catch {
+    }
+  if (typeof e == "function" || typeof e == "object" && e != null && "render" in e) {
+    const i = { ...t ?? {} };
+    return n.length > 0 && (i.children = n.flat().map(g).filter((c) => c != null)), w(e, i);
+  }
+  r = {}, s = {}, t && Object.entries(t).forEach(([i, c]) => {
+    if (i.startsWith("on") && typeof c == "function") {
+      const l = i.slice(2).toLowerCase();
+      r[l] = c;
+    } else i === "ref" ? s.ref = c : i === "className" ? s.class = c : i === "style" && typeof c == "object" ? s.style = c : i === "colorInterpolationFilters" ? s["color-interpolation-filters"] = c : i === "filterUnits" ? s.filterUnits = c : i === "clipPath" ? s["clip-path"] = c : i === "floodOpacity" ? s["flood-opacity"] = c : i === "stdDeviation" ? s.stdDeviation = c : i === "viewbox" ? s.viewBox = c : i !== "children" && i !== "key" && (s[i] = c);
+  });
+  const o = n.flat().map(g).filter((i) => i != null);
+  return w(e, { ...s, on: r }, o);
 }
 export {
-  L as Component,
+  j as Component,
   vt as createContext,
-  Pt as createPortal,
-  Ot as createRef,
-  mt as h,
-  K as hFragment,
-  J as hString,
-  bt as render
+  Tt as createPortal,
+  Pt as createRef,
+  w as h,
+  D as hFragment,
+  S as hString,
+  At as jsx,
+  At as jsxDEV,
+  Nt as render
 };

package/package.json

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