ddd-react 1.3.1 → 1.3.3

package/dist/h-BbaMkkC7.mjs

@@ -0,0 +1,173 @@
+const c = {
+  ADD: "add",
+  REMOVE: "remove",
+  MOVE: "move",
+  NOOP: "noop"
+}, o = {
+  TEXT: "text",
+  ELEMENT: "element",
+  FRAGMENT: "fragment",
+  COMPONENT: "component",
+  PORTAL: "portal"
+};
+function u(i) {
+  return i.filter((t) => t != null);
+}
+function m(i, t) {
+  return {
+    added: t.filter((e) => !i.includes(e)),
+    removed: i.filter((e) => !t.includes(e))
+  };
+}
+class p {
+  #t = [];
+  #e = [];
+  #n;
+  constructor(t, e) {
+    this.#t = [...t], this.#e = t.map((n, s) => s), this.#n = e;
+  }
+  isAddition(t, e) {
+    return this.findIndexFrom(t, e) === -1;
+  }
+  isNoop(t, e) {
+    if (t >= this.length)
+      return !1;
+    const n = this.#t[t], s = e[t];
+    return this.#n(n, s);
+  }
+  isRemoval(t, e) {
+    if (t >= this.length)
+      return !1;
+    const n = this.#t[t];
+    return e.findIndex(
+      (r) => this.#n(n, r)
+    ) === -1;
+  }
+  findIndexFrom(t, e) {
+    for (let n = e; n < this.length; n++)
+      if (this.#n(t, this.#t[n]))
+        return n;
+    return -1;
+  }
+  originalIndexAt(t) {
+    return this.#e[t];
+  }
+  noopItem(t) {
+    return {
+      op: c.NOOP,
+      originalIndex: this.originalIndexAt(t),
+      index: t,
+      item: this.#t[t]
+    };
+  }
+  removeItemsAfter(t) {
+    const e = [];
+    for (; this.length > t; )
+      e.push(this.removeItem(t));
+    return e;
+  }
+  removeItem(t) {
+    const e = {
+      op: c.REMOVE,
+      index: t,
+      item: this.#t[t]
+    };
+    return this.#t.splice(t, 1), this.#e.splice(t, 1), e;
+  }
+  addItem(t, e) {
+    const n = {
+      op: c.ADD,
+      index: e,
+      item: t
+    };
+    return this.#t.splice(e, 0, t), this.#e.splice(e, 0, -1), n;
+  }
+  moveItem(t, e) {
+    const n = this.findIndexFrom(t, e), s = {
+      op: c.MOVE,
+      originalIndex: this.originalIndexAt(n),
+      from: n,
+      index: e,
+      item: this.#t[n]
+    }, [r] = this.#t.splice(n, 1);
+    this.#t.splice(e, 0, r);
+    const [h] = this.#e.splice(n, 1);
+    return this.#e.splice(e, 0, h), s;
+  }
+  get length() {
+    return this.#t.length;
+  }
+}
+function d(i, t, e = (n, s) => n === s) {
+  const n = [], s = new p(i, e);
+  for (let r = 0; r < t.length; r++) {
+    if (s.isRemoval(r, t)) {
+      n.push(s.removeItem(r)), r--;
+      continue;
+    }
+    if (s.isNoop(r, t)) {
+      n.push(s.noopItem(r));
+      continue;
+    }
+    const h = t[r];
+    if (s.isAddition(h, r)) {
+      n.push(s.addItem(h, r));
+      continue;
+    }
+    n.push(s.moveItem(h, r));
+  }
+  return n.push(...s.removeItemsAfter(t.length)), n;
+}
+function I(i, t = {}, e = []) {
+  const n = typeof i == "string" ? o.ELEMENT : o.COMPONENT;
+  return {
+    tag: i,
+    props: t,
+    type: n,
+    children: l(u(e))
+  };
+}
+function a(i) {
+  return {
+    type: o.TEXT,
+    value: i,
+    props: {}
+  };
+}
+function g(i) {
+  return {
+    type: o.FRAGMENT,
+    children: l(u(i)),
+    props: {}
+  };
+}
+function E(i, t) {
+  return {
+    type: o.PORTAL,
+    children: l(u(i)),
+    props: {},
+    container: t
+  };
+}
+function l(i) {
+  return i.map((t) => typeof t == "string" ? a(t) : t);
+}
+function f(i) {
+  if (!i.children)
+    return [];
+  const t = [];
+  for (const e of i.children)
+    e.type === o.FRAGMENT ? t.push(...f(e)) : t.push(e);
+  return t;
+}
+export {
+  c as A,
+  o as D,
+  d as a,
+  m as b,
+  E as c,
+  I as d,
+  f as e,
+  a as f,
+  g as h
+};

package/dist/index.mjs

@@ -1,3 +1,5 @@
+import { D as c, e as g, a as x, A as y, b as F, h as U, c as I } from "./h-BbaMkkC7.mjs";
+import { d as Pt, f as mt } from "./h-BbaMkkC7.mjs";
 function v(e, t) {
   if (e === null || t === null || e === void 0 || t === void 0)
     return e === t;
@@ -37,54 +39,42 @@ 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(e, t, n, r = null) {
+  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 $(e = {}, t, n = null) {
   const r = {};
-  return Object.entries(e).forEach(([s, i]) => {
-    r[s] = R(
+  return Object.entries(e).forEach(([s, o]) => {
+    r[s] = S(
       s,
-      i,
+      o,
       t,
       n
     );
   }), r;
 }
-function G(e = {}, t) {
+function q(e = {}, t) {
   Object.entries(e).forEach(([n, r]) => {
     t.removeEventListener(n, r);
   });
 }
-const h = {
-  ADD: "add",
-  REMOVE: "remove",
-  MOVE: "move",
-  NOOP: "noop"
-}, c = {
-  TEXT: "text",
-  ELEMENT: "element",
-  FRAGMENT: "fragment",
-  COMPONENT: "component",
-  PORTAL: "portal"
-};
-function d(e) {
+function p(e) {
   const { type: t } = e;
   switch (t) {
     case c.TEXT: {
-      q(e);
+      G(e);
       break;
     }
     case c.ELEMENT: {
-      U(e);
+      W(e);
       break;
     }
     case c.FRAGMENT: {
-      $(e);
+      B(e);
       break;
     }
     case c.COMPONENT: {
@@ -92,7 +82,7 @@ function d(e) {
       break;
     }
     case c.PORTAL: {
-      W(e);
+      X(e);
       break;
     }
     default:
@@ -100,210 +90,60 @@ function d(e) {
   }
   delete e.el;
 }
-function q(e) {
+function G(e) {
   const { el: t } = e;
   t && t.remove();
 }
-function U(e) {
+function W(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(p), r && t && (q(r, t), delete e.listeners);
 }
-function $(e) {
+function B(e) {
   const { children: t } = e;
-  t && t.forEach(d);
+  t && t.forEach(p);
 }
-function W(e) {
+function X(e) {
   const { children: t } = e;
-  t && t.forEach(d);
-}
-function N(e) {
-  return e.filter((t) => t != null);
-}
-function X(e, t) {
-  return {
-    added: t.filter((n) => !e.includes(n)),
-    removed: e.filter((n) => !t.includes(n))
-  };
-}
-class _ {
-  #t = [];
-  #e = [];
-  #n;
-  constructor(t, n) {
-    this.#t = [...t], this.#e = t.map((r, s) => s), this.#n = n;
-  }
-  isAddition(t, n) {
-    return this.findIndexFrom(t, n) === -1;
-  }
-  isNoop(t, n) {
-    if (t >= this.length)
-      return !1;
-    const r = this.#t[t], s = n[t];
-    return this.#n(r, s);
-  }
-  isRemoval(t, n) {
-    if (t >= this.length)
-      return !1;
-    const r = this.#t[t];
-    return n.findIndex(
-      (i) => this.#n(r, i)
-    ) === -1;
-  }
-  findIndexFrom(t, n) {
-    for (let r = n; r < this.length; r++)
-      if (this.#n(t, this.#t[r]))
-        return r;
-    return -1;
-  }
-  originalIndexAt(t) {
-    return this.#e[t];
-  }
-  noopItem(t) {
-    return {
-      op: h.NOOP,
-      originalIndex: this.originalIndexAt(t),
-      index: t,
-      item: this.#t[t]
-    };
-  }
-  removeItemsAfter(t) {
-    const n = [];
-    for (; this.length > t; )
-      n.push(this.removeItem(t));
-    return n;
-  }
-  removeItem(t) {
-    const n = {
-      op: h.REMOVE,
-      index: t,
-      item: this.#t[t]
-    };
-    return this.#t.splice(t, 1), this.#e.splice(t, 1), n;
-  }
-  addItem(t, n) {
-    const r = {
-      op: h.ADD,
-      index: n,
-      item: t
-    };
-    return this.#t.splice(n, 0, t), this.#e.splice(n, 0, -1), r;
-  }
-  moveItem(t, n) {
-    const r = this.findIndexFrom(t, n), s = {
-      op: h.MOVE,
-      originalIndex: this.originalIndexAt(r),
-      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;
-  }
-  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--;
-      continue;
-    }
-    if (s.isNoop(i, t)) {
-      r.push(s.noopItem(i));
-      continue;
-    }
-    const o = t[i];
-    if (s.isAddition(o, i)) {
-      r.push(s.addItem(o, i));
-      continue;
-    }
-    r.push(s.moveItem(o, i));
-  }
-  return r.push(...s.removeItemsAfter(t.length)), r;
-}
-function mt(e, t = {}, n = []) {
-  const r = typeof e == "string" ? c.ELEMENT : c.COMPONENT;
-  return {
-    tag: e,
-    props: t,
-    type: r,
-    children: T(N(n))
-  };
-}
-function J(e) {
-  return {
-    type: c.TEXT,
-    value: e,
-    props: {}
-  };
-}
-function K(e) {
-  return {
-    type: c.FRAGMENT,
-    children: T(N(e)),
-    props: {}
-  };
-}
-function Y(e, t) {
-  return {
-    type: c.PORTAL,
-    children: T(N(e)),
-    props: {},
-    container: t
-  };
-}
-function T(e) {
-  return e.map((t) => typeof t == "string" ? J(t) : t);
+  t && t.forEach(p);
 }
-function g(e) {
-  if (!e.children)
-    return [];
-  const t = [];
-  for (const n of e.children)
-    n.type === c.FRAGMENT ? t.push(...g(n)) : t.push(n);
-  return t;
-}
-function S(e, t, n) {
+function L(e, t, n) {
   e.style[t] = n.toString();
 }
-function H(e, t) {
+function _(e, t) {
   e.style[t] = null;
 }
-function z(e, t) {
+function J(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 && K(e, n), r && Object.entries(r).forEach(([o, i]) => {
+    L(e, o, i);
   });
-  for (const [i, o] of Object.entries(s))
-    C(e, i, o);
+  for (const [o, i] of Object.entries(s))
+    w(e, o, i);
 }
-function Q(e, t) {
+function K(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 w(e, t, n) {
+  n == null ? C(e, t) : e.setAttribute(t, String(n));
 }
-function w(e, t) {
+function C(e, t) {
   e[t] = null, e.removeAttribute(t);
 }
-let b = !1;
-const O = [];
-function y(e) {
-  O.push(e), Z();
+let O = !1;
+const P = [];
+function E(e) {
+  P.push(e), Y();
 }
-function Z() {
-  b || (b = !0, queueMicrotask(V));
+function Y() {
+  O || (O = !0, queueMicrotask(H));
 }
-function V() {
-  for (; O.length > 0; ) {
-    const e = O.shift();
+function H() {
+  for (; P.length > 0; ) {
+    const e = P.shift();
     let t;
     try {
       t = e();
@@ -319,63 +159,63 @@ function V() {
       }
     );
   }
-  b = !1;
+  O = !1;
 }
 function A(e) {
   const { on: t = {}, ...n } = e.props;
   return delete n.key, { props: n, events: t };
 }
-function p(e, t, n = null, r = null) {
+function h(e, t, n = null, r = null) {
   switch (e.type) {
     case c.TEXT: {
-      tt(e, t, n);
+      z(e, t, n);
       break;
     }
     case c.ELEMENT: {
-      nt(e, t, n, r);
+      Z(e, t, n, r);
       break;
     }
     case c.FRAGMENT: {
-      et(e, t, n, r);
+      Q(e, t, n, r);
       break;
     }
     case c.COMPONENT: {
-      st(e, t, n, r);
+      tt(e, t, n, r);
       const s = e.component;
-      s && y(() => s.onMount());
+      s && E(() => s.onMount());
       break;
     }
     case c.PORTAL: {
-      it(e, r);
+      et(e, r);
       break;
     }
     default:
       throw new Error(`Can't mount DOM of type: ${e.type}`);
   }
 }
-function tt(e, t, n) {
+function z(e, t, n) {
   const { value: r } = e, s = document.createTextNode(r);
   e.el = s, j(s, t, n);
 }
-function et(e, t, n, r) {
+function Q(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) => {
+    h(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 Z(e, t, n, r) {
+  const { tag: s, children: o } = e, u = s === "svg" || t instanceof SVGElement ? document.createElementNS("http://www.w3.org/2000/svg", s) : document.createElement(s);
+  V(u, e, r), e.el = u, o?.forEach((l) => {
+    h(l, u, null, r);
+  }), j(u, t, n);
 }
-function rt(e, t, n) {
+function V(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);
+  r.ref && typeof r.ref == "object" && "current" in r.ref && (r.ref.current = e, delete r.ref), t.listeners = $(s, e, n), J(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 tt(e, t, n, r) {
+  const s = e.tag, { props: o } = A(e), i = new s(o, r);
+  i.mount(t, n), e.component = i, e.el = i.firstElement || null;
 }
 function j(e, t, n) {
   if (n == null) {
@@ -387,10 +227,10 @@ 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 et(e, t) {
   const { children: n, container: r } = e;
   n?.forEach((s) => {
-    p(s, r, null, t);
+    h(s, r, null, t);
   });
 }
 function D(e, t) {
@@ -399,16 +239,16 @@ function D(e, t) {
   if (e.type === c.ELEMENT) {
     const n = e, r = t, {
       tag: s,
-      props: { key: i }
+      props: { key: o }
     } = n, {
-      tag: o,
-      props: { key: f }
+      tag: i,
+      props: { key: u }
     } = r;
-    return s === o && i === f;
+    return s === i && o === u;
   }
   if (e.type === c.COMPONENT) {
-    const n = e, r = t, { tag: s } = n, { tag: i } = r;
-    return s === i;
+    const n = e, r = t, { tag: s } = n, { tag: o } = r;
+    return s === o;
   }
   if (e.type === c.PORTAL) {
     const n = e, r = t;
@@ -416,158 +256,158 @@ function D(e, t) {
   }
   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 T(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 nt(e) {
   return e !== "";
 }
-function k(e) {
-  return ot(e.trim());
+function N(e) {
+  return nt(e.trim());
 }
-function P(e, t, n, r = null) {
+function m(e, t, n, r = null) {
   if (!D(e, t)) {
-    const s = ct(n, e.el);
-    return d(e), p(t, n, s, r), t;
+    const s = rt(n, e.el);
+    return p(e), h(t, n, s, r), t;
   }
   switch (t.el = e.el, t.type) {
     case c.TEXT:
-      return ut(e, t), t;
+      return st(e, t), t;
     case c.ELEMENT: {
-      ft(e, t, r);
+      ot(e, t, r);
       break;
     }
     case c.COMPONENT: {
-      dt(e, t);
+      lt(e, t);
       break;
     }
     case c.PORTAL: {
-      Et(e, t, r);
+      at(e, t, r);
       break;
     }
   }
-  return x(e, t, r), t;
+  return R(e, t, r), t;
 }
-function ct(e, t) {
+function rt(e, t) {
   if (!t) return null;
   const n = Array.from(e.childNodes).indexOf(t);
   return n < 0 ? null : n;
 }
-function ut(e, t) {
+function st(e, t) {
   const n = e.el, { value: r } = e, { value: s } = t;
   r !== s && n && (n.nodeValue = s);
 }
-function ft(e, t, n) {
+function ot(e, t, n) {
   const r = e.el, {
     class: s,
-    style: i,
-    on: o,
-    ...f
+    style: o,
+    on: i,
+    ...u
   } = e.props ?? {}, {
     class: l,
-    style: u,
+    style: f,
     on: a,
-    ...E
-  } = t.props ?? {}, { listeners: m } = e;
-  lt(r, f, E), at(r, s, l), ht(
+    ...d
+  } = t.props ?? {}, { listeners: b } = e;
+  it(r, u, d), ct(r, s, l), ft(
     r,
-    i,
-    u
-  ), t.listeners = pt(
+    o,
+    f
+  ), t.listeners = ut(
     r,
-    m,
-    o ?? {},
+    b,
+    i ?? {},
     a ?? {},
     n
   );
 }
-function lt(e, t = {}, n = {}) {
+function it(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: u, removed: l, updated: f } = T(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)) {
-    const a = t?.[u];
-    a && e.removeEventListener(u, a);
+    C(e, a);
+  for (const a of u.concat(f))
+    w(e, a, i[a]);
+}
+function ct(e, t, n) {
+  const r = M(t), s = M(n), { added: o, removed: i } = F(r, s);
+  i.length > 0 && e.classList.remove(...i), o.length > 0 && e.classList.add(...o);
+}
+function M(e = "") {
+  return Array.isArray(e) ? e.filter(N) : String(e).split(/(\s+)/).filter(N);
+}
+function ft(e, t = {}, n = {}) {
+  const { added: r, removed: s, updated: o } = T(t, n);
+  for (const i of s)
+    _(e, i);
+  for (const i of r.concat(o))
+    L(e, i, n[i]);
+}
+function ut(e, t = {}, n = {}, r = {}, s = null) {
+  const { removed: o, added: i, updated: u } = T(n, r);
+  for (const f of o.concat(u)) {
+    const a = t?.[f];
+    a && e.removeEventListener(f, a);
   }
   const l = {};
-  for (const u of o.concat(f))
-    l[u] = R(
-      u,
-      r[u],
+  for (const f of i.concat(u))
+    l[f] = S(
+      f,
+      r[f],
       e,
       s
     );
   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)
-    if (l.op === h.NOOP) {
-      const { originalIndex: u, index: a } = l;
-      P(r[u], s[a], i, n);
+function R(e, t, n) {
+  const r = g(e), s = g(t), o = e.el, i = x(r, s, D), u = n?.offset ?? 0;
+  for (const l of i)
+    if (l.op === y.NOOP) {
+      const { originalIndex: f, index: a } = l;
+      m(r[f], 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));
+      case y.MOVE: {
+        const { from: f, index: a } = l, d = r[f].el, b = o.childNodes[a + u];
+        d && (o.insertBefore(d, b), m(r[f], s[a], o, n));
         break;
       }
-      case h.REMOVE: {
-        const { item: u } = l;
-        d(u);
+      case y.REMOVE: {
+        const { item: f } = l;
+        p(f);
         break;
       }
-      case h.ADD: {
-        const { index: u, item: a } = l;
-        p(a, i, u + f, n);
+      case y.ADD: {
+        const { index: f, item: a } = l;
+        h(a, o, f + u, n);
         break;
       }
     }
 }
-function dt(e, t) {
+function lt(e, t) {
   const { component: n } = e, { props: r } = A(t);
   n.updateProps(r), t.component = n, t.el = n.firstElement;
 }
-function Et(e, t, n) {
+function at(e, t, n) {
   if (e.container !== t.container) {
-    d(e), p(t, document.body, null, n);
+    p(e), h(t, document.body, null, n);
     return;
   }
-  x(e, t, n);
+  R(e, t, n);
 }
-const yt = (e) => e.constructor.name.includes("Provider"), gt = (e) => e.constructor.name.includes("Consumer");
-class L {
+const ht = (e) => e.constructor.name.includes("Provider"), pt = (e) => e.constructor.name.includes("Consumer");
+class k {
   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;
   }
@@ -608,7 +448,7 @@ class L {
     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());
+    v(r, n) && !s || (ht(this) && this.notify(), this.patch());
   }
   setState(t) {
     typeof t == "function" ? this.state = {
@@ -619,18 +459,18 @@ class L {
   mount(t, n = null) {
     if (this.isMounted)
       throw new Error("Component is already mounted");
-    gt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), p(this.vdom, t, n, this), this.hostEl = t, this.isMounted = !0;
+    pt(this) && !this.subscribedProvider && this.subscribeToProvider(), this.updateContext(), this.vdom = this.render(), h(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 && p(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 = m(this.vdom, t, this.hostEl, this), E(() => this.onUpdate());
   }
   updateContext() {
     const t = Object.getPrototypeOf(this).constructor.contextType;
@@ -659,26 +499,26 @@ class L {
     }
   }
 }
-function vt(e) {
-  class t extends L {
+function yt(e) {
+  class t extends k {
     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 = [], U(o);
     }
   }
-  const r = class r extends L {
+  const r = class r extends k {
     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 +532,27 @@ function vt(e) {
     defaultValue: e
   };
 }
-function bt(e, t) {
+function Et(e, t) {
   if (!t)
     throw new Error("Container element is not provided for rendering.");
-  p(e, t);
+  h(e, t);
 }
-function Ot(e = null) {
+function bt(e = null) {
   return {
     current: e
   };
 }
-function Pt(e, t) {
+function gt(e, t) {
   const n = Array.isArray(e) ? e : [e];
-  return Y(n, t);
+  return I(n, t);
 }
 export {
-  L as Component,
-  vt as createContext,
-  Pt as createPortal,
-  Ot as createRef,
-  mt as h,
-  K as hFragment,
-  J as hString,
-  bt as render
+  k as Component,
+  yt as createContext,
+  gt as createPortal,
+  bt as createRef,
+  Pt as h,
+  U as hFragment,
+  mt as hString,
+  Et as render
 };

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1 @@
+export { Fragment, jsxDEV } from './jsx/jsx-dev-runtime';

package/dist/jsx-dev-runtime.mjs

@@ -0,0 +1,5 @@
+import { Fragment as x, jsx as a } from "./jsx-runtime.mjs";
+export {
+  x as Fragment,
+  a as jsxDEV
+};

package/dist/jsx-runtime.d.ts

@@ -1,2 +1 @@
-export { jsx } from './jsx/jsx-runtime';
-export { jsxDEV } from './jsx/jsx-dev-runtime';
+export { Fragment, jsx } from './jsx/jsx-runtime';

package/dist/jsx-runtime.mjs

@@ -0,0 +1,38 @@
+import { h as p, d as c, f as a } from "./h-BbaMkkC7.mjs";
+const b = /* @__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);
+    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;
+    } 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 {
+      return n({ ...i, on: f });
+    } catch {
+    }
+  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);
+  }
+  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;
+    } 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);
+  return c(n, { ...i, on: f }, m);
+}
+export {
+  b as Fragment,
+  j as jsx
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddd-react",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "type-check": "tsc --noEmit",
@@ -15,6 +15,20 @@
     "frontend",
     "typescript"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./jsx-runtime": {
+      "import": "./dist/jsx-runtime.js",
+      "types": "./dist/jsx-runtime.d.ts"
+    },
+    "./jsx-dev-runtime": {
+      "import": "./dist/jsx-dev-runtime.js",
+      "types": "./dist/jsx-dev-runtime.d.ts"
+    }
+  },
   "author": "DDD Team",
   "main": "dist/index.mjs",
   "types": "dist/index.d.ts",