@plasmicpkgs/plasmic-cms 0.0.213 → 0.0.215

package/dist/plasmic-cms.cjs.development.js

@@ -9,9 +9,309 @@ var registerGlobalContext = _interopDefault(require('@plasmicapp/host/registerGl
 var host = require('@plasmicapp/host');
 var query = require('@plasmicapp/query');
 var dayjs = _interopDefault(require('dayjs'));
-var React = require('react');
-var React__default = _interopDefault(React);
+var React = _interopDefault(require('react'));
 
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return e;
+  };
+  var t,
+    e = {},
+    r = Object.prototype,
+    n = r.hasOwnProperty,
+    o = Object.defineProperty || function (t, e, r) {
+      t[e] = r.value;
+    },
+    i = "function" == typeof Symbol ? Symbol : {},
+    a = i.iterator || "@@iterator",
+    c = i.asyncIterator || "@@asyncIterator",
+    u = i.toStringTag || "@@toStringTag";
+  function define(t, e, r) {
+    return Object.defineProperty(t, e, {
+      value: r,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), t[e];
+  }
+  try {
+    define({}, "");
+  } catch (t) {
+    define = function (t, e, r) {
+      return t[e] = r;
+    };
+  }
+  function wrap(t, e, r, n) {
+    var i = e && e.prototype instanceof Generator ? e : Generator,
+      a = Object.create(i.prototype),
+      c = new Context(n || []);
+    return o(a, "_invoke", {
+      value: makeInvokeMethod(t, r, c)
+    }), a;
+  }
+  function tryCatch(t, e, r) {
+    try {
+      return {
+        type: "normal",
+        arg: t.call(e, r)
+      };
+    } catch (t) {
+      return {
+        type: "throw",
+        arg: t
+      };
+    }
+  }
+  e.wrap = wrap;
+  var h = "suspendedStart",
+    l = "suspendedYield",
+    f = "executing",
+    s = "completed",
+    y = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var p = {};
+  define(p, a, function () {
+    return this;
+  });
+  var d = Object.getPrototypeOf,
+    v = d && d(d(values([])));
+  v && v !== r && n.call(v, a) && (p = v);
+  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+  function defineIteratorMethods(t) {
+    ["next", "throw", "return"].forEach(function (e) {
+      define(t, e, function (t) {
+        return this._invoke(e, t);
+      });
+    });
+  }
+  function AsyncIterator(t, e) {
+    function invoke(r, o, i, a) {
+      var c = tryCatch(t[r], t, o);
+      if ("throw" !== c.type) {
+        var u = c.arg,
+          h = u.value;
+        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+          invoke("next", t, i, a);
+        }, function (t) {
+          invoke("throw", t, i, a);
+        }) : e.resolve(h).then(function (t) {
+          u.value = t, i(u);
+        }, function (t) {
+          return invoke("throw", t, i, a);
+        });
+      }
+      a(c.arg);
+    }
+    var r;
+    o(this, "_invoke", {
+      value: function (t, n) {
+        function callInvokeWithMethodAndArg() {
+          return new e(function (e, r) {
+            invoke(t, n, e, r);
+          });
+        }
+        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(e, r, n) {
+    var o = h;
+    return function (i, a) {
+      if (o === f) throw new Error("Generator is already running");
+      if (o === s) {
+        if ("throw" === i) throw a;
+        return {
+          value: t,
+          done: !0
+        };
+      }
+      for (n.method = i, n.arg = a;;) {
+        var c = n.delegate;
+        if (c) {
+          var u = maybeInvokeDelegate(c, n);
+          if (u) {
+            if (u === y) continue;
+            return u;
+          }
+        }
+        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+          if (o === h) throw o = s, n.arg;
+          n.dispatchException(n.arg);
+        } else "return" === n.method && n.abrupt("return", n.arg);
+        o = f;
+        var p = tryCatch(e, r, n);
+        if ("normal" === p.type) {
+          if (o = n.done ? s : l, p.arg === y) continue;
+          return {
+            value: p.arg,
+            done: n.done
+          };
+        }
+        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(e, r) {
+    var n = r.method,
+      o = e.iterator[n];
+    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+    var i = tryCatch(o, e.iterator, r.arg);
+    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+    var a = i.arg;
+    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+  }
+  function pushTryEntry(t) {
+    var e = {
+      tryLoc: t[0]
+    };
+    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  }
+  function resetTryEntry(t) {
+    var e = t.completion || {};
+    e.type = "normal", delete e.arg, t.completion = e;
+  }
+  function Context(t) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], t.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(e) {
+    if (e || "" === e) {
+      var r = e[a];
+      if (r) return r.call(e);
+      if ("function" == typeof e.next) return e;
+      if (!isNaN(e.length)) {
+        var o = -1,
+          i = function next() {
+            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+            return next.value = t, next.done = !0, next;
+          };
+        return i.next = i;
+      }
+    }
+    throw new TypeError(typeof e + " is not iterable");
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), o(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+    var e = "function" == typeof t && t.constructor;
+    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+  }, e.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+  }, e.awrap = function (t) {
+    return {
+      __await: t
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+    return this;
+  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+    void 0 === i && (i = Promise);
+    var a = new AsyncIterator(wrap(t, r, n, o), i);
+    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+      return t.done ? t.value : a.next();
+    });
+  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+    return this;
+  }), define(g, "toString", function () {
+    return "[object Generator]";
+  }), e.keys = function (t) {
+    var e = Object(t),
+      r = [];
+    for (var n in e) r.push(n);
+    return r.reverse(), function next() {
+      for (; r.length;) {
+        var t = r.pop();
+        if (t in e) return next.value = t, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, e.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (e) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    },
+    stop: function () {
+      this.done = !0;
+      var t = this.tryEntries[0].completion;
+      if ("throw" === t.type) throw t.arg;
+      return this.rval;
+    },
+    dispatchException: function (e) {
+      if (this.done) throw e;
+      var r = this;
+      function handle(n, o) {
+        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+      }
+      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+        var i = this.tryEntries[o],
+          a = i.completion;
+        if ("root" === i.tryLoc) return handle("end");
+        if (i.tryLoc <= this.prev) {
+          var c = n.call(i, "catchLoc"),
+            u = n.call(i, "finallyLoc");
+          if (c && u) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          } else if (c) {
+            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+          } else {
+            if (!u) throw new Error("try statement without catch or finally");
+            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (t, e) {
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var o = this.tryEntries[r];
+        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+          var i = o;
+          break;
+        }
+      }
+      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+      var a = i ? i.completion : {};
+      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+    },
+    complete: function (t, e) {
+      if ("throw" === t.type) throw t.arg;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+    },
+    finish: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      }
+    },
+    catch: function (t) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var r = this.tryEntries[e];
+        if (r.tryLoc === t) {
+          var n = r.completion;
+          if ("throw" === n.type) {
+            var o = n.arg;
+            resetTryEntry(r);
+          }
+          return o;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function (e, r, n) {
+      return this.delegate = {
+        iterator: values(e),
+        resultName: r,
+        nextLoc: n
+      }, "next" === this.method && (this.arg = t), y;
+    }
+  }, e;
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -142,668 +442,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
-  /**
-   * Copyright (c) 2014-present, Facebook, Inc.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-
-  var runtime = function (exports) {
-
-    var Op = Object.prototype;
-    var hasOwn = Op.hasOwnProperty;
-    var undefined$1; // More compressible than void 0.
-    var $Symbol = typeof Symbol === "function" ? Symbol : {};
-    var iteratorSymbol = $Symbol.iterator || "@@iterator";
-    var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-    var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-      return obj[key];
-    }
-    try {
-      // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-      define({}, "");
-    } catch (err) {
-      define = function define(obj, key, value) {
-        return obj[key] = value;
-      };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-      var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []);
-
-      // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
-      generator._invoke = makeInvokeMethod(innerFn, self, context);
-      return generator;
-    }
-    exports.wrap = wrap;
-
-    // Try/catch helper to minimize deoptimizations. Returns a completion
-    // record like context.tryEntries[i].completion. This interface could
-    // have been (and was previously) designed to take a closure to be
-    // invoked without arguments, but in all the cases we care about we
-    // already have an existing method we want to call, so there's no need
-    // to create a new function object. We can even get away with assuming
-    // the method takes exactly one argument, since that happens to be true
-    // in every case, so we don't have to touch the arguments object. The
-    // only additional allocation required is the completion record, which
-    // has a stable shape and so hopefully should be cheap to allocate.
-    function tryCatch(fn, obj, arg) {
-      try {
-        return {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-    var GenStateSuspendedStart = "suspendedStart";
-    var GenStateSuspendedYield = "suspendedYield";
-    var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed";
-
-    // Returning this object from the innerFn has the same effect as
-    // breaking out of the dispatch switch statement.
-    var ContinueSentinel = {};
-
-    // Dummy constructor functions that we use as the .constructor and
-    // .constructor.prototype properties for functions that return Generator
-    // objects. For full spec compliance, you may wish to configure your
-    // minifier not to mangle the names of these two functions.
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-
-    // This is a polyfill for %IteratorPrototype% for environments that
-    // don't natively support it.
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
-      return this;
-    });
-    var getProto = Object.getPrototypeOf;
-    var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-      // This environment has a native %IteratorPrototype%; use it instead
-      // of the polyfill.
-      IteratorPrototype = NativeIteratorPrototype;
-    }
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = GeneratorFunctionPrototype;
-    define(Gp, "constructor", GeneratorFunctionPrototype);
-    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
-
-    // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
-        });
-      });
-    }
-    exports.isGeneratorFunction = function (genFun) {
-      var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction ||
-      // For the native GeneratorFunction constructor, the best we can
-      // do is to check its .name property.
-      (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
-    };
-    exports.mark = function (genFun) {
-      if (Object.setPrototypeOf) {
-        Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-      } else {
-        genFun.__proto__ = GeneratorFunctionPrototype;
-        define(genFun, toStringTagSymbol, "GeneratorFunction");
-      }
-      genFun.prototype = Object.create(Gp);
-      return genFun;
-    };
-
-    // Within the body of any async function, `await x` is transformed to
-    // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-    // `hasOwn.call(value, "__await")` to determine if the yielded value is
-    // meant to be awaited.
-    exports.awrap = function (arg) {
-      return {
-        __await: arg
-      };
-    };
-    function AsyncIterator(generator, PromiseImpl) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-        if (record.type === "throw") {
-          reject(record.arg);
-        } else {
-          var result = record.arg;
-          var value = result.value;
-          if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
-            return PromiseImpl.resolve(value.__await).then(function (value) {
-              invoke("next", value, resolve, reject);
-            }, function (err) {
-              invoke("throw", err, resolve, reject);
-            });
-          }
-          return PromiseImpl.resolve(value).then(function (unwrapped) {
-            // When a yielded Promise is resolved, its final value becomes
-            // the .value of the Promise<{value,done}> result for the
-            // current iteration.
-            result.value = unwrapped;
-            resolve(result);
-          }, function (error) {
-            // If a rejected Promise was yielded, throw the rejection back
-            // into the async generator function so it can be handled there.
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-      }
-      var previousPromise;
-      function enqueue(method, arg) {
-        function callInvokeWithMethodAndArg() {
-          return new PromiseImpl(function (resolve, reject) {
-            invoke(method, arg, resolve, reject);
-          });
-        }
-        return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,
-        // Avoid propagating failures to Promises returned by later
-        // invocations of the iterator.
-        callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-
-      // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-      this._invoke = enqueue;
-    }
-    defineIteratorMethods(AsyncIterator.prototype);
-    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-      return this;
-    });
-    exports.AsyncIterator = AsyncIterator;
-
-    // Note that simple async functions are implemented on top of
-    // AsyncIterator objects; they just return a Promise for the value of
-    // the final result produced by the iterator.
-    exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-      if (PromiseImpl === void 0) PromiseImpl = Promise;
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-      return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
-      });
-    };
-    function makeInvokeMethod(innerFn, self, context) {
-      var state = GenStateSuspendedStart;
-      return function invoke(method, arg) {
-        if (state === GenStateExecuting) {
-          throw new Error("Generator is already running");
-        }
-        if (state === GenStateCompleted) {
-          if (method === "throw") {
-            throw arg;
-          }
-
-          // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-          return doneResult();
-        }
-        context.method = method;
-        context.arg = arg;
-        while (true) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if (context.method === "next") {
-            // Setting context._sent for legacy support of Babel's
-            // function.sent implementation.
-            context.sent = context._sent = context.arg;
-          } else if (context.method === "throw") {
-            if (state === GenStateSuspendedStart) {
-              state = GenStateCompleted;
-              throw context.arg;
-            }
-            context.dispatchException(context.arg);
-          } else if (context.method === "return") {
-            context.abrupt("return", context.arg);
-          }
-          state = GenStateExecuting;
-          var record = tryCatch(innerFn, self, context);
-          if (record.type === "normal") {
-            // If an exception is thrown from innerFn, we leave state ===
-            // GenStateExecuting and loop back for another invocation.
-            state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-            if (record.arg === ContinueSentinel) {
-              continue;
-            }
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          } else if (record.type === "throw") {
-            state = GenStateCompleted;
-            // Dispatch the exception by looping back around to the
-            // context.dispatchException(context.arg) call above.
-            context.method = "throw";
-            context.arg = record.arg;
-          }
-        }
-      };
-    }
-
-    // Call delegate.iterator[context.method](context.arg) and handle the
-    // result, either by returning a { value, done } result from the
-    // delegate iterator, or by modifying context.method and context.arg,
-    // setting context.delegate to null, and returning the ContinueSentinel.
-    function maybeInvokeDelegate(delegate, context) {
-      var method = delegate.iterator[context.method];
-      if (method === undefined$1) {
-        // A .throw or .return when the delegate iterator has no .throw
-        // method always terminates the yield* loop.
-        context.delegate = null;
-        if (context.method === "throw") {
-          // Note: ["return"] must be used for ES3 parsing compatibility.
-          if (delegate.iterator["return"]) {
-            // If the delegate iterator has a return method, give it a
-            // chance to clean up.
-            context.method = "return";
-            context.arg = undefined$1;
-            maybeInvokeDelegate(delegate, context);
-            if (context.method === "throw") {
-              // If maybeInvokeDelegate(context) changed context.method from
-              // "return" to "throw", let that override the TypeError below.
-              return ContinueSentinel;
-            }
-          }
-          context.method = "throw";
-          context.arg = new TypeError("The iterator does not provide a 'throw' method");
-        }
-        return ContinueSentinel;
-      }
-      var record = tryCatch(method, delegate.iterator, context.arg);
-      if (record.type === "throw") {
-        context.method = "throw";
-        context.arg = record.arg;
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-      var info = record.arg;
-      if (!info) {
-        context.method = "throw";
-        context.arg = new TypeError("iterator result is not an object");
-        context.delegate = null;
-        return ContinueSentinel;
-      }
-      if (info.done) {
-        // Assign the result of the finished delegate to the temporary
-        // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value;
-
-        // Resume execution at the desired location (see delegateYield).
-        context.next = delegate.nextLoc;
-
-        // If context.method was "throw" but the delegate handled the
-        // exception, let the outer generator proceed normally. If
-        // context.method was "next", forget context.arg since it has been
-        // "consumed" by the delegate iterator. If context.method was
-        // "return", allow the original .return call to continue in the
-        // outer generator.
-        if (context.method !== "return") {
-          context.method = "next";
-          context.arg = undefined$1;
-        }
-      } else {
-        // Re-yield the result returned by the delegate method.
-        return info;
-      }
-
-      // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-    defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator");
-
-    // A Generator should always return itself as the iterator object when the
-    // @@iterator function is called on it. Some browsers' implementations of the
-    // iterator prototype chain incorrectly implement this, causing the Generator
-    // object to not be returned from this call. This ensures that doesn't happen.
-    // See https://github.com/facebook/regenerator/issues/274 for more details.
-    define(Gp, iteratorSymbol, function () {
-      return this;
-    });
-    define(Gp, "toString", function () {
-      return "[object Generator]";
-    });
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
-      };
-      if (1 in locs) {
-        entry.catchLoc = locs[1];
-      }
-      if (2 in locs) {
-        entry.finallyLoc = locs[2];
-        entry.afterLoc = locs[3];
-      }
-      this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal";
-      delete record.arg;
-      entry.completion = record;
-    }
-    function Context(tryLocsList) {
-      // The root entry object (effectively a try statement without a catch
-      // or a finally block) gives us a place to store values thrown from
-      // locations where there is no enclosing try statement.
-      this.tryEntries = [{
-        tryLoc: "root"
-      }];
-      tryLocsList.forEach(pushTryEntry, this);
-      this.reset(true);
-    }
-    exports.keys = function (object) {
-      var keys = [];
-      for (var key in object) {
-        keys.push(key);
-      }
-      keys.reverse();
-
-      // Rather than returning an object with a next method, we keep
-      // things simple and return the next function itself.
-      return function next() {
-        while (keys.length) {
-          var key = keys.pop();
-          if (key in object) {
-            next.value = key;
-            next.done = false;
-            return next;
-          }
-        }
-
-        // To avoid creating an additional object, we just hang the .value
-        // and .done properties off the next function object itself. This
-        // also ensures that the minifier will not anonymize the function.
-        next.done = true;
-        return next;
-      };
-    };
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-        if (iteratorMethod) {
-          return iteratorMethod.call(iterable);
-        }
-        if (typeof iterable.next === "function") {
-          return iterable;
-        }
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-            next = function next() {
-              while (++i < iterable.length) {
-                if (hasOwn.call(iterable, i)) {
-                  next.value = iterable[i];
-                  next.done = false;
-                  return next;
-                }
-              }
-              next.value = undefined$1;
-              next.done = true;
-              return next;
-            };
-          return next.next = next;
-        }
-      }
-
-      // Return an iterator with no values.
-      return {
-        next: doneResult
-      };
-    }
-    exports.values = values;
-    function doneResult() {
-      return {
-        value: undefined$1,
-        done: true
-      };
-    }
-    Context.prototype = {
-      constructor: Context,
-      reset: function reset(skipTempReset) {
-        this.prev = 0;
-        this.next = 0;
-        // Resetting context._sent for legacy support of Babel's
-        // function.sent implementation.
-        this.sent = this._sent = undefined$1;
-        this.done = false;
-        this.delegate = null;
-        this.method = "next";
-        this.arg = undefined$1;
-        this.tryEntries.forEach(resetTryEntry);
-        if (!skipTempReset) {
-          for (var name in this) {
-            // Not sure about the optimal order of these conditions:
-            if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
-              this[name] = undefined$1;
-            }
-          }
-        }
-      },
-      stop: function stop() {
-        this.done = true;
-        var rootEntry = this.tryEntries[0];
-        var rootRecord = rootEntry.completion;
-        if (rootRecord.type === "throw") {
-          throw rootRecord.arg;
-        }
-        return this.rval;
-      },
-      dispatchException: function dispatchException(exception) {
-        if (this.done) {
-          throw exception;
-        }
-        var context = this;
-        function handle(loc, caught) {
-          record.type = "throw";
-          record.arg = exception;
-          context.next = loc;
-          if (caught) {
-            // If the dispatched exception was caught by a catch block,
-            // then let that catch block handle the exception normally.
-            context.method = "next";
-            context.arg = undefined$1;
-          }
-          return !!caught;
-        }
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          var record = entry.completion;
-          if (entry.tryLoc === "root") {
-            // Exception thrown outside of any try block that could handle
-            // it, so set the completion value of the entire function to
-            // throw the exception.
-            return handle("end");
-          }
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc");
-            var hasFinally = hasOwn.call(entry, "finallyLoc");
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              } else if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              }
-            } else if (hasFinally) {
-              if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else {
-              throw new Error("try statement without catch or finally");
-            }
-          }
-        }
-      },
-      abrupt: function abrupt(type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
-            break;
-          }
-        }
-        if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
-          // Ignore the finally entry if control is not jumping to a
-          // location outside the try/catch block.
-          finallyEntry = null;
-        }
-        var record = finallyEntry ? finallyEntry.completion : {};
-        record.type = type;
-        record.arg = arg;
-        if (finallyEntry) {
-          this.method = "next";
-          this.next = finallyEntry.finallyLoc;
-          return ContinueSentinel;
-        }
-        return this.complete(record);
-      },
-      complete: function complete(record, afterLoc) {
-        if (record.type === "throw") {
-          throw record.arg;
-        }
-        if (record.type === "break" || record.type === "continue") {
-          this.next = record.arg;
-        } else if (record.type === "return") {
-          this.rval = this.arg = record.arg;
-          this.method = "return";
-          this.next = "end";
-        } else if (record.type === "normal" && afterLoc) {
-          this.next = afterLoc;
-        }
-        return ContinueSentinel;
-      },
-      finish: function finish(finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.finallyLoc === finallyLoc) {
-            this.complete(entry.completion, entry.afterLoc);
-            resetTryEntry(entry);
-            return ContinueSentinel;
-          }
-        }
-      },
-      "catch": function _catch(tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-            if (record.type === "throw") {
-              var thrown = record.arg;
-              resetTryEntry(entry);
-            }
-            return thrown;
-          }
-        }
-
-        // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        };
-        if (this.method === "next") {
-          // Deliberately forget the last sent value so that we don't
-          // accidentally pass it on to the delegate.
-          this.arg = undefined$1;
-        }
-        return ContinueSentinel;
-      }
-    };
-
-    // Regardless of whether this script is executing as a CommonJS module
-    // or not, return the runtime object so that we can declare the variable
-    // regeneratorRuntime in the outer scope, which allows this module to be
-    // injected easily by `bin/regenerator --include-runtime script.js`.
-    return exports;
-  }(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   module.exports );
-  try {
-    regeneratorRuntime = runtime;
-  } catch (accidentalStrictMode) {
-    // This module should not be running in strict mode, so the above
-    // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, in modern engines
-    // we can explicitly access globalThis. In older engines we can escape
-    // strict mode using a global Function call. This could conceivably fail
-    // if a Content Security Policy forbids using Function, but in that case
-    // the proper solution is to fix the accidental strict mode problem. If
-    // you've misconfigured your bundler to force strict mode and applied a
-    // CSP to forbid Function, and you're not willing to fix either of those
-    // problems, please detail your unique predicament in a GitHub issue.
-    if (typeof globalThis === "object") {
-      globalThis.regeneratorRuntime = runtime;
-    } else {
-      Function("r", "regeneratorRuntime = r")(runtime);
-    }
-  }
-});
-
 function queryParamsToApi(params) {
   return {
     where: params.where,
     limit: params.limit,
+    offset: params.offset,
     order: params.orderBy ? [{
       field: params.orderBy,
       dir: params.desc ? "desc" : "asc"
@@ -820,133 +463,147 @@ var HttpError = /*#__PURE__*/function (_Error) {
   }
   return HttpError;
 }( /*#__PURE__*/_wrapNativeSuper(Error));
-var API = /*#__PURE__*/function () {
+var API = /*#__PURE__*/function (_get, _fetchTables, _query, _count) {
   function API(config) {
     this.config = config;
   }
   var _proto = API.prototype;
-  _proto.get = /*#__PURE__*/function () {
-    var _get = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(endpoint, params) {
+  _proto.get = function get(_x, _x2) {
+    return (_get = _get || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(endpoint, params) {
       var url, response, message, _json$error, json;
-      return runtime_1.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (params === void 0) {
-                params = {};
-              }
-              url = new URL(this.config.host + "/api/v1/cms/databases/" + this.config.databaseId + endpoint);
-              url.search = new URLSearchParams(params).toString();
-              _context.next = 5;
-              return fetch(url.toString(), {
-                method: "GET",
-                headers: {
-                  accept: "*/*",
-                  "x-plasmic-api-cms-tokens": this.config.databaseId + ":" + this.config.databaseToken
-                },
-                mode: "cors"
-              });
-            case 5:
-              response = _context.sent;
-              if (!(response.status !== 200)) {
-                _context.next = 12;
-                break;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (params === void 0) {
+              params = {};
+            }
+            url = new URL(this.config.host + "/api/v1/cms/databases/" + this.config.databaseId + endpoint);
+            url.search = new URLSearchParams(params).toString();
+            _context.next = 5;
+            return fetch(url.toString(), {
+              method: "GET",
+              headers: {
+                accept: "*/*",
+                "x-plasmic-api-cms-tokens": this.config.databaseId + ":" + this.config.databaseToken
+              },
+              mode: "cors"
+            });
+          case 5:
+            response = _context.sent;
+            if (!(response.status !== 200)) {
+              _context.next = 12;
+              break;
+            }
+            _context.next = 9;
+            return response.text();
+          case 9:
+            message = _context.sent;
+            try {
+              json = JSON.parse(message);
+              if ((_json$error = json.error) != null && _json$error.message) {
+                message = json.error.message;
               }
-              _context.next = 9;
-              return response.text();
-            case 9:
-              message = _context.sent;
-              try {
-                json = JSON.parse(message);
-                if ((_json$error = json.error) != null && _json$error.message) {
-                  message = json.error.message;
-                }
-              } catch (_unused) {}
-              throw new HttpError(response.status, message);
-            case 12:
-              _context.next = 14;
-              return response.json();
-            case 14:
-              return _context.abrupt("return", _context.sent);
-            case 15:
-            case "end":
-              return _context.stop();
-          }
+            } catch (_unused) {
+              // ignored
+            }
+            throw new HttpError(response.status, message);
+          case 12:
+            _context.next = 14;
+            return response.json();
+          case 14:
+            return _context.abrupt("return", _context.sent);
+          case 15:
+          case "end":
+            return _context.stop();
         }
       }, _callee, this);
-    }));
-    function get(_x, _x2) {
-      return _get.apply(this, arguments);
-    }
-    return get;
-  }();
-  _proto.fetchTables = /*#__PURE__*/function () {
-    var _fetchTables = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+    }))).apply(this, arguments);
+  };
+  _proto.fetchTables = function fetchTables() {
+    return (_fetchTables = _fetchTables || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var response;
-      return runtime_1.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
-              return this.get("");
-            case 3:
-              response = _context2.sent;
-              return _context2.abrupt("return", response.tables);
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-              console.error(_context2.t0);
-              throw _context2.t0;
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return this.get("");
+          case 3:
+            response = _context2.sent;
+            return _context2.abrupt("return", response.tables);
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](0);
+            console.error(_context2.t0);
+            throw _context2.t0;
+          case 11:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2, this, [[0, 7]]);
-    }));
-    function fetchTables() {
-      return _fetchTables.apply(this, arguments);
-    }
-    return fetchTables;
-  }();
-  _proto.query = /*#__PURE__*/function () {
-    var _query = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(table, params) {
+    }))).apply(this, arguments);
+  };
+  _proto.query = function query(_x3, _x4) {
+    return (_query = _query || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(table, params) {
       var response;
-      return runtime_1.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              if (params === void 0) {
-                params = {};
-              }
-              _context3.prev = 1;
-              _context3.next = 4;
-              return this.get("/tables/" + table + "/query", {
-                q: JSON.stringify(queryParamsToApi(params)),
-                draft: Number(params.useDraft),
-                locale: this.config.locale
-              });
-            case 4:
-              response = _context3.sent;
-              return _context3.abrupt("return", response.rows);
-            case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](1);
-              console.error(_context3.t0);
-              throw _context3.t0;
-            case 12:
-            case "end":
-              return _context3.stop();
-          }
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (params === void 0) {
+              params = {};
+            }
+            _context3.prev = 1;
+            _context3.next = 4;
+            return this.get("/tables/" + table + "/query", {
+              q: JSON.stringify(queryParamsToApi(params)),
+              draft: Number(params.useDraft),
+              locale: this.config.locale
+            });
+          case 4:
+            response = _context3.sent;
+            return _context3.abrupt("return", response.rows);
+          case 8:
+            _context3.prev = 8;
+            _context3.t0 = _context3["catch"](1);
+            console.error(_context3.t0);
+            throw _context3.t0;
+          case 12:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3, this, [[1, 8]]);
-    }));
-    function query(_x3, _x4) {
-      return _query.apply(this, arguments);
-    }
-    return query;
-  }();
+    }))).apply(this, arguments);
+  };
+  _proto.count = function count(_x5, _x6) {
+    return (_count = _count || _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(table, params) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (params === void 0) {
+              params = {};
+            }
+            _context4.prev = 1;
+            _context4.next = 4;
+            return this.get("/tables/" + table + "/count", {
+              q: JSON.stringify(queryParamsToApi(params)),
+              draft: Number(params.useDraft)
+            });
+          case 4:
+            response = _context4.sent;
+            return _context4.abrupt("return", response.count);
+          case 8:
+            _context4.prev = 8;
+            _context4.t0 = _context4["catch"](1);
+            console.error(_context4.t0);
+            throw _context4.t0;
+          case 12:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, this, [[1, 8]]);
+    }))).apply(this, arguments);
+  };
   return API;
 }();
 function mkApi(config) {
@@ -964,9 +621,17 @@ var mkQueryContextKey = function mkQueryContextKey(table) {
   return "" + contextPrefix + capitalizeFirst(table) + collectionResultSuffix;
 };
 var itemContextSuffix = "Item";
+var countContextSuffix = "Count";
+var modeContextSuffix = "Mode";
 var mkRowContextKey = function mkRowContextKey(table) {
   return "" + contextPrefix + capitalizeFirst(table) + itemContextSuffix;
 };
+var mkCountContextKey = function mkCountContextKey(table) {
+  return "" + contextPrefix + capitalizeFirst(table) + countContextSuffix;
+};
+var mkModeContextKey = function mkModeContextKey(table) {
+  return "" + contextPrefix + capitalizeFirst(table) + modeContextSuffix;
+};
 function capitalizeFirst(str) {
   var _str$;
   return ((_str$ = str[0]) == null ? void 0 : _str$.toUpperCase()) + str.slice(1);
@@ -977,7 +642,7 @@ function useDatabase() {
 function DatabaseProvider(_ref) {
   var config = _ref.config,
     children = _ref.children;
-  return React__default.createElement(host.DataProvider, {
+  return React.createElement(host.DataProvider, {
     name: databaseContextKey,
     data: config,
     hidden: true
@@ -989,15 +654,15 @@ function useTables() {
 function TablesProvider(_ref2) {
   var children = _ref2.children,
     tables = _ref2.tables;
-  return React__default.createElement(host.DataProvider, {
+  return React.createElement(host.DataProvider, {
     name: tablesContextKey,
     data: tables,
     hidden: true
   }, children);
 }
-function getClosestMatchingKeys(env, suffix) {
-  return [].concat(Object.keys(env).reverse()).filter(function (k) {
-    return k.endsWith(suffix);
+function getClosestMatchingKeysBy(env, pred) {
+  return [].concat(Object.keys(env).reverse()).filter(function (key) {
+    return pred(key);
   });
 }
 function QueryResultProvider(_ref3) {
@@ -1005,13 +670,17 @@ function QueryResultProvider(_ref3) {
     table = _ref3.table,
     rows = _ref3.rows,
     hidden = _ref3.hidden;
-  return React__default.createElement(host.DataProvider, {
+  return React.createElement(host.DataProvider, {
+    name: table ? mkModeContextKey(table) : undefined,
+    data: "rows",
+    hidden: true
+  }, React.createElement(host.DataProvider, {
     name: table ? mkQueryContextKey(table) : undefined,
     data: rows,
     hidden: hidden
-  }, children);
+  }, children));
 }
-function useTablesWithDataLoaded() {
+function useTablesWithDataLoaded(mode) {
   var env = host.useDataEnv();
   var tables = useTables();
   if (!env) {
@@ -1020,21 +689,39 @@ function useTablesWithDataLoaded() {
   if (!tables) {
     return undefined;
   }
-  var matchingKeys = getClosestMatchingKeys(env, itemContextSuffix);
+  var matchingKeys = getClosestMatchingKeysBy(env, function (key) {
+    if (mode === "rows") {
+      return key.endsWith(itemContextSuffix);
+    } else if (mode === "count") {
+      return key.endsWith(countContextSuffix);
+    } else {
+      return key.endsWith(itemContextSuffix) || key.endsWith(countContextSuffix);
+    }
+  });
   return tables.filter(function (table) {
     return matchingKeys.some(function (key) {
-      return mkRowContextKey(table.identifier) === key;
+      if (mode === "rows") {
+        return mkRowContextKey(table.identifier) === key;
+      } else if (mode === "count") {
+        return mkCountContextKey(table.identifier) === key;
+      } else {
+        return mkRowContextKey(table.identifier) === key || mkCountContextKey(table.identifier) === key;
+      }
     });
   });
 }
+function deriveTableId(tables, table) {
+  if (!table && tables && tables.length > 0) {
+    table = tables[0].identifier;
+  }
+  return table;
+}
 function useRow(tables, table) {
   var env = host.useDataEnv();
   if (!env) {
     return undefined;
   }
-  if (!table && tables && tables.length > 0) {
-    table = tables[0].identifier;
-  }
+  table = deriveTableId(tables, table);
   if (table) {
     return {
       table: table,
@@ -1043,15 +730,42 @@ function useRow(tables, table) {
   }
   return undefined;
 }
+function useCount(tables, table) {
+  var env = host.useDataEnv();
+  if (!env) {
+    return undefined;
+  }
+  table = deriveTableId(tables, table);
+  if (table) {
+    return {
+      table: table,
+      count: env[mkCountContextKey(table)]
+    };
+  }
+  return undefined;
+}
 function RowProvider(_ref4) {
   var children = _ref4.children,
     table = _ref4.table,
     row = _ref4.row;
-  return React__default.createElement(host.DataProvider, {
+  return React.createElement(host.DataProvider, {
     name: mkRowContextKey(table),
     data: row
   }, children);
 }
+function CountProvider(_ref5) {
+  var children = _ref5.children,
+    table = _ref5.table,
+    count = _ref5.count;
+  return React.createElement(host.DataProvider, {
+    name: table ? mkModeContextKey(table) : undefined,
+    data: "count",
+    hidden: true
+  }, React.createElement(host.DataProvider, {
+    name: table ? mkCountContextKey(table) : undefined,
+    data: count
+  }, children));
+}
 
 function mkTableOptions(tables) {
   if (!tables) {
@@ -1098,27 +812,28 @@ function mkFieldOptions(tables, tableIdentifier, types) {
 }
 
 var _excluded = ["className", "table", "field", "dateFormat", "setControlContextData"],
-  _excluded2 = ["table", "field", "valueProp", "children", "setControlContextData"];
+  _excluded2 = ["className", "table", "setControlContextData"],
+  _excluded3 = ["table", "field", "valueProp", "children", "setControlContextData"];
 var modulePath = "@plasmicpkgs/plasmic-cms";
 var componentPrefix = "hostless-plasmic-cms";
 function renderMaybeData(maybeData, renderFn, loaderProps, inEditor, loadingMessage, forceLoadingState) {
   if ("error" in maybeData) {
     var error = maybeData.error;
     if (!inEditor) {
-      return React__default.createElement(React__default.Fragment, null, loadingMessage != null ? loadingMessage : React__default.createElement("div", null, "Loading..."));
+      return React.createElement(React.Fragment, null, loadingMessage != null ? loadingMessage : React.createElement("div", null, "Loading..."));
     }
     if (error && error instanceof HttpError && error.status === 404) {
       if (loaderProps.hideIfNotFound) {
         return null;
       } else {
-        return React__default.createElement("div", null, "Error: Data not found");
+        return React.createElement("div", null, "Error: Data not found");
       }
     } else {
-      return React__default.createElement("div", null, "Error: ", error == null ? void 0 : error.message);
+      return React.createElement("div", null, "Error: ", error == null ? void 0 : error.message);
     }
   }
   if (!("data" in maybeData) || forceLoadingState) {
-    return React__default.createElement(React__default.Fragment, null, loadingMessage != null ? loadingMessage : React__default.createElement("div", null, "Loading..."));
+    return React.createElement(React.Fragment, null, loadingMessage != null ? loadingMessage : React.createElement("div", null, "Loading..."));
   }
   return renderFn(maybeData.data);
 }
@@ -1168,9 +883,9 @@ function CmsCredentialsProvider(_ref) {
     locale: locale,
     host: host || defaultHost
   };
-  return React__default.createElement(DatabaseProvider, {
+  return React.createElement(DatabaseProvider, {
     config: config
-  }, React__default.createElement(TablesFetcher, null, children));
+  }, React.createElement(TablesFetcher, null, children));
 }
 function TablesFetcher(_ref2) {
   var children = _ref2.children;
@@ -1179,32 +894,30 @@ function TablesFetcher(_ref2) {
     component: "TablesFetcher",
     databaseConfig: databaseConfig
   });
-  var maybeData = query.usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-    return runtime_1.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (isDatabaseConfigured(databaseConfig)) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return", []);
-          case 2:
-            _context.next = 4;
-            return mkApi(databaseConfig).fetchTables();
-          case 4:
-            return _context.abrupt("return", _context.sent);
-          case 5:
-          case "end":
-            return _context.stop();
-        }
+  var maybeData = query.usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (isDatabaseConfigured(databaseConfig)) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", []);
+        case 2:
+          _context.next = 4;
+          return mkApi(databaseConfig).fetchTables();
+        case 4:
+          return _context.abrupt("return", _context.sent);
+        case 5:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
-  var inEditor = !!React.useContext(host.PlasmicCanvasContext);
-  return React__default.createElement(TablesProvider, {
+  var inEditor = !!host.usePlasmicCanvasContext();
+  return React.createElement(TablesProvider, {
     tables: maybeData.data
-  }, inEditor && maybeData.error ? React__default.createElement("div", null, "CMS Error: ", maybeData.error.message) : children);
+  }, inEditor && maybeData.error ? React.createElement("div", null, "CMS Error: ", maybeData.error.message) : children);
 }
 function isDatabaseConfigured(config) {
   return (config == null ? void 0 : config.databaseId) && (config == null ? void 0 : config.databaseToken);
@@ -1254,6 +967,17 @@ var cmsQueryRepeaterMeta = {
         return true;
       }
     },
+    mode: {
+      type: "choice",
+      options: [{
+        label: "Rows",
+        value: "rows"
+      }, {
+        label: "Count",
+        value: "count"
+      }],
+      defaultValueHint: "rows"
+    },
     where: {
       type: "object",
       displayName: "Filter",
@@ -1283,19 +1007,36 @@ var cmsQueryRepeaterMeta = {
       description: "Field to order by.",
       options: function options(_, ctx) {
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, ctx == null ? void 0 : ctx.table, ["number", "boolean", "date-time", "long-text", "text"]);
+      },
+      hidden: function hidden(ps) {
+        return ps.mode === "count";
       }
     },
     desc: {
       type: "boolean",
       displayName: "Sort descending?",
       description: 'Sort descending by "Order by" field.',
-      defaultValue: false
+      defaultValue: false,
+      hidden: function hidden(ps) {
+        return ps.mode === "count";
+      }
     },
     limit: {
       type: "number",
       displayName: "Limit",
       description: "Maximum number of entries to fetch (0 for unlimited).",
-      defaultValue: 0
+      defaultValue: 0,
+      hidden: function hidden(ps) {
+        return ps.mode === "count";
+      }
+    },
+    offset: {
+      type: "number",
+      displayName: "Offset",
+      description: "Skips this number of rows in the result set; used in combination with limit to build pagination",
+      hidden: function hidden(ps) {
+        return ps.mode === "count";
+      }
     },
     emptyMessage: {
       type: "slot",
@@ -1333,7 +1074,10 @@ var cmsQueryRepeaterMeta = {
       type: "boolean",
       displayName: "No auto-repeat",
       description: "Do not automatically repeat children for every entry.",
-      defaultValue: false
+      defaultValue: false,
+      hidden: function hidden(ps) {
+        return ps.mode === "count";
+      }
     }
   }
 };
@@ -1341,11 +1085,13 @@ function CmsQueryRepeater(_ref5) {
   var table = _ref5.table,
     children = _ref5.children,
     setControlContextData = _ref5.setControlContextData,
+    mode = _ref5.mode,
     where = _ref5.where,
     useDraft = _ref5.useDraft,
     orderBy = _ref5.orderBy,
     desc = _ref5.desc,
     limit = _ref5.limit,
+    offset = _ref5.offset,
     emptyMessage = _ref5.emptyMessage,
     forceEmptyState = _ref5.forceEmptyState,
     loadingMessage = _ref5.loadingMessage,
@@ -1366,78 +1112,96 @@ function CmsQueryRepeater(_ref5) {
     useDraft: useDraft,
     orderBy: orderBy,
     desc: desc,
-    limit: limit
+    limit: limit,
+    offset: offset
   };
   if (!table && tables && tables.length > 0) {
     table = tables[0].identifier;
   }
   var cacheKey = JSON.stringify({
     component: "CmsQueryLoader",
+    mode: mode,
     table: table,
     databaseConfig: databaseConfig,
     params: params
   });
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
+    setControlContextData == null || setControlContextData({
       tables: tables,
       table: table
     });
   }
-  var maybeData = query.usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
-    return runtime_1.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            if (isDatabaseConfigured(databaseConfig)) {
-              _context2.next = 2;
-              break;
-            }
-            throw new Error("You must specify a CMS ID and API key");
-          case 2:
-            if (table) {
-              _context2.next = 6;
-              break;
-            }
-            throw new Error("You must select a model to query");
-          case 6:
-            if (!(tables && !tables.find(function (t) {
-              return t.identifier === table;
-            }))) {
-              _context2.next = 10;
-              break;
-            }
-            throw new Error("There is no model called \"" + table + "\"");
-          case 10:
-            return _context2.abrupt("return", mkApi(databaseConfig).query(table, params));
-          case 11:
-          case "end":
-            return _context2.stop();
-        }
+  var maybeData = query.usePlasmicQueryData(cacheKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (isDatabaseConfigured(databaseConfig)) {
+            _context2.next = 2;
+            break;
+          }
+          throw new Error("You must specify a CMS ID and API key");
+        case 2:
+          if (table) {
+            _context2.next = 6;
+            break;
+          }
+          throw new Error("You must select a model to query");
+        case 6:
+          if (!(tables && !tables.find(function (t) {
+            return t.identifier === table;
+          }))) {
+            _context2.next = 10;
+            break;
+          }
+          throw new Error("There is no model called \"" + table + "\"");
+        case 10:
+          if (!(mode === "count")) {
+            _context2.next = 14;
+            break;
+          }
+          return _context2.abrupt("return", mkApi(databaseConfig).count(table, params));
+        case 14:
+          return _context2.abrupt("return", mkApi(databaseConfig).query(table, params));
+        case 15:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
-  var inEditor = !!React.useContext(host.PlasmicCanvasContext);
-  var node = renderMaybeData(maybeData, function (rows) {
-    if (rows.length === 0 || forceEmptyState) {
-      return emptyMessage;
-    }
-    return noAutoRepeat ? children : rows.map(function (row, index) {
-      return React__default.createElement(RowProvider, {
-        key: index,
-        table: table,
-        row: row
-      }, host.repeatedElement(index, children));
-    });
-  }, {
-    hideIfNotFound: false
-  }, inEditor, loadingMessage, forceLoadingState);
-  return React__default.createElement(QueryResultProvider, {
-    rows: maybeData == null ? void 0 : maybeData.data,
-    table: table
-  }, noLayout ? React__default.createElement(React__default.Fragment, null, " ", node, " ") : React__default.createElement("div", {
-    className: className
-  }, " ", node, " "));
+  var inEditor = !!host.usePlasmicCanvasContext();
+  if (mode === "count") {
+    var node = renderMaybeData(maybeData, function () {
+      return children;
+    }, {
+      hideIfNotFound: false
+    }, inEditor, loadingMessage, forceLoadingState);
+    return React.createElement(CountProvider, {
+      table: table,
+      count: typeof (maybeData == null ? void 0 : maybeData.data) === "number" ? maybeData.data : undefined
+    }, node);
+  } else {
+    var _node = renderMaybeData(maybeData, function (rows) {
+      if (rows.length === 0 || forceEmptyState) {
+        return emptyMessage;
+      }
+      return noAutoRepeat ? children : rows.map(function (row, index) {
+        return React.createElement(RowProvider, {
+          key: index,
+          table: table,
+          row: row
+        }, host.repeatedElement(index, children));
+      });
+    }, {
+      hideIfNotFound: false
+    }, inEditor, loadingMessage, forceLoadingState);
+    return React.createElement(QueryResultProvider, {
+      rows: Array.isArray(maybeData == null ? void 0 : maybeData.data) ? maybeData.data : undefined,
+      table: table
+    }, noLayout ? React.createElement(React.Fragment, null, " ", _node, " ") : React.createElement("div", {
+      className: className
+    }, " ", _node, " "));
+  }
 }
 var cmsRowFieldMeta = {
   name: componentPrefix + "-row-field",
@@ -1450,7 +1214,7 @@ var cmsRowFieldMeta = {
       displayName: "Model",
       hidden: function hidden(props, ctx) {
         var _ctx$tables$length, _ctx$tables;
-        return ((_ctx$tables$length = ctx == null ? void 0 : (_ctx$tables = ctx.tables) == null ? void 0 : _ctx$tables.length) != null ? _ctx$tables$length : 0) <= 1 && !props.table;
+        return ((_ctx$tables$length = ctx == null || (_ctx$tables = ctx.tables) == null ? void 0 : _ctx$tables.length) != null ? _ctx$tables$length : 0) <= 1 && !props.table;
       },
       helpText: "Pick model from a CMS Data Fetcher",
       description: "Usually not used! Only with multiple CMS Data Loaders, use this to choose which to show. Otherwise, go select the CMS Data Loader if you want to load different data.",
@@ -1472,7 +1236,7 @@ var cmsRowFieldMeta = {
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta, _ctx$fieldMeta2;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta.name) || (ctx == null ? void 0 : (_ctx$fieldMeta2 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta2.identifier);
+        return (ctx == null || (_ctx$fieldMeta = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta.name) || (ctx == null || (_ctx$fieldMeta2 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta2.identifier);
       }
     },
     dateFormat: {
@@ -1553,9 +1317,9 @@ function CmsRowField(_ref9) {
     dateFormat = _ref9.dateFormat,
     setControlContextData = _ref9.setControlContextData,
     rest = _objectWithoutPropertiesLoose(_ref9, _excluded);
-  var tables = useTablesWithDataLoaded();
+  var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
-  var unknown = React__default.createElement("div", Object.assign({
+  var unknown = React.createElement("div", Object.assign({
     className: className
   }, rest), "Field ", table != null ? table : "Unknown Model", ".", field != null ? field : "Unknown Field");
   var fieldMeta = res ? deriveInferredTableField({
@@ -1566,7 +1330,7 @@ function CmsRowField(_ref9) {
   }) : undefined;
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData(_extends({
+    setControlContextData == null || setControlContextData(_extends({
       tables: tables
     }, res && res.row ? {
       table: res.table,
@@ -1578,7 +1342,7 @@ function CmsRowField(_ref9) {
     return unknown;
   }
   if (!res.row) {
-    return React__default.createElement("div", {
+    return React.createElement("div", {
       className: className
     }, "Error: No CMS Entry found");
   }
@@ -1596,6 +1360,50 @@ function CmsRowField(_ref9) {
     className: className
   }, rest)) : null;
 }
+var cmsCountFieldMeta = {
+  name: componentPrefix + "-count",
+  displayName: "CMS Entries Count",
+  importName: "CmsCount",
+  importPath: modulePath,
+  props: {
+    table: {
+      type: "choice",
+      displayName: "Model",
+      hidden: function hidden(props, ctx) {
+        var _ctx$tables$length2, _ctx$tables2;
+        return ((_ctx$tables$length2 = ctx == null || (_ctx$tables2 = ctx.tables) == null ? void 0 : _ctx$tables2.length) != null ? _ctx$tables$length2 : 0) <= 1 && !props.table;
+      },
+      helpText: "Pick model from a CMS Data Fetcher",
+      description: "Usually not used! Only with multiple CMS Data Loaders, use this to choose which to show. Otherwise, go select the CMS Data Loader if you want to load different data.",
+      options: function options(_, ctx) {
+        return mkTableOptions(ctx == null ? void 0 : ctx.tables);
+      },
+      defaultValueHint: function defaultValueHint(_, ctx) {
+        return ctx == null ? void 0 : ctx.table;
+      }
+    }
+  }
+};
+function CmsCount(_ref10) {
+  var className = _ref10.className,
+    table = _ref10.table,
+    rest = _objectWithoutPropertiesLoose(_ref10, _excluded2);
+  var tables = useTablesWithDataLoaded("count");
+  var res = useCount(tables, table);
+  var unknown = React.createElement("div", Object.assign({
+    className: className
+  }, rest), "Count: ", table != null ? table : "Unknown Model");
+  if (!res) {
+    return unknown;
+  }
+  if (res.count == null) {
+    return null;
+  } else {
+    return React.createElement("div", Object.assign({
+      className: className
+    }, rest), new Intl.NumberFormat().format(res.count));
+  }
+}
 var DEFAULT_TYPE_FILTERS = ["text"];
 function deriveInferredTableField(opts) {
   var _tables$find;
@@ -1604,7 +1412,7 @@ function deriveInferredTableField(opts) {
     field = opts.field,
     typeFilters = opts.typeFilters;
   if (!table) return undefined;
-  var schema = tables == null ? void 0 : (_tables$find = tables.find(function (t) {
+  var schema = tables == null || (_tables$find = tables.find(function (t) {
     return t.identifier === table;
   })) == null ? void 0 : _tables$find.schema;
   var fieldMeta = field ? schema == null ? void 0 : schema.fields.find(function (f) {
@@ -1625,9 +1433,9 @@ function renderValue(value, type, props) {
     case "long-text":
     case "date-time":
     case "ref":
-      return React__default.createElement("div", Object.assign({}, props), value);
+      return React.createElement("div", Object.assign({}, props), value);
     case "rich-text":
-      return React__default.createElement("div", Object.assign({
+      return React.createElement("div", Object.assign({
         dangerouslySetInnerHTML: {
           __html: value
         },
@@ -1637,7 +1445,7 @@ function renderValue(value, type, props) {
       }, props));
     case "image":
       if (value && typeof value === "object" && value.url && value.imageMeta) {
-        return React__default.createElement("img", Object.assign({
+        return React.createElement("img", Object.assign({
           src: value.url,
           width: value.imageMeta.width,
           height: value.imageMeta.height
@@ -1646,7 +1454,7 @@ function renderValue(value, type, props) {
       return null;
     case "file":
       if (value && typeof value === "object" && value.url && value.name) {
-        return React__default.createElement("a", Object.assign({
+        return React.createElement("a", Object.assign({
           href: value.url,
           target: "_blank"
         }, props), value.name);
@@ -1674,8 +1482,8 @@ var cmsRowLinkMeta = {
       type: "choice",
       displayName: "Model",
       hidden: function hidden(props, ctx) {
-        var _ctx$tables$length2, _ctx$tables2;
-        return ((_ctx$tables$length2 = ctx == null ? void 0 : (_ctx$tables2 = ctx.tables) == null ? void 0 : _ctx$tables2.length) != null ? _ctx$tables$length2 : 0) <= 1 && !props.table;
+        var _ctx$tables$length3, _ctx$tables3;
+        return ((_ctx$tables$length3 = ctx == null || (_ctx$tables3 = ctx.tables) == null ? void 0 : _ctx$tables3.length) != null ? _ctx$tables$length3 : 0) <= 1 && !props.table;
       },
       helpText: "Pick model from a CMS Data Fetcher",
       description: "Usually not used! Only with multiple CMS Data Loaders, use this to choose which to show. Otherwise, go select the CMS Data Loader if you want to load different data.",
@@ -1690,14 +1498,14 @@ var cmsRowLinkMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref10, ctx) {
+      options: function options(_ref11, ctx) {
         var _ctx$table3;
-        var table = _ref10.table;
+        var table = _ref11.table;
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table3 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table3 : table);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta3, _ctx$fieldMeta4;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.name) || (ctx == null ? void 0 : (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.identifier);
+        return (ctx == null || (_ctx$fieldMeta3 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta3.name) || (ctx == null || (_ctx$fieldMeta4 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta4.identifier);
       }
     },
     hrefProp: {
@@ -1712,7 +1520,7 @@ var cmsRowLinkMeta = {
       description: "Prefix to prepend to prop value.",
       hidden: function hidden(_, ctx) {
         var _ctx$fieldMeta5;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.type) === "file";
+        return (ctx == null || (_ctx$fieldMeta5 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta5.type) === "file";
       }
     },
     suffix: {
@@ -1721,24 +1529,24 @@ var cmsRowLinkMeta = {
       description: "Suffix to append to prop value.",
       hidden: function hidden(_, ctx) {
         var _ctx$fieldMeta6;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.type) === "file";
+        return (ctx == null || (_ctx$fieldMeta6 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta6.type) === "file";
       }
     }
   }
 };
-function CmsRowLink(_ref11) {
+function CmsRowLink(_ref12) {
   var _res$row$data2;
-  var table = _ref11.table,
-    field = _ref11.field,
-    hrefProp = _ref11.hrefProp,
-    children = _ref11.children,
-    setControlContextData = _ref11.setControlContextData,
-    prefix = _ref11.prefix,
-    suffix = _ref11.suffix;
-  var tables = useTablesWithDataLoaded();
+  var table = _ref12.table,
+    field = _ref12.field,
+    hrefProp = _ref12.hrefProp,
+    children = _ref12.children,
+    setControlContextData = _ref12.setControlContextData,
+    prefix = _ref12.prefix,
+    suffix = _ref12.suffix;
+  var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   var fieldMeta = deriveInferredTableField({
     table: res.table,
@@ -1748,7 +1556,7 @@ function CmsRowLink(_ref11) {
   });
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
+    setControlContextData == null || setControlContextData({
       tables: tables,
       table: res.table,
       row: res.row,
@@ -1756,20 +1564,20 @@ function CmsRowLink(_ref11) {
     });
   }
   if (!fieldMeta) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   if (!children) {
     return null;
   }
   var value = ((_res$row$data2 = res.row.data) == null ? void 0 : _res$row$data2[fieldMeta.identifier]) || "";
-  var childrenWithProps = React__default.Children.map(children, function (child) {
-    if (React__default.isValidElement(child)) {
+  var childrenWithProps = React.Children.map(children, function (child) {
+    if (React.isValidElement(child)) {
       var _React$cloneElement;
-      return React__default.cloneElement(child, (_React$cloneElement = {}, _React$cloneElement[hrefProp] = fieldMeta.type === "file" ? value.url : prefix || suffix ? "" + (prefix || "") + value + (suffix || "") : value, _React$cloneElement));
+      return React.cloneElement(child, (_React$cloneElement = {}, _React$cloneElement[hrefProp] = fieldMeta.type === "file" ? value.url : prefix || suffix ? "" + (prefix || "") + value + (suffix || "") : value, _React$cloneElement));
     }
     return child;
   });
-  return React__default.createElement(React__default.Fragment, null, childrenWithProps != null ? childrenWithProps : null);
+  return React.createElement(React.Fragment, null, childrenWithProps != null ? childrenWithProps : null);
 }
 var cmsRowImageMeta = {
   name: componentPrefix + "-row-image",
@@ -1788,8 +1596,8 @@ var cmsRowImageMeta = {
       type: "choice",
       displayName: "Model",
       hidden: function hidden(props, ctx) {
-        var _ctx$tables$length3, _ctx$tables3;
-        return ((_ctx$tables$length3 = ctx == null ? void 0 : (_ctx$tables3 = ctx.tables) == null ? void 0 : _ctx$tables3.length) != null ? _ctx$tables$length3 : 0) <= 1 && !props.table;
+        var _ctx$tables$length4, _ctx$tables4;
+        return ((_ctx$tables$length4 = ctx == null || (_ctx$tables4 = ctx.tables) == null ? void 0 : _ctx$tables4.length) != null ? _ctx$tables$length4 : 0) <= 1 && !props.table;
       },
       helpText: "Pick model from a CMS Data Fetcher",
       description: "Usually not used! Only with multiple CMS Data Loaders, use this to choose which to show. Otherwise, go select the CMS Data Loader if you want to load different data.",
@@ -1804,14 +1612,14 @@ var cmsRowImageMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref12, ctx) {
+      options: function options(_ref13, ctx) {
         var _ctx$table4;
-        var table = _ref12.table;
+        var table = _ref13.table;
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table4 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table4 : table, ["image"]);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta7, _ctx$fieldMeta8;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta7 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta7.name) || (ctx == null ? void 0 : (_ctx$fieldMeta8 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta8.identifier);
+        return (ctx == null || (_ctx$fieldMeta7 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta7.name) || (ctx == null || (_ctx$fieldMeta8 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta8.identifier);
       }
     },
     srcProp: {
@@ -1822,17 +1630,17 @@ var cmsRowImageMeta = {
     }
   }
 };
-function CmsRowImage(_ref13) {
+function CmsRowImage(_ref14) {
   var _res$row$data3;
-  var table = _ref13.table,
-    field = _ref13.field,
-    srcProp = _ref13.srcProp,
-    children = _ref13.children,
-    setControlContextData = _ref13.setControlContextData;
-  var tables = useTablesWithDataLoaded();
+  var table = _ref14.table,
+    field = _ref14.field,
+    srcProp = _ref14.srcProp,
+    children = _ref14.children,
+    setControlContextData = _ref14.setControlContextData;
+  var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   var fieldMeta = deriveInferredTableField({
     table: res.table,
@@ -1842,7 +1650,7 @@ function CmsRowImage(_ref13) {
   });
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
+    setControlContextData == null || setControlContextData({
       tables: tables,
       table: res.table,
       row: res.row,
@@ -1850,25 +1658,25 @@ function CmsRowImage(_ref13) {
     });
   }
   if (!fieldMeta) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   var value = ((_res$row$data3 = res.row.data) == null ? void 0 : _res$row$data3[fieldMeta.identifier]) || "";
-  var childrenWithProps = React__default.Children.map(children, function (child) {
-    if (React__default.isValidElement(child) && value) {
+  var childrenWithProps = React.Children.map(children, function (child) {
+    if (React.isValidElement(child) && value) {
       var _React$cloneElement3;
       if (typeof value === "object" && value.url && value.imageMeta) {
         var _React$cloneElement2;
-        return React__default.cloneElement(child, (_React$cloneElement2 = {}, _React$cloneElement2[srcProp] = {
+        return React.cloneElement(child, (_React$cloneElement2 = {}, _React$cloneElement2[srcProp] = {
           src: value.url,
           fullHeight: value.imageMeta.height,
           fullWidth: value.imageMeta.width
         }, _React$cloneElement2));
       }
-      return React__default.cloneElement(child, (_React$cloneElement3 = {}, _React$cloneElement3[srcProp] = value, _React$cloneElement3));
+      return React.cloneElement(child, (_React$cloneElement3 = {}, _React$cloneElement3[srcProp] = value, _React$cloneElement3));
     }
     return child;
   });
-  return React__default.createElement(React__default.Fragment, null, childrenWithProps);
+  return React.createElement(React.Fragment, null, childrenWithProps);
 }
 var cmsRowFieldValueMeta = {
   name: componentPrefix + "-row-value",
@@ -1883,8 +1691,8 @@ var cmsRowFieldValueMeta = {
       type: "choice",
       displayName: "Model",
       hidden: function hidden(props, ctx) {
-        var _ctx$tables$length4, _ctx$tables4;
-        return ((_ctx$tables$length4 = ctx == null ? void 0 : (_ctx$tables4 = ctx.tables) == null ? void 0 : _ctx$tables4.length) != null ? _ctx$tables$length4 : 0) <= 1 && !props.table;
+        var _ctx$tables$length5, _ctx$tables5;
+        return ((_ctx$tables$length5 = ctx == null || (_ctx$tables5 = ctx.tables) == null ? void 0 : _ctx$tables5.length) != null ? _ctx$tables$length5 : 0) <= 1 && !props.table;
       },
       helpText: "Pick model from a CMS Data Fetcher",
       description: "Usually not used! Only with multiple CMS Data Loaders, use this to choose which to show. Otherwise, go select the CMS Data Loader if you want to load different data.",
@@ -1899,14 +1707,14 @@ var cmsRowFieldValueMeta = {
       type: "choice",
       displayName: "Field",
       description: "Field (from model schema) to use.",
-      options: function options(_ref14, ctx) {
+      options: function options(_ref15, ctx) {
         var _ctx$table5;
-        var table = _ref14.table;
+        var table = _ref15.table;
         return mkFieldOptions(ctx == null ? void 0 : ctx.tables, (_ctx$table5 = ctx == null ? void 0 : ctx.table) != null ? _ctx$table5 : table);
       },
       defaultValueHint: function defaultValueHint(_, ctx) {
         var _ctx$fieldMeta9, _ctx$fieldMeta10;
-        return (ctx == null ? void 0 : (_ctx$fieldMeta9 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta9.name) || (ctx == null ? void 0 : (_ctx$fieldMeta10 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta10.identifier);
+        return (ctx == null || (_ctx$fieldMeta9 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta9.name) || (ctx == null || (_ctx$fieldMeta10 = ctx.fieldMeta) == null ? void 0 : _ctx$fieldMeta10.identifier);
       }
     },
     valueProp: {
@@ -1917,18 +1725,18 @@ var cmsRowFieldValueMeta = {
     }
   }
 };
-function CmsRowFieldValue(_ref15) {
+function CmsRowFieldValue(_ref16) {
   var _res$row$data4;
-  var table = _ref15.table,
-    field = _ref15.field,
-    valueProp = _ref15.valueProp,
-    children = _ref15.children,
-    setControlContextData = _ref15.setControlContextData,
-    rest = _objectWithoutPropertiesLoose(_ref15, _excluded2);
-  var tables = useTablesWithDataLoaded();
+  var table = _ref16.table,
+    field = _ref16.field,
+    valueProp = _ref16.valueProp,
+    children = _ref16.children,
+    setControlContextData = _ref16.setControlContextData,
+    rest = _objectWithoutPropertiesLoose(_ref16, _excluded3);
+  var tables = useTablesWithDataLoaded("rows");
   var res = useRow(tables, table);
   if (!res || !res.row) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   var fieldMeta = deriveInferredTableField({
     table: res.table,
@@ -1938,7 +1746,7 @@ function CmsRowFieldValue(_ref15) {
   });
   if (tables) {
     // TODO: Only include table if __plasmic_cms_row_{table} exists.
-    setControlContextData == null ? void 0 : setControlContextData({
+    setControlContextData == null || setControlContextData({
       tables: tables,
       table: res.table,
       row: res.row,
@@ -1946,17 +1754,17 @@ function CmsRowFieldValue(_ref15) {
     });
   }
   if (!fieldMeta) {
-    return React__default.createElement(React__default.Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
   }
   var value = ((_res$row$data4 = res.row.data) == null ? void 0 : _res$row$data4[fieldMeta.identifier]) || "";
-  var childrenWithProps = React__default.Children.map(children, function (child) {
-    if (React__default.isValidElement(child)) {
+  var childrenWithProps = React.Children.map(children, function (child) {
+    if (React.isValidElement(child)) {
       var _extends2;
-      return React__default.cloneElement(child, _extends({}, rest, (_extends2 = {}, _extends2[valueProp] = value, _extends2)));
+      return React.cloneElement(child, _extends({}, rest, (_extends2 = {}, _extends2[valueProp] = value, _extends2)));
     }
     return child;
   });
-  return React__default.createElement(React__default.Fragment, null, childrenWithProps);
+  return React.createElement(React.Fragment, null, childrenWithProps);
 }
 
 function registerAll(loader) {
@@ -1982,9 +1790,11 @@ function registerAll(loader) {
   _registerComponent(CmsRowLink, cmsRowLinkMeta);
   _registerComponent(CmsRowImage, cmsRowImageMeta);
   _registerComponent(CmsRowFieldValue, cmsRowFieldValueMeta);
+  _registerComponent(CmsCount, cmsCountFieldMeta);
 }
 
 exports.API = API;
+exports.CmsCount = CmsCount;
 exports.CmsCredentialsProvider = CmsCredentialsProvider;
 exports.CmsQueryRepeater = CmsQueryRepeater;
 exports.CmsRowField = CmsRowField;
@@ -1992,6 +1802,7 @@ exports.CmsRowFieldValue = CmsRowFieldValue;
 exports.CmsRowImage = CmsRowImage;
 exports.CmsRowLink = CmsRowLink;
 exports.HttpError = HttpError;
+exports.cmsCountFieldMeta = cmsCountFieldMeta;
 exports.cmsCredentialsProviderMeta = cmsCredentialsProviderMeta;
 exports.cmsQueryRepeaterMeta = cmsQueryRepeaterMeta;
 exports.cmsRowFieldMeta = cmsRowFieldMeta;