@lizzelabs/react-harmony 1.0.0 → 1.1.0

package/dist/styles-DofTX6nZ.js

@@ -0,0 +1,653 @@
+const wr = (r, s) => {
+  const e = { ...r };
+  for (const t of s)
+    delete e[t];
+  return e;
+};
+var h = "-ms-", Z = "-moz-", o = "-webkit-", fr = "comm", v = "rule", rr = "decl", gr = "@import", mr = "@namespace", pr = "@keyframes", xr = "@layer", hr = Math.abs, sr = String.fromCharCode, y = Object.assign;
+function Er(r, s) {
+  return b(r, 0) ^ 45 ? (((s << 2 ^ b(r, 0)) << 2 ^ b(r, 1)) << 2 ^ b(r, 2)) << 2 ^ b(r, 3) : 0;
+}
+function dr(r) {
+  return r.trim();
+}
+function T(r, s) {
+  return (r = s.exec(r)) ? r[0] : r;
+}
+function n(r, s, e) {
+  return r.replace(s, e);
+}
+function q(r, s, e) {
+  return r.indexOf(s, e);
+}
+function b(r, s) {
+  return r.charCodeAt(s) | 0;
+}
+function D(r, s, e) {
+  return r.slice(s, e);
+}
+function j(r) {
+  return r.length;
+}
+function ur(r) {
+  return r.length;
+}
+function N(r, s) {
+  return s.push(r), r;
+}
+function Or(r, s) {
+  return r.map(s).join("");
+}
+function er(r, s) {
+  return r.filter(function(e) {
+    return !T(e, s);
+  });
+}
+var J = 1, U = 1, br = 0, O = 0, u = 0, S = "";
+function Q(r, s, e, t, c, p, d, a) {
+  return { value: r, root: s, parent: e, type: t, props: c, children: p, line: J, column: U, length: d, return: "", siblings: a };
+}
+function P(r, s) {
+  return y(Q("", null, null, "", null, null, 0, r.siblings), r, { length: -r.length }, s);
+}
+function L(r) {
+  for (; r.root; )
+    r = P(r.root, { children: [r] });
+  N(r, r.siblings);
+}
+function Cr() {
+  return u;
+}
+function jr() {
+  return u = O > 0 ? b(S, --O) : 0, U--, u === 10 && (U = 1, J--), u;
+}
+function k() {
+  return u = O < br ? b(S, O++) : 0, U++, u === 10 && (U = 1, J++), u;
+}
+function R() {
+  return b(S, O);
+}
+function G() {
+  return O;
+}
+function V(r, s) {
+  return D(S, r, s);
+}
+function B(r) {
+  switch (r) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function kr(r) {
+  return J = U = 1, br = j(S = r), O = 0, [];
+}
+function Ar(r) {
+  return S = "", r;
+}
+function X(r) {
+  return dr(V(O - 1, l(r === 91 ? r + 2 : r === 40 ? r + 1 : r)));
+}
+function Mr(r) {
+  for (; (u = R()) && u < 33; )
+    k();
+  return B(r) > 2 || B(u) > 3 ? "" : " ";
+}
+function Ir(r, s) {
+  for (; --s && k() && !(u < 48 || u > 102 || u > 57 && u < 65 || u > 70 && u < 97); )
+    ;
+  return V(r, G() + (s < 6 && R() == 32 && k() == 32));
+}
+function l(r) {
+  for (; k(); )
+    switch (u) {
+      // ] ) " '
+      case r:
+        return O;
+      // " '
+      case 34:
+      case 39:
+        r !== 34 && r !== 39 && l(u);
+        break;
+      // (
+      case 40:
+        r === 41 && l(r);
+        break;
+      // \
+      case 92:
+        k();
+        break;
+    }
+  return O;
+}
+function Tr(r, s) {
+  for (; k() && r + u !== 57; )
+    if (r + u === 84 && R() === 47)
+      break;
+  return "/*" + V(s, O - 1) + "*" + sr(r === 47 ? r : k());
+}
+function Yr(r) {
+  for (; !B(R()); )
+    k();
+  return V(r, O);
+}
+function tr(r) {
+  return Ar(H("", null, null, null, [""], r = kr(r), 0, [0], r));
+}
+function H(r, s, e, t, c, p, d, a, i) {
+  for (var x = 0, E = 0, w = d, Y = 0, C = 0, $ = 0, g = 1, W = 1, M = 1, m = 0, z = "", _ = c, K = p, A = t, f = z; W; )
+    switch ($ = m, m = k()) {
+      // (
+      case 40:
+        if ($ != 108 && b(f, w - 1) == 58) {
+          q(f += n(X(m), "&", "&\f"), "&\f", hr(x ? a[x - 1] : 0)) != -1 && (M = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        f += X(m);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        f += Mr($);
+        break;
+      // \
+      case 92:
+        f += Ir(G() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (R()) {
+          case 42:
+          case 47:
+            N(zr(Tr(k(), G()), s, e, i), i), (B($ || 1) == 5 || B(R() || 1) == 5) && j(f) && D(f, -1, void 0) !== " " && (f += " ");
+            break;
+          default:
+            f += "/";
+        }
+        break;
+      // {
+      case 123 * g:
+        a[x++] = j(f) * M;
+      // } ; \0
+      case 125 * g:
+      case 59:
+      case 0:
+        switch (m) {
+          // \0 }
+          case 0:
+          case 125:
+            W = 0;
+          // ;
+          case 59 + E:
+            M == -1 && (f = n(f, /\f/g, "")), C > 0 && (j(f) - w || g === 0 && $ === 47) && N(C > 32 ? cr(f + ";", t, e, w - 1, i) : cr(n(f, " ", "") + ";", t, e, w - 2, i), i);
+            break;
+          // @ ;
+          case 59:
+            f += ";";
+          // { rule/at-rule
+          default:
+            if (N(A = nr(f, s, e, x, E, c, a, z, _ = [], K = [], w, p), p), m === 123)
+              if (E === 0)
+                H(f, s, A, A, _, p, w, a, K);
+              else {
+                switch (Y) {
+                  // c(ontainer)
+                  case 99:
+                    if (b(f, 3) === 110) break;
+                  // l(ayer)
+                  case 108:
+                    if (b(f, 2) === 97) break;
+                  default:
+                    E = 0;
+                  // d(ocument) m(edia) s(upports)
+                  case 100:
+                  case 109:
+                  case 115:
+                }
+                E ? H(r, A, A, t && N(nr(r, A, A, 0, 0, c, a, z, c, _ = [], w, K), K), c, K, w, a, t ? _ : K) : H(f, A, A, A, [""], K, 0, a, K);
+              }
+        }
+        x = E = C = 0, g = M = 1, z = f = "", w = d;
+        break;
+      // :
+      case 58:
+        w = 1 + j(f), C = $;
+      default:
+        if (g < 1) {
+          if (m == 123)
+            --g;
+          else if (m == 125 && g++ == 0 && jr() == 125)
+            continue;
+        }
+        switch (f += sr(m), m * g) {
+          // &
+          case 38:
+            M = E > 0 ? 1 : (f += "\f", -1);
+            break;
+          // ,
+          case 44:
+            a[x++] = (j(f) - 1) * M, M = 1;
+            break;
+          // @
+          case 64:
+            R() === 45 && (f += X(k())), Y = R(), E = w = j(z = f += Yr(G())), m++;
+            break;
+          // -
+          case 45:
+            $ === 45 && j(f) == 2 && (g = 0);
+        }
+    }
+  return p;
+}
+function nr(r, s, e, t, c, p, d, a, i, x, E, w) {
+  for (var Y = c - 1, C = c === 0 ? p : [""], $ = ur(C), g = 0, W = 0, M = 0; g < t; ++g)
+    for (var m = 0, z = D(r, Y + 1, Y = hr(W = d[g])), _ = r; m < $; ++m)
+      (_ = dr(W > 0 ? C[m] + " " + z : n(z, /&\f/g, C[m]))) && (i[M++] = _);
+  return Q(r, s, e, c === 0 ? v : a, i, x, E, w);
+}
+function zr(r, s, e, t) {
+  return Q(r, s, e, fr, sr(Cr()), D(r, 2, -2), 0, t);
+}
+function cr(r, s, e, t, c) {
+  return Q(r, s, e, rr, D(r, 0, t), D(r, t + 1, -1), t, c);
+}
+function $r(r, s, e) {
+  switch (Er(r, s)) {
+    // color-adjust
+    case 5103:
+      return o + "print-" + r + r;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+      return o + r + r;
+    // mask-composite
+    case 4855:
+      return o + r.replace("add", "source-over").replace("substract", "source-out").replace("intersect", "source-in").replace("exclude", "xor") + r;
+    // tab-size
+    case 4789:
+      return Z + r + r;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return o + r + Z + r + h + r + r;
+    // writing-mode
+    case 5936:
+      switch (b(r, s + 11)) {
+        // vertical-l(r)
+        case 114:
+          return o + r + h + n(r, /[svh]\w+-[tblr]{2}/, "tb") + r;
+        // vertical-r(l)
+        case 108:
+          return o + r + h + n(r, /[svh]\w+-[tblr]{2}/, "tb-rl") + r;
+        // horizontal(-)tb
+        case 45:
+          return o + r + h + n(r, /[svh]\w+-[tblr]{2}/, "lr") + r;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return o + r + h + r + r;
+    // order
+    case 6165:
+      return o + r + h + "flex-" + r + r;
+    // align-items
+    case 5187:
+      return o + r + n(r, /(\w+).+(:[^]+)/, o + "box-$1$2" + h + "flex-$1$2") + r;
+    // align-self
+    case 5443:
+      return o + r + h + "flex-item-" + n(r, /flex-|-self/g, "") + (T(r, /flex-|baseline/) ? "" : h + "grid-row-" + n(r, /flex-|-self/g, "")) + r;
+    // align-content
+    case 4675:
+      return o + r + h + "flex-line-pack" + n(r, /align-content|flex-|-self/g, "") + r;
+    // flex-shrink
+    case 5548:
+      return o + r + h + n(r, "shrink", "negative") + r;
+    // flex-basis
+    case 5292:
+      return o + r + h + n(r, "basis", "preferred-size") + r;
+    // flex-grow
+    case 6060:
+      return o + "box-" + n(r, "-grow", "") + o + r + h + n(r, "grow", "positive") + r;
+    // transition
+    case 4554:
+      return o + n(r, /([^-])(transform)/g, "$1" + o + "$2") + r;
+    // cursor
+    case 6187:
+      return n(n(n(r, /(zoom-|grab)/, o + "$1"), /(image-set)/, o + "$1"), r, "") + r;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return n(r, /(image-set\([^]*)/, o + "$1$`$1");
+    // justify-content
+    case 4968:
+      return n(n(r, /(.+:)(flex-)?(.*)/, o + "box-pack:$3" + h + "flex-pack:$3"), /space-between/, "justify") + o + r + r;
+    // justify-self
+    case 4200:
+      if (!T(r, /flex-|baseline/)) return h + "grid-column-align" + D(r, s) + r;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return h + n(r, "template-", "") + r;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return e && e.some(function(t, c) {
+        return s = c, T(t.props, /grid-\w+-end/);
+      }) ? ~q(r + (e = e[s].value), "span", 0) ? r : h + n(r, "-start", "") + r + h + "grid-row-span:" + (~q(e, "span", 0) ? T(e, /\d+/) : +T(e, /\d+/) - +T(r, /\d+/)) + ";" : h + n(r, "-start", "") + r;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return e && e.some(function(t) {
+        return T(t.props, /grid-\w+-start/);
+      }) ? r : h + n(n(r, "-end", "-span"), "span ", "") + r;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return n(r, /(.+)-inline(.+)/, o + "$1$2") + r;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (j(r) - 1 - s > 6)
+        switch (b(r, s + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (b(r, s + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return n(r, /(.+:)(.+)-([^]+)/, "$1" + o + "$2-$3$1" + Z + (b(r, s + 3) == 108 ? "$3" : "$2-$3")) + r;
+          // (s)tretch
+          case 115:
+            return ~q(r, "stretch", 0) ? $r(n(r, "stretch", "fill-available"), s, e) + r : r;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return n(r, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(t, c, p, d, a, i, x) {
+        return h + c + ":" + p + x + (d ? h + c + "-span:" + (a ? i : +i - +p) + x : "") + r;
+      });
+    // position: sticky
+    case 4949:
+      if (b(r, s + 6) === 121)
+        return n(r, ":", ":" + o) + r;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (b(r, b(r, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return n(r, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + o + (b(r, 14) === 45 ? "inline-" : "") + "box$3$1" + o + "$2$3$1" + h + "$2box$3") + r;
+        // (inline-)?gri(d)
+        case 100:
+          return n(r, ":", ":" + h) + r;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return n(r, "scroll-", "scroll-snap-") + r;
+  }
+  return r;
+}
+function F(r, s) {
+  for (var e = "", t = 0; t < r.length; t++)
+    e += s(r[t], t, r, s) || "";
+  return e;
+}
+function ir(r, s, e, t) {
+  switch (r.type) {
+    case xr:
+      if (r.children.length) break;
+    case gr:
+    case mr:
+    case rr:
+      return r.return = r.return || r.value;
+    case fr:
+      return "";
+    case pr:
+      return r.return = r.value + "{" + F(r.children, t) + "}";
+    case v:
+      if (!j(r.value = r.props.join(","))) return "";
+  }
+  return j(e = F(r.children, t)) ? r.return = r.value + "{" + e + "}" : "";
+}
+function ar(r) {
+  var s = ur(r);
+  return function(e, t, c, p) {
+    for (var d = "", a = 0; a < s; a++)
+      d += r[a](e, t, c, p) || "";
+    return d;
+  };
+}
+function or(r, s, e, t) {
+  if (r.length > -1 && !r.return)
+    switch (r.type) {
+      case rr:
+        r.return = $r(r.value, r.length, e);
+        return;
+      case pr:
+        return F([P(r, { value: n(r.value, "@", "@" + o) })], t);
+      case v:
+        if (r.length)
+          return Or(e = r.props, function(c) {
+            switch (T(c, t = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                L(P(r, { props: [n(c, /:(read-\w+)/, ":" + Z + "$1")] })), L(P(r, { props: [c] })), y(r, { props: er(e, t) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                L(P(r, { props: [n(c, /:(plac\w+)/, ":" + o + "input-$1")] })), L(P(r, { props: [n(c, /:(plac\w+)/, ":" + Z + "$1")] })), L(P(r, { props: [n(c, /:(plac\w+)/, h + "input-$1")] })), L(P(r, { props: [c] })), y(r, { props: er(e, t) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+class I {
+  static PSEUDO_KEY = "&";
+  static MEDIA_KEY = "@";
+  _sheet;
+  css = [];
+  constructor() {
+    this._sheet = I.initialize();
+  }
+  static initialize() {
+    const s = document.createElement("style");
+    if (document.head.appendChild(s), !s.sheet)
+      throw new Error("It could not get sheet!");
+    return s.sheet;
+  }
+  translateObjecToCss(s, e) {
+    return e ? `${s}{${Object.entries(e).map(
+      ([t, c]) => c !== void 0 ? `${t.replace(/[A-Z]/g, (p) => "-" + p.toLowerCase())}:${c}; ` : ""
+    ).join("")}}` : "";
+  }
+  translateAnimationToCss(s) {
+    return Object.keys(s).map(
+      (e) => `${e} { ${Object.entries(s[e]).map(
+        ([t, c]) => `${t} { ${Object.entries(c).map(([p, d]) => `${p}:${d};`).join("")} } `
+      ).join("")} }`
+    ).join("");
+  }
+  splitRootAndPseudo(s, e, t) {
+    if (!e)
+      throw new Error("You need to have a className to execute it!");
+    const p = Object.keys(s).filter(
+      (i) => i.indexOf(I.PSEUDO_KEY) === 0
+    ), d = p.map(
+      (i) => ({
+        selector: `.${e}${i.replace(I.PSEUDO_KEY, "")}`,
+        styles: s[i],
+        media: t
+      })
+    ), a = wr(s, [
+      ...p
+    ]);
+    return Object.keys(a).length > 0 ? [{ selector: `.${e}`, styles: a, media: t }, ...d] : d;
+  }
+  splitWithIntoCssClasses(s, e) {
+    const { root: t, media: c, globals: p, animations: d } = Object.keys(s).reduce(
+      (a, i) => i.indexOf(I.MEDIA_KEY) === -1 && i.indexOf(I.PSEUDO_KEY) === -1 && typeof s[i] == "object" ? {
+        ...a,
+        globals: [
+          ...a.globals,
+          {
+            selector: i,
+            styles: s[i]
+          }
+        ]
+      } : i.indexOf(I.MEDIA_KEY) === 0 && i.toLowerCase().includes("keyframes") ? {
+        ...a,
+        animations: {
+          ...a.animations,
+          [i]: s[i]
+        }
+      } : i.indexOf(I.MEDIA_KEY) === 0 ? {
+        ...a,
+        media: {
+          ...a.media,
+          [i]: [
+            ...a.media[i] || [],
+            ...this.splitRootAndPseudo(
+              s[i],
+              e,
+              i
+            )
+          ]
+        }
+      } : {
+        ...a,
+        root: {
+          ...a.root,
+          [i]: s[i]
+        }
+      },
+      {
+        root: {},
+        animations: {},
+        media: {},
+        globals: []
+      }
+    );
+    return {
+      globals: p,
+      root: Object.keys(t).length > 0 ? this.splitRootAndPseudo(t, e) : [],
+      media: c,
+      animations: d
+    };
+  }
+  apply(s, e) {
+    const { root: t, media: c, globals: p, animations: d } = this.splitWithIntoCssClasses(
+      s,
+      e
+    ), a = p.map(($) => this.translateObjecToCss($.selector, $.styles)).join(" "), i = Object.keys(c).map(
+      ($) => `${$} { ${c[$].map((g) => this.translateObjecToCss(g.selector, g.styles)).join("").trim()} }`
+    ).join(" "), x = this.translateAnimationToCss(d), E = t.map(($) => this.translateObjecToCss($.selector, $.styles)).join("").trim(), w = F(
+      tr(`@media all { ${a} ${E} ${x} }`),
+      ar([or, ir])
+    ), Y = F(
+      tr(`@media all { ${i}  }`),
+      ar([or, ir])
+    ), C = `${w}${Y}`;
+    this.itsAlreadyInserted(C) || (this.css.push(C), this.insert(w), this.insert(Y));
+  }
+  insert(s) {
+    s && (this._sheet || (this._sheet = I.initialize()), this._sheet.insertRule(s, this._sheet.cssRules.length));
+  }
+  itsAlreadyInserted(s) {
+    return this.css.includes(s);
+  }
+  delete() {
+    this.css = [], this._sheet && (this._sheet?.ownerNode?.remove(), this._sheet = void 0);
+  }
+}
+export {
+  I as S,
+  wr as e
+};

package/dist/systems/harmony/alignment-container.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const PIECE: ProviderPattern<any, any>;

package/dist/systems/harmony/contents.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const CONTENTS: ProviderPattern<any, any>;

package/dist/systems/harmony/index.d.ts

@@ -0,0 +1 @@
+export declare const HARMONY_SYSTEM: import('../..').ProviderPattern<any, any>[];

package/dist/systems/harmony/input.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const INPUT: ProviderPattern<any, any>;

package/dist/systems/harmony/media.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const MEDIA: ProviderPattern<any, any>;

package/dist/systems/harmony/piece.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const PIECE: ProviderPattern<any, any>;

package/dist/systems/harmony/reset.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const RESET: ProviderPattern<any, any>;

package/dist/systems/harmony/screen.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const SCREEN: ProviderPattern<any, any>;

package/dist/systems/harmony/scrollable.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../../components';
+export declare const SCROLLABLE: ProviderPattern<any, any>;

package/dist/systems/index.d.ts

@@ -0,0 +1,2 @@
+export * from './harmony';
+export * from './mergeSystems';

package/dist/systems/mergeSystems.d.ts

@@ -0,0 +1,2 @@
+import { ProviderPattern } from '../components';
+export declare const mergeSystems: (system: ProviderPattern<any, any, any>[], ...patterns: ProviderPattern<any, any, any>[]) => ProviderPattern<any, any, any>[];