chizu 0.2.25 → 0.2.27

package/dist/chizu.js

@@ -1,185 +1,185 @@
-var Q = Object.defineProperty;
-var _ = (e) => {
-  throw TypeError(e);
+var q = Object.defineProperty;
+var k = (t) => {
+  throw TypeError(t);
 };
-var W = (e, t, n) => t in e ? Q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var g = (e, t, n) => W(e, typeof t != "symbol" ? t + "" : t, n), A = (e, t, n) => t.has(e) || _("Cannot " + n);
-var x = (e, t, n) => (A(e, t, "read from private field"), n ? n.call(e) : t.get(e)), R = (e, t, n) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), S = (e, t, n, r) => (A(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n);
-import { jsx as C } from "react/jsx-runtime";
-import * as c from "react";
-import { useRef as B } from "react";
-import M from "eventemitter3";
-import { Immer as G, enablePatches as K } from "immer";
+var G = (t, e, n) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var w = (t, e, n) => G(t, typeof e != "symbol" ? e + "" : e, n), N = (t, e, n) => e.has(t) || k("Cannot " + n);
+var x = (t, e, n) => (N(t, e, "read from private field"), n ? n.call(t) : e.get(t)), R = (t, e, n) => e.has(t) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), S = (t, e, n, r) => (N(t, e, "write to private field"), r ? r.call(t, n) : e.set(t, n), n);
+import { jsx as M } from "react/jsx-runtime";
+import * as u from "react";
+import { useRef as O } from "react";
+import U from "eventemitter3";
+import { Immer as K, enablePatches as Q } from "immer";
 import m from "lodash/get";
-import D from "traverse";
+import j from "traverse";
 class H {
-  constructor(t) {
-    this.value = t;
+  constructor(e) {
+    this.value = e;
   }
 }
 class V {
-  static Draft(t) {
-    return new H(t);
+  static Draft(e) {
+    return new H(e);
   }
 }
-g(V, "Op", {
+w(V, "Op", {
   Add: 1,
   Remove: 2,
   Update: 4,
   Move: 8,
   Replace: 16
 });
-var h = /* @__PURE__ */ ((e) => (e.Mount = "lifecycle/mount", e.Node = "lifecycle/node", e.Derive = "lifecycle/derive", e.Error = "lifecycle/error", e.Unmount = "lifecycle/unmount", e))(h || {}), O = /* @__PURE__ */ ((e) => (e[e.Default = 0] = "Default", e[e.Error = 1] = "Error", e))(O || {});
-function X(e) {
-  return new Promise((t) => setTimeout(t, e));
+var h = /* @__PURE__ */ ((t) => (t.Mount = "lifecycle/mount", t.Node = "lifecycle/node", t.Derive = "lifecycle/derive", t.Error = "lifecycle/error", t.Unmount = "lifecycle/unmount", t))(h || {}), _ = /* @__PURE__ */ ((t) => (t[t.Default = 0] = "Default", t[t.Error = 1] = "Error", t))(_ || {});
+function X(t) {
+  return new Promise((e) => setTimeout(e, t));
 }
-function Y(e) {
-  return e ? !!(e && typeof e != "symbol") : Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`);
+function Y(t) {
+  return t ? !!(t && typeof t != "symbol") : Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`);
 }
-function w(e) {
-  return JSON.stringify(e);
+function b(t) {
+  return JSON.stringify(t);
 }
-const E = Symbol("meta"), ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const E = Symbol("meta"), wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  hash: w,
+  hash: b,
   meta: E,
   pk: Y,
   sleep: X
 }, Symbol.toStringTag, { value: "Module" }));
-function f(e, t) {
-  const n = c.useRef(null), r = c.useRef(null);
-  return c.useMemo(() => {
-    const s = w(t);
+function f(t, e) {
+  const n = u.useRef(null), r = u.useRef(null);
+  return u.useMemo(() => {
+    const s = b(e);
     if (r.current !== s) {
       r.current = s;
-      const o = e();
+      const o = t();
       return n.current = o, o;
     }
     return n.current;
-  }, t);
+  }, e);
 }
-function k(e, t) {
-  const n = c.useRef(null);
-  c.useEffect(() => {
-    const r = w(t);
+function D(t, e) {
+  const n = u.useRef(null);
+  u.useEffect(() => {
+    const r = b(e);
     if (n.current !== r)
-      return n.current = r, e();
-  }, t);
+      return n.current = r, t();
+  }, e);
 }
-const T = c.createContext({
-  instance: new M()
+const T = u.createContext({
+  instance: new U()
 });
 function $() {
-  return c.useContext(T);
+  return u.useContext(T);
 }
-function xe({ children: e }) {
-  const t = f(
+function xt({ children: t }) {
+  const e = f(
     () => ({
-      instance: new M()
+      instance: new U()
     }),
     []
   );
-  return /* @__PURE__ */ C(T.Provider, { value: t, children: e });
+  return /* @__PURE__ */ M(T.Provider, { value: e, children: t });
 }
 const l = {
-  immer: new G(),
+  immer: new K(),
   annotations: Symbol("annotations")
 };
-K();
+Q();
 l.immer.setAutoFreeze(!1);
-class j {
-  constructor(t, n, r = null) {
-    g(this, "process");
-    this.value = t, this.operations = n, this.field = r, this.process = null;
+class C {
+  constructor(e, n, r = null) {
+    w(this, "process");
+    this.value = e, this.operations = n, this.field = r, this.process = null;
   }
-  attach(t) {
-    return this.process = t, this;
+  attach(e) {
+    return this.process = e, this;
   }
 }
-function Z(e, t = []) {
-  return new j(e, t);
+function Z(t, e = []) {
+  return new C(t, e);
 }
-class U {
-  constructor(t, n = t) {
-    this.stateless = t, this.stateful = n;
+class A {
+  constructor(e, n = e) {
+    this.stateless = e, this.stateful = n;
   }
   get validatable() {
     return z(this.stateful);
   }
 }
-function z(e, t = []) {
-  return new Proxy(e, {
+function z(t, e = []) {
+  return new Proxy(t, {
     get(n, r) {
       switch (r) {
         case "is":
           return (s) => {
-            const o = P(e, t);
+            const o = P(t, e);
             if (!o) return !1;
-            const u = new Set(
+            const c = new Set(
               o.flatMap((d) => d.operations)
             );
-            return !!(Array.from(u).reduce(
+            return !!(Array.from(c).reduce(
               (d, a) => d | (a ?? 0),
               0
             ) & s);
           };
         case "pending":
-          return () => !!P(e, t);
+          return () => !!P(t, e);
         case "draft":
           return () => {
-            const s = P(e, t);
-            if (!s) return m(e, t);
-            const o = s.flatMap((u) => u.operations).find((u) => u instanceof H);
-            return o ? o.value : m(e, t);
+            const s = P(t, e);
+            if (!s) return m(t, e);
+            const o = s.flatMap((c) => c.operations).find((c) => c instanceof H);
+            return o ? o.value : m(t, e);
           };
       }
-      return z(e, [...t, String(r)]);
+      return z(t, [...e, String(r)]);
     }
   });
 }
-function P(e, t) {
-  const r = typeof m(e, t) == "object" ? t : t.slice(0, -1), s = r.length === 0 ? e : m(e, r), o = (s == null ? void 0 : s[l.annotations]) ?? [];
+function P(t, e) {
+  const r = typeof m(t, e) == "object" ? e : e.slice(0, -1), s = r.length === 0 ? t : m(t, r), o = (s == null ? void 0 : s[l.annotations]) ?? [];
   return o.length > 0 ? o : null;
 }
-function q(e, t, n) {
-  function r(u) {
-    return D(u).forEach(function() {
+function I(t, e, n) {
+  function r(c) {
+    return j(c).forEach(function() {
       if (this.key === l.annotations) {
         this.block();
         return;
       }
-      this.node instanceof j && this.update(this.node.value);
+      this.node instanceof C && this.update(this.node.value);
     });
   }
-  function s(u) {
-    return D(u).forEach(function() {
+  function s(c) {
+    return j(c).forEach(function() {
       if (this.key === l.annotations) {
         this.block();
         return;
       }
-      if (this.node instanceof j) {
+      if (this.node instanceof C) {
         const i = typeof this.node.value == "object", d = [
           ...i ? this.path : this.path.slice(0, -1),
           l.annotations
-        ], a = m(e.stateful, d) ?? [], y = this.node.attach(t);
+        ], a = m(t.stateful, d) ?? [], g = this.node.attach(e);
         i ? this.update(
           {
             ...this.node.value,
-            [l.annotations]: [y, ...a]
+            [l.annotations]: [g, ...a]
           },
           !0
-        ) : (this.parent && (this.parent.node[l.annotations] = [y, ...a]), this.update(this.node.value, !0));
+        ) : (this.parent && (this.parent.node[l.annotations] = [g, ...a]), this.update(this.node.value, !0));
       }
     });
   }
-  const o = (u) => n(u, u[E]);
-  return new U(
-    r(l.immer.produce(e.stateless, o)),
-    s(l.immer.produce(e.stateful, o))
+  const o = (c) => n(c, c[E]);
+  return new A(
+    r(l.immer.produce(t.stateless, o)),
+    s(l.immer.produce(t.stateful, o))
   );
 }
-function b(e, t) {
-  const n = D(e.stateful).forEach(function() {
+function y(t, e) {
+  const n = j(t.stateful).forEach(function() {
     if (this.key === l.annotations) {
       this.block();
       return;
@@ -190,42 +190,44 @@ function b(e, t) {
         {
           ...this.node,
           [l.annotations]: r.filter(
-            (s) => s.process !== t
+            (s) => s.process !== e
           )
         },
         !0
       );
     }
   });
-  return new U(e.stateless, n);
+  return new A(t.stateless, n);
 }
-function L(e) {
+function L(t) {
   return f(
     () => ({
       controller: {
         get model() {
-          return e.model.current.stateful;
+          return t.model.current.stateless;
+        },
+        get props() {
+          return t.props.current;
         },
-        queue: [],
         actions: {
-          annotate(t, n) {
-            return Z(t, n);
+          annotate(e, n) {
+            return Z(e, n);
           },
-          produce(t) {
-            return (n, r) => q(n, r, t);
+          produce(e) {
+            return (n, r) => I(n, r, e);
           },
-          dispatch([t, ...n]) {
-            if (t == null) return Promise.reject();
+          dispatch([e, ...n]) {
+            if (e == null) return Promise.reject();
             const r = Promise.withResolvers();
-            return e.dispatchers.dispatch(t, n, r), r.promise;
+            return t.dispatchers.dispatch(e, n, r), r.promise;
           },
-          context(t) {
-            const n = Object.keys(t);
-            return e.context.use.current = t, e.context.update(), n.reduce(
+          context(e) {
+            const n = Object.keys(e);
+            return t.context.use.current = e, t.context.update(), n.reduce(
               (r, s) => ({
                 ...r,
                 get [s]() {
-                  return e.context.values.current[s];
+                  return t.context.values.current[s];
                 }
               }),
               {}
@@ -235,21 +237,24 @@ function L(e) {
       },
       view: {
         get model() {
-          return e.model.current.stateless;
+          return t.model.current.stateless;
+        },
+        get props() {
+          return t.props.current;
         },
         get validate() {
-          return e.model.current.validatable;
+          return t.model.current.validatable;
         },
         boundary: {
-          is(t) {
-            return e.model.current.stateless[E].boundary === t;
+          is(e) {
+            return t.model.current.stateless[E].boundary === e;
           }
         },
         actions: {
-          dispatch([t, ...n]) {
-            if (t == null) return Promise.reject();
+          dispatch([e, ...n]) {
+            if (e == null) return Promise.reject();
             const r = Promise.withResolvers();
-            return e.dispatchers.dispatch(t, n, r), r.promise;
+            return t.dispatchers.dispatch(e, n, r), r.promise;
           }
         }
       }
@@ -257,191 +262,189 @@ function L(e) {
     []
   );
 }
-function ee(e) {
-  const t = B(null);
-  return t.current == null && (t.current = e.options.using.actions(e.actions.controller)), f(() => {
-    if (t.current)
-      return Object.entries(t.current).forEach(([r, s]) => e.dispatchers.attach(r, s)), t.current;
+function tt(t) {
+  const e = O(null);
+  return e.current == null && (e.current = t.options.using.actions(t.actions.controller)), f(() => {
+    if (e.current)
+      return Object.entries(e.current).forEach(([r, s]) => t.dispatchers.attach(r, s)), e.current;
   }, []);
 }
-function N(e) {
-  return e.startsWith("distributed");
+function B(t) {
+  return t.startsWith("distributed");
 }
-function Re(e) {
-  return e instanceof F;
+function Rt(t) {
+  return t instanceof J;
 }
-function I(e) {
-  return e instanceof F || e instanceof Error ? e : new Error("Unknown error", { cause: e });
+function F(t) {
+  return t instanceof J || t instanceof Error ? t : new Error("Unknown error", { cause: t });
 }
-var v, p;
-class F extends Error {
+var p, v;
+class J extends Error {
   constructor(n, r = null) {
     super(String(r));
-    R(this, v);
     R(this, p);
-    S(this, v, n), S(this, p, r);
+    R(this, v);
+    S(this, p, n), S(this, v, r);
   }
   get type() {
-    return x(this, v);
+    return x(this, p);
   }
   get message() {
-    return x(this, p) || "";
+    return x(this, v) || "";
   }
 }
-v = new WeakMap(), p = new WeakMap();
-function te({
-  children: e
+p = new WeakMap(), v = new WeakMap();
+function et({
+  children: t
 }) {
-  return e();
+  return t();
 }
-function ne(e) {
-  return (t, n) => async (r = Promise.withResolvers(), s) => {
+function nt(t) {
+  return (e, n) => async (r = Promise.withResolvers(), s) => {
     if (typeof n != "function") return void r.resolve();
-    const o = Symbol("process"), u = n(...s);
+    const o = Symbol("process"), c = n(...s);
     try {
-      if (u == null) return void r.resolve();
-      if (typeof u == "function") {
-        const i = u(e.model.current, o);
-        return e.model.current = b(i, o), e.update.rerender(), void r.resolve();
+      if (c == null) return void r.resolve();
+      if (typeof c == "function") {
+        const i = c(t.model.current, o);
+        return t.model.current = y(i, o), t.update.rerender(), void r.resolve();
       }
       for (; ; ) {
-        if (u instanceof Promise) {
-          const a = await u;
+        if (c instanceof Promise) {
+          const a = await c;
           if (a == null) return void r.resolve();
-          const y = a(e.model.current, o);
-          return e.model.current = b(y, o), e.update.rerender(), void r.resolve();
+          const g = a(t.model.current, o);
+          return t.model.current = y(g, o), t.update.rerender(), void r.resolve();
         }
-        const { value: i, done: d } = await u.next();
+        const { value: i, done: d } = await c.next();
         if (d) {
-          const a = i(e.model.current, o);
-          return e.model.current = b(a, o), e.update.rerender(), void r.resolve();
+          const a = i(t.model.current, o);
+          return t.model.current = y(a, o), t.update.rerender(), void r.resolve();
         }
-        e.model.current = i(e.model.current, o), e.update.rerender();
+        t.model.current = i(t.model.current, o), t.update.rerender();
       }
     } catch (i) {
-      b(e.model.current, o), e.update.rerender(), e.unicast.emit(h.Error, r, [I(i)]);
+      y(t.model.current, o), t.update.rerender(), t.unicast.emit(h.Error, r, [F(i)]);
     }
   };
 }
-function re(e) {
-  const t = $(), n = f(() => new M(), []), r = ne({ ...e, unicast: n });
+function rt(t) {
+  const e = $(), n = f(() => new U(), []), r = nt({ ...t, unicast: n });
   return f(() => ({
     attach(s, o) {
-      const u = String(s);
-      N(u) ? t.instance.on(u, r(s, o)) : n.on(u, r(s, o));
+      const c = String(s);
+      B(c) ? e.instance.on(c, r(s, o)) : n.on(c, r(s, o));
     },
-    dispatch(s, o, u) {
+    dispatch(s, o, c) {
       const i = String(s);
-      N(i) ? t.instance.emit(i, u, o) : n.emit(i, u, o);
+      B(i) ? e.instance.emit(i, c, o) : n.emit(i, c, o);
     }
   }), []);
 }
-function se() {
-  const e = c.useRef(null);
-  return f(() => ({ customElement: e }), []);
+function st() {
+  const t = u.useRef(null);
+  return f(() => ({ customElement: t }), []);
 }
-function oe(e) {
-  k(() => {
-    e.dispatchers.dispatch(h.Derive, []);
-  }, [e.options.using.props]), k(() => (e.dispatchers.dispatch(h.Mount, []), e.dispatchers.dispatch(h.Node, [
-    e.elements.customElement.current
-  ]), () => e.dispatchers.dispatch(h.Unmount, [])), []);
+function ot(t) {
+  D(() => {
+    t.dispatchers.dispatch(h.Derive, []);
+  }, [t.options.using.props]), D(() => (t.dispatchers.dispatch(h.Mount, []), t.dispatchers.dispatch(h.Node, [
+    t.elements.customElement.current
+  ]), () => t.dispatchers.dispatch(h.Unmount, [])), []);
 }
-function ue(e) {
-  const t = f(() => ({ ...e.options.using.model ?? {}, [E]: { boundary: O.Default } }), []);
-  return c.useRef(new U(t, t));
+function ct(t) {
+  const e = f(() => ({ ...t.options.using.model ?? {}, [E]: { boundary: _.Default } }), []);
+  return u.useRef(new A(e, e));
 }
-function ce() {
-  return c.useRef(/* @__PURE__ */ new Set());
+function ut() {
+  const [t, e] = u.useReducer((n) => n + 1, 0);
+  return f(() => ({ hash: t, rerender: e }), [t]);
 }
-function ie() {
-  const [e, t] = c.useReducer((n) => n + 1, 0);
-  return f(() => ({ hash: e, rerender: t }), [e]);
-}
-const ae = {
+const it = {
   elementName: "x-chizu"
-}, J = c.createContext(
+}, W = u.createContext(
   null
 );
-function Se() {
-  const e = c.useContext(J);
-  if (!e)
+function St() {
+  const t = u.useContext(W);
+  if (!t)
     throw new Error("useScoped is not being used within a scoped module.");
-  return e;
+  return t;
 }
-class le extends c.Component {
-  constructor(t) {
-    super(t), this.state = { error: null };
+class at extends u.Component {
+  constructor(e) {
+    super(e), this.state = { error: null };
   }
-  componentDidCatch(t) {
-    const n = Symbol("process"), r = q(this.props.model.current, n, (s, o) => {
-      o.boundary = O.Error;
+  componentDidCatch(e) {
+    const n = Symbol("process"), r = I(this.props.model.current, n, (s, o) => {
+      o.boundary = _.Error;
     });
-    this.props.model.current = r, this.props.update.rerender(), this.props.dispatchers.dispatch(h.Error, [I(t)]);
+    this.props.model.current = r, this.props.update.rerender(), this.props.dispatchers.dispatch(h.Error, [F(e)]);
   }
   render() {
-    return /* @__PURE__ */ C(te, { children: this.props.children });
+    return /* @__PURE__ */ M(et, { children: this.props.children });
   }
 }
-function de() {
-  const e = c.useRef({}), t = c.useRef({});
+function lt() {
+  const t = u.useRef({}), e = u.useRef({});
   function n() {
-    t.current = Object.fromEntries(
-      Object.entries(e.current).map(([r, s]) => [r, c.use(s)])
+    e.current = Object.fromEntries(
+      Object.entries(t.current).map(([r, s]) => [r, u.use(s)])
     );
   }
-  return n(), f(() => ({ use: e, values: t, update: n }), []);
+  return n(), f(() => ({ use: t, values: e, update: n }), []);
+}
+function dt() {
+  return O(0);
 }
-function fe() {
-  return B(0);
+function ft(t) {
+  const e = O(t.options.using.props);
+  return D(() => {
+    e.current = t.options.using.props;
+  }, [t.options.using.props]), e;
 }
-function he({
-  options: e
+function ht({
+  options: t
 }) {
-  const t = ie(), n = ce(), r = fe(), s = se(), o = $(), u = de(), i = ue({ options: e }), d = re({
-    broadcast: o,
-    options: e,
-    update: t,
-    model: i,
-    queue: n
-  }), a = L({
+  const e = ut(), n = dt(), r = st(), s = $(), o = lt(), c = ft({ options: t }), i = ct({ options: t }), d = rt({ broadcast: s, options: t, update: e, model: i }), a = L({
     model: i,
     dispatchers: d,
-    context: u
+    context: o,
+    props: c
   });
-  return ee({ options: e, dispatchers: d, actions: a }), oe({ options: e, dispatchers: d, elements: s }), f(() => c.createElement(le, {
+  return tt({ options: t, dispatchers: d, actions: a }), ot({ options: t, dispatchers: d, elements: r }), f(() => u.createElement(at, {
     model: i,
     dispatchers: d,
-    update: t,
+    update: e,
     module: a.view,
     children() {
-      return c.createElement(J.Provider, {
+      return u.createElement(W.Provider, {
         value: a.view,
         // eslint-disable-next-line react/no-children-prop
-        children: c.createElement(ae.elementName, {
-          ref: s.customElement,
+        children: u.createElement(it.elementName, {
+          ref: r.customElement,
           style: { display: "contents" },
-          children: e.children(a.view)
+          children: t.children(a.view)
         })
       });
     }
   }), [
-    t.hash,
-    w(e.using.props),
-    e.passive ? r.current++ : 0
+    e.hash,
+    b(t.using.props),
+    t.passive ? n.current++ : 0
   ]);
 }
-function Pe(e) {
-  return /* @__PURE__ */ C(he, { options: e });
+function Pt(t) {
+  return /* @__PURE__ */ M(ht, { options: t });
 }
 export {
-  O as Boundary,
-  xe as Broadcaster,
+  _ as Boundary,
+  xt as Broadcaster,
   h as Lifecycle,
-  Pe as Scope,
+  Pt as Scope,
   V as State,
-  F as TypedError,
-  Re as isTypedError,
-  Se as useScoped,
-  ge as utils
+  J as TypedError,
+  Rt as isTypedError,
+  St as useScoped,
+  wt as utils
 };

package/dist/chizu.umd.cjs

@@ -1 +1 @@
-(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react"),require("eventemitter3"),require("immer"),require("lodash/get"),require("traverse")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","eventemitter3","immer","lodash/get","traverse"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.Chizu={},s.jsxRuntime,s.React,s.EventEmitter3,s.Immer,s.get,s.Traverse))})(this,function(s,c,l,y,k,b,P){"use strict";var be=Object.defineProperty;var W=s=>{throw TypeError(s)};var we=(s,c,l)=>c in s?be(s,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[c]=l;var T=(s,c,l)=>we(s,typeof c!="symbol"?c+"":c,l),G=(s,c,l)=>c.has(s)||W("Cannot "+l);var _=(s,c,l)=>(G(s,c,"read from private field"),l?l.call(s):c.get(s)),q=(s,c,l)=>c.has(s)?W("Cannot add the same private member more than once"):c instanceof WeakSet?c.add(s):c.set(s,l),U=(s,c,l,y)=>(G(s,c,"write to private field"),y?y.call(s,l):c.set(s,l),l);var w,E;function K(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=K(l);class A{constructor(t){this.value=t}}class B{static Draft(t){return new A(t)}}T(B,"Op",{Add:1,Remove:2,Update:4,Move:8,Replace:16});var p=(e=>(e.Mount="lifecycle/mount",e.Node="lifecycle/node",e.Derive="lifecycle/derive",e.Error="lifecycle/error",e.Unmount="lifecycle/unmount",e))(p||{}),g=(e=>(e[e.Default=0]="Default",e[e.Error=1]="Error",e))(g||{});function V(e){return new Promise(t=>setTimeout(t,e))}function X(e){return e?!!(e&&typeof e!="symbol"):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}function S(e){return JSON.stringify(e)}const j=Symbol("meta"),Y=Object.freeze(Object.defineProperty({__proto__:null,hash:S,meta:j,pk:X,sleep:V},Symbol.toStringTag,{value:"Module"}));function v(e,t){const r=a.useRef(null),n=a.useRef(null);return a.useMemo(()=>{const o=S(t);if(n.current!==o){n.current=o;const u=e();return r.current=u,u}return r.current},t)}function N(e,t){const r=a.useRef(null);a.useEffect(()=>{const n=S(t);if(r.current!==n)return r.current=n,e()},t)}const z=a.createContext({instance:new y});function H(){return a.useContext(z)}function Z({children:e}){const t=v(()=>({instance:new y}),[]);return c.jsx(z.Provider,{value:t,children:e})}const h={immer:new k.Immer,annotations:Symbol("annotations")};k.enablePatches(),h.immer.setAutoFreeze(!1);class R{constructor(t,r,n=null){T(this,"process");this.value=t,this.operations=r,this.field=n,this.process=null}attach(t){return this.process=t,this}}function L(e,t=[]){return new R(e,t)}class D{constructor(t,r=t){this.stateless=t,this.stateful=r}get validatable(){return $(this.stateful)}}function $(e,t=[]){return new Proxy(e,{get(r,n){switch(n){case"is":return o=>{const u=C(e,t);if(!u)return!1;const i=new Set(u.flatMap(m=>m.operations));return!!(Array.from(i).reduce((m,f)=>m|(f??0),0)&o)};case"pending":return()=>!!C(e,t);case"draft":return()=>{const o=C(e,t);if(!o)return b(e,t);const u=o.flatMap(i=>i.operations).find(i=>i instanceof A);return u?u.value:b(e,t)}}return $(e,[...t,String(n)])}})}function C(e,t){const n=typeof b(e,t)=="object"?t:t.slice(0,-1),o=n.length===0?e:b(e,n),u=(o==null?void 0:o[h.annotations])??[];return u.length>0?u:null}function I(e,t,r){function n(i){return P(i).forEach(function(){if(this.key===h.annotations){this.block();return}this.node instanceof R&&this.update(this.node.value)})}function o(i){return P(i).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node instanceof R){const d=typeof this.node.value=="object",m=[...d?this.path:this.path.slice(0,-1),h.annotations],f=b(e.stateful,m)??[],O=this.node.attach(t);d?this.update({...this.node.value,[h.annotations]:[O,...f]},!0):(this.parent&&(this.parent.node[h.annotations]=[O,...f]),this.update(this.node.value,!0))}})}const u=i=>r(i,i[j]);return new D(n(h.immer.produce(e.stateless,u)),o(h.immer.produce(e.stateful,u)))}function x(e,t){const r=P(e.stateful).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node&&this.node[h.annotations]){const n=this.node[h.annotations];this.update({...this.node,[h.annotations]:n.filter(o=>o.process!==t)},!0)}});return new D(e.stateless,r)}function ee(e){return v(()=>({controller:{get model(){return e.model.current.stateful},queue:[],actions:{annotate(t,r){return L(t,r)},produce(t){return(r,n)=>I(r,n,t)},dispatch([t,...r]){if(t==null)return Promise.reject();const n=Promise.withResolvers();return e.dispatchers.dispatch(t,r,n),n.promise},context(t){const r=Object.keys(t);return e.context.use.current=t,e.context.update(),r.reduce((n,o)=>({...n,get[o](){return e.context.values.current[o]}}),{})}}},view:{get model(){return e.model.current.stateless},get validate(){return e.model.current.validatable},boundary:{is(t){return e.model.current.stateless[j].boundary===t}},actions:{dispatch([t,...r]){if(t==null)return Promise.reject();const n=Promise.withResolvers();return e.dispatchers.dispatch(t,r,n),n.promise}}}}),[])}function te(e){const t=l.useRef(null);return t.current==null&&(t.current=e.options.using.actions(e.actions.controller)),v(()=>{if(t.current)return Object.entries(t.current).forEach(([n,o])=>e.dispatchers.attach(n,o)),t.current},[])}function F(e){return e.startsWith("distributed")}function ne(e){return e instanceof M}function J(e){return e instanceof M||e instanceof Error?e:new Error("Unknown error",{cause:e})}class M extends Error{constructor(r,n=null){super(String(n));q(this,w);q(this,E);U(this,w,r),U(this,E,n)}get type(){return _(this,w)}get message(){return _(this,E)||""}}w=new WeakMap,E=new WeakMap;function re({children:e}){return e()}function se(e){return(t,r)=>async(n=Promise.withResolvers(),o)=>{if(typeof r!="function")return void n.resolve();const u=Symbol("process"),i=r(...o);try{if(i==null)return void n.resolve();if(typeof i=="function"){const d=i(e.model.current,u);return e.model.current=x(d,u),e.update.rerender(),void n.resolve()}for(;;){if(i instanceof Promise){const f=await i;if(f==null)return void n.resolve();const O=f(e.model.current,u);return e.model.current=x(O,u),e.update.rerender(),void n.resolve()}const{value:d,done:m}=await i.next();if(m){const f=d(e.model.current,u);return e.model.current=x(f,u),e.update.rerender(),void n.resolve()}e.model.current=d(e.model.current,u),e.update.rerender()}}catch(d){x(e.model.current,u),e.update.rerender(),e.unicast.emit(p.Error,n,[J(d)])}}}function oe(e){const t=H(),r=v(()=>new y,[]),n=se({...e,unicast:r});return v(()=>({attach(o,u){const i=String(o);F(i)?t.instance.on(i,n(o,u)):r.on(i,n(o,u))},dispatch(o,u,i){const d=String(o);F(d)?t.instance.emit(d,i,u):r.emit(d,i,u)}}),[])}function ue(){const e=a.useRef(null);return v(()=>({customElement:e}),[])}function ce(e){N(()=>{e.dispatchers.dispatch(p.Derive,[])},[e.options.using.props]),N(()=>(e.dispatchers.dispatch(p.Mount,[]),e.dispatchers.dispatch(p.Node,[e.elements.customElement.current]),()=>e.dispatchers.dispatch(p.Unmount,[])),[])}function ie(e){const t=v(()=>({...e.options.using.model??{},[j]:{boundary:g.Default}}),[]);return a.useRef(new D(t,t))}function ae(){return a.useRef(new Set)}function le(){const[e,t]=a.useReducer(r=>r+1,0);return v(()=>({hash:e,rerender:t}),[e])}const de={elementName:"x-chizu"},Q=a.createContext(null);function fe(){const e=a.useContext(Q);if(!e)throw new Error("useScoped is not being used within a scoped module.");return e}class he extends a.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){const r=Symbol("process"),n=I(this.props.model.current,r,(o,u)=>{u.boundary=g.Error});this.props.model.current=n,this.props.update.rerender(),this.props.dispatchers.dispatch(p.Error,[J(t)])}render(){return c.jsx(re,{children:this.props.children})}}function me(){const e=a.useRef({}),t=a.useRef({});function r(){t.current=Object.fromEntries(Object.entries(e.current).map(([n,o])=>[n,a.use(o)]))}return r(),v(()=>({use:e,values:t,update:r}),[])}function ve(){return l.useRef(0)}function pe({options:e}){const t=le(),r=ae(),n=ve(),o=ue(),u=H(),i=me(),d=ie({options:e}),m=oe({broadcast:u,options:e,update:t,model:d,queue:r}),f=ee({model:d,dispatchers:m,context:i});return te({options:e,dispatchers:m,actions:f}),ce({options:e,dispatchers:m,elements:o}),v(()=>a.createElement(he,{model:d,dispatchers:m,update:t,module:f.view,children(){return a.createElement(Q.Provider,{value:f.view,children:a.createElement(de.elementName,{ref:o.customElement,style:{display:"contents"},children:e.children(f.view)})})}}),[t.hash,S(e.using.props),e.passive?n.current++:0])}function ye(e){return c.jsx(pe,{options:e})}s.Boundary=g,s.Broadcaster=Z,s.Lifecycle=p,s.Scope=ye,s.State=B,s.TypedError=M,s.isTypedError=ne,s.useScoped=fe,s.utils=Y,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react"),require("eventemitter3"),require("immer"),require("lodash/get"),require("traverse")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","eventemitter3","immer","lodash/get","traverse"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.Chizu={},s.jsxRuntime,s.React,s.EventEmitter3,s.Immer,s.get,s.Traverse))})(this,function(s,c,a,y,A,b,O){"use strict";var be=Object.defineProperty;var G=s=>{throw TypeError(s)};var ge=(s,c,a)=>c in s?be(s,c,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[c]=a;var _=(s,c,a)=>ge(s,typeof c!="symbol"?c+"":c,a),K=(s,c,a)=>c.has(s)||G("Cannot "+a);var U=(s,c,a)=>(K(s,c,"read from private field"),a?a.call(s):c.get(s)),k=(s,c,a)=>c.has(s)?G("Cannot add the same private member more than once"):c instanceof WeakSet?c.add(s):c.set(s,a),q=(s,c,a,y)=>(K(s,c,"write to private field"),y?y.call(s,a):c.set(s,a),a);var g,w;function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=Q(a);class B{constructor(t){this.value=t}}class N{static Draft(t){return new B(t)}}_(N,"Op",{Add:1,Remove:2,Update:4,Move:8,Replace:16});var p=(e=>(e.Mount="lifecycle/mount",e.Node="lifecycle/node",e.Derive="lifecycle/derive",e.Error="lifecycle/error",e.Unmount="lifecycle/unmount",e))(p||{}),E=(e=>(e[e.Default=0]="Default",e[e.Error=1]="Error",e))(E||{});function V(e){return new Promise(t=>setTimeout(t,e))}function X(e){return e?!!(e&&typeof e!="symbol"):Symbol(`pk.${Date.now()}.${crypto.randomUUID()}`)}function S(e){return JSON.stringify(e)}const j=Symbol("meta"),Y=Object.freeze(Object.defineProperty({__proto__:null,hash:S,meta:j,pk:X,sleep:V},Symbol.toStringTag,{value:"Module"}));function v(e,t){const r=l.useRef(null),n=l.useRef(null);return l.useMemo(()=>{const o=S(t);if(n.current!==o){n.current=o;const u=e();return r.current=u,u}return r.current},t)}function R(e,t){const r=l.useRef(null);l.useEffect(()=>{const n=S(t);if(r.current!==n)return r.current=n,e()},t)}const z=l.createContext({instance:new y});function H(){return l.useContext(z)}function Z({children:e}){const t=v(()=>({instance:new y}),[]);return c.jsx(z.Provider,{value:t,children:e})}const h={immer:new A.Immer,annotations:Symbol("annotations")};A.enablePatches(),h.immer.setAutoFreeze(!1);class D{constructor(t,r,n=null){_(this,"process");this.value=t,this.operations=r,this.field=n,this.process=null}attach(t){return this.process=t,this}}function L(e,t=[]){return new D(e,t)}class C{constructor(t,r=t){this.stateless=t,this.stateful=r}get validatable(){return $(this.stateful)}}function $(e,t=[]){return new Proxy(e,{get(r,n){switch(n){case"is":return o=>{const u=M(e,t);if(!u)return!1;const i=new Set(u.flatMap(m=>m.operations));return!!(Array.from(i).reduce((m,f)=>m|(f??0),0)&o)};case"pending":return()=>!!M(e,t);case"draft":return()=>{const o=M(e,t);if(!o)return b(e,t);const u=o.flatMap(i=>i.operations).find(i=>i instanceof B);return u?u.value:b(e,t)}}return $(e,[...t,String(n)])}})}function M(e,t){const n=typeof b(e,t)=="object"?t:t.slice(0,-1),o=n.length===0?e:b(e,n),u=(o==null?void 0:o[h.annotations])??[];return u.length>0?u:null}function I(e,t,r){function n(i){return O(i).forEach(function(){if(this.key===h.annotations){this.block();return}this.node instanceof D&&this.update(this.node.value)})}function o(i){return O(i).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node instanceof D){const d=typeof this.node.value=="object",m=[...d?this.path:this.path.slice(0,-1),h.annotations],f=b(e.stateful,m)??[],P=this.node.attach(t);d?this.update({...this.node.value,[h.annotations]:[P,...f]},!0):(this.parent&&(this.parent.node[h.annotations]=[P,...f]),this.update(this.node.value,!0))}})}const u=i=>r(i,i[j]);return new C(n(h.immer.produce(e.stateless,u)),o(h.immer.produce(e.stateful,u)))}function x(e,t){const r=O(e.stateful).forEach(function(){if(this.key===h.annotations){this.block();return}if(this.node&&this.node[h.annotations]){const n=this.node[h.annotations];this.update({...this.node,[h.annotations]:n.filter(o=>o.process!==t)},!0)}});return new C(e.stateless,r)}function ee(e){return v(()=>({controller:{get model(){return e.model.current.stateless},get props(){return e.props.current},actions:{annotate(t,r){return L(t,r)},produce(t){return(r,n)=>I(r,n,t)},dispatch([t,...r]){if(t==null)return Promise.reject();const n=Promise.withResolvers();return e.dispatchers.dispatch(t,r,n),n.promise},context(t){const r=Object.keys(t);return e.context.use.current=t,e.context.update(),r.reduce((n,o)=>({...n,get[o](){return e.context.values.current[o]}}),{})}}},view:{get model(){return e.model.current.stateless},get props(){return e.props.current},get validate(){return e.model.current.validatable},boundary:{is(t){return e.model.current.stateless[j].boundary===t}},actions:{dispatch([t,...r]){if(t==null)return Promise.reject();const n=Promise.withResolvers();return e.dispatchers.dispatch(t,r,n),n.promise}}}}),[])}function te(e){const t=a.useRef(null);return t.current==null&&(t.current=e.options.using.actions(e.actions.controller)),v(()=>{if(t.current)return Object.entries(t.current).forEach(([n,o])=>e.dispatchers.attach(n,o)),t.current},[])}function F(e){return e.startsWith("distributed")}function ne(e){return e instanceof T}function J(e){return e instanceof T||e instanceof Error?e:new Error("Unknown error",{cause:e})}class T extends Error{constructor(r,n=null){super(String(n));k(this,g);k(this,w);q(this,g,r),q(this,w,n)}get type(){return U(this,g)}get message(){return U(this,w)||""}}g=new WeakMap,w=new WeakMap;function re({children:e}){return e()}function se(e){return(t,r)=>async(n=Promise.withResolvers(),o)=>{if(typeof r!="function")return void n.resolve();const u=Symbol("process"),i=r(...o);try{if(i==null)return void n.resolve();if(typeof i=="function"){const d=i(e.model.current,u);return e.model.current=x(d,u),e.update.rerender(),void n.resolve()}for(;;){if(i instanceof Promise){const f=await i;if(f==null)return void n.resolve();const P=f(e.model.current,u);return e.model.current=x(P,u),e.update.rerender(),void n.resolve()}const{value:d,done:m}=await i.next();if(m){const f=d(e.model.current,u);return e.model.current=x(f,u),e.update.rerender(),void n.resolve()}e.model.current=d(e.model.current,u),e.update.rerender()}}catch(d){x(e.model.current,u),e.update.rerender(),e.unicast.emit(p.Error,n,[J(d)])}}}function oe(e){const t=H(),r=v(()=>new y,[]),n=se({...e,unicast:r});return v(()=>({attach(o,u){const i=String(o);F(i)?t.instance.on(i,n(o,u)):r.on(i,n(o,u))},dispatch(o,u,i){const d=String(o);F(d)?t.instance.emit(d,i,u):r.emit(d,i,u)}}),[])}function ue(){const e=l.useRef(null);return v(()=>({customElement:e}),[])}function ce(e){R(()=>{e.dispatchers.dispatch(p.Derive,[])},[e.options.using.props]),R(()=>(e.dispatchers.dispatch(p.Mount,[]),e.dispatchers.dispatch(p.Node,[e.elements.customElement.current]),()=>e.dispatchers.dispatch(p.Unmount,[])),[])}function ie(e){const t=v(()=>({...e.options.using.model??{},[j]:{boundary:E.Default}}),[]);return l.useRef(new C(t,t))}function ae(){const[e,t]=l.useReducer(r=>r+1,0);return v(()=>({hash:e,rerender:t}),[e])}const le={elementName:"x-chizu"},W=l.createContext(null);function de(){const e=l.useContext(W);if(!e)throw new Error("useScoped is not being used within a scoped module.");return e}class fe extends l.Component{constructor(t){super(t),this.state={error:null}}componentDidCatch(t){const r=Symbol("process"),n=I(this.props.model.current,r,(o,u)=>{u.boundary=E.Error});this.props.model.current=n,this.props.update.rerender(),this.props.dispatchers.dispatch(p.Error,[J(t)])}render(){return c.jsx(re,{children:this.props.children})}}function he(){const e=l.useRef({}),t=l.useRef({});function r(){t.current=Object.fromEntries(Object.entries(e.current).map(([n,o])=>[n,l.use(o)]))}return r(),v(()=>({use:e,values:t,update:r}),[])}function me(){return a.useRef(0)}function ve(e){const t=a.useRef(e.options.using.props);return R(()=>{t.current=e.options.using.props},[e.options.using.props]),t}function pe({options:e}){const t=ae(),r=me(),n=ue(),o=H(),u=he(),i=ve({options:e}),d=ie({options:e}),m=oe({broadcast:o,options:e,update:t,model:d}),f=ee({model:d,dispatchers:m,context:u,props:i});return te({options:e,dispatchers:m,actions:f}),ce({options:e,dispatchers:m,elements:n}),v(()=>l.createElement(fe,{model:d,dispatchers:m,update:t,module:f.view,children(){return l.createElement(W.Provider,{value:f.view,children:l.createElement(le.elementName,{ref:n.customElement,style:{display:"contents"},children:e.children(f.view)})})}}),[t.hash,S(e.using.props),e.passive?r.current++:0])}function ye(e){return c.jsx(pe,{options:e})}s.Boundary=E,s.Broadcaster=Z,s.Lifecycle=p,s.Scope=ye,s.State=N,s.TypedError=T,s.isTypedError=ne,s.useScoped=de,s.utils=Y,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/controller/types.d.ts

@@ -1,7 +1,7 @@
 import { TypedError } from '../errors/utils.ts';
 import { Models } from '../module/renderer/model/utils.ts';
 import { Head } from '../module/renderer/types.ts';
-import { Actions, Context, ContextTypes, Draft, Lifecycle, Meta, ModuleDefinition, Op, Queue } from '../types/index.ts';
+import { Actions, Context, ContextTypes, Draft, Lifecycle, Meta, ModuleDefinition, Op } from '../types/index.ts';
 export type ControllerActions<M extends ModuleDefinition> = {
     annotate<T>(value: T, operations?: (Op | Draft<T>)[]): T;
     produce(ƒ: (model: M["Model"], meta: Meta) => void): (models: Models<M["Model"]>, process: symbol) => Models<M["Model"]>;
@@ -10,7 +10,7 @@ export type ControllerActions<M extends ModuleDefinition> = {
 };
 export type ControllerArgs<M extends ModuleDefinition> = Readonly<{
     model: Readonly<M["Model"]>;
-    queue: Readonly<Queue<M["Actions"]>>;
+    props: Readonly<M["Props"]>;
     actions: Readonly<ControllerActions<M>>;
 }>;
 export type ActionEvent<M extends ModuleDefinition> = (...args: M["Actions"][number]) => ActionGenerator<M>;

package/dist/module/renderer/actions/types.d.ts

@@ -6,12 +6,14 @@ import { ViewArgs } from '../../../view/types.ts';
 import { UseOptions } from '../../types.ts';
 import { UseDispatchers } from '../dispatchers/types.ts';
 import { UseModel } from '../model/types.ts';
+import { UseProps } from '../props/types.ts';
 export type Props<M extends ModuleDefinition> = {
     broadcast: UseBroadcast;
     options: UseOptions<M>;
     model: UseModel;
     dispatchers: UseDispatchers;
     context: UseContext;
+    props: UseProps;
 };
 export type UseActions<M extends ModuleDefinition> = {
     controller: ControllerArgs<M>;

package/dist/module/renderer/dispatchers/types.d.ts

@@ -3,7 +3,6 @@ import { UseBroadcast } from '../../../broadcast/types.ts';
 import { ModuleDefinition } from '../../../types/index.ts';
 import { UseOptions } from '../../types.ts';
 import { UseModel } from '../model/types.ts';
-import { UseQueue } from '../queue/types.ts';
 import { UseUpdate } from '../update/types.ts';
 import { default as useDispatchers } from './index.ts';
 export type Props<M extends ModuleDefinition> = {
@@ -11,7 +10,6 @@ export type Props<M extends ModuleDefinition> = {
     options: UseOptions<M>;
     update: UseUpdate;
     model: UseModel;
-    queue: UseQueue;
 };
 export type UseDispatchers = ReturnType<typeof useDispatchers>;
 export type UseDispatchHandlerProps<M extends ModuleDefinition> = Props<M> & {

package/dist/module/renderer/props/index.d.ts

@@ -0,0 +1,3 @@
+import { ModuleDefinition } from '../../../types/index.ts';
+import { Props } from './types.ts';
+export default function useProps<M extends ModuleDefinition>(props: Props<M>): import('react').RefObject<M["Props"] | undefined>;

package/dist/module/renderer/props/types.d.ts

@@ -0,0 +1,7 @@
+import { ModuleDefinition } from '../../../types/index.ts';
+import { UseOptions } from '../../types.ts';
+import { default as useProps } from './index.ts';
+export type Props<M extends ModuleDefinition> = {
+    options: UseOptions<M>;
+};
+export type UseProps = ReturnType<typeof useProps>;

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-import { Head } from '../module/renderer/types.ts';
 export declare enum Transmit {
     Unicast = "unicast",
     Multicast = "multicast",
@@ -42,12 +41,6 @@ export type ModuleDefinition = {
     Props: Props;
 };
 export type Pk<T> = undefined | symbol | T;
-export type Queue<A extends ModuleDefinition["Actions"]> = {
-    name: Head<A>;
-    actions: {
-        abort: AbortController["abort"];
-    };
-}[];
 export type Task = PromiseWithResolvers<void>;
 export type Process = symbol;
 export type Op = number;

package/dist/view/types.d.ts

@@ -6,6 +6,7 @@ export type ViewActions<M extends ModuleDefinition> = {
 };
 export type ViewArgs<M extends ModuleDefinition> = Readonly<{
     model: Readonly<M["Model"]>;
+    props: Readonly<M["Props"]>;
     boundary: {
         is(boundary: Boundary): boolean;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chizu",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "type": "module",
   "main": "./dist/chizu.js",
   "types": "./dist/index.d.ts",

package/dist/module/renderer/queue/index.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export default function useQueue(): React.RefObject<Set<Promise<void>>>;

package/dist/module/renderer/queue/types.d.ts

@@ -1,2 +0,0 @@
-import { default as useQueue } from '.';
-export type UseQueue = ReturnType<typeof useQueue>;