@plasmicapp/react-web 0.2.198 → 0.2.200

package/dist/index.cjs.js

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var classNames$1 = require('classnames');
-var tslib = require('tslib');
 var dataSourcesContext = require('@plasmicapp/data-sources-context');
 var React = require('react');
 var get = require('dlv');
@@ -33,23 +32,23 @@ var overlays = require('@react-aria/overlays');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () {
-            return e[k];
-          }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () {
+                        return e[k];
+                    }
+                });
+            }
         });
-      }
-    });
-  }
-  n['default'] = e;
-  return Object.freeze(n);
+    }
+    n['default'] = e;
+    return Object.freeze(n);
 }
 
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames$1);
@@ -61,6 +60,137 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
 var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
 // https://stackoverflow.com/a/2117523
 function uuidv4() {
     // @ts-ignore
@@ -70,11 +200,11 @@ function uuidv4() {
     });
 }
 function triggerLogin(appId, authorizeEndpoint, redirectUri) {
-    return tslib.__awaiter(this, void 0, void 0, function () {
+    return __awaiter(this, void 0, void 0, function () {
         function sha256(text) {
-            return tslib.__awaiter(this, void 0, void 0, function () {
+            return __awaiter(this, void 0, void 0, function () {
                 var encoder, data, hashBuffer, hashArray, hashHex;
-                return tslib.__generator(this, function (_a) {
+                return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             encoder = new TextEncoder();
@@ -92,7 +222,7 @@ function triggerLogin(appId, authorizeEndpoint, redirectUri) {
             });
         }
         var continueTo, state, code_verifier, code_challenge, params, url;
-        return tslib.__generator(this, function (_a) {
+        return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     continueTo = window.location.href;
@@ -161,8 +291,8 @@ function PlasmicPageGuard(props) {
     return React__default['default'].createElement(React__default['default'].Fragment, null, children);
 }
 function withPlasmicPageGuard(WrappedComponent, options) {
-    var PageGuard = function (props) { return (React__default['default'].createElement(PlasmicPageGuard, tslib.__assign({}, options),
-        React__default['default'].createElement(WrappedComponent, tslib.__assign({}, props)))); };
+    var PageGuard = function (props) { return (React__default['default'].createElement(PlasmicPageGuard, __assign({}, options),
+        React__default['default'].createElement(WrappedComponent, __assign({}, props)))); };
     return PageGuard;
 }
 
@@ -180,7 +310,7 @@ function pick(obj) {
     }
     var res = {};
     try {
-        for (var keys_1 = tslib.__values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+        for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
             var key = keys_1_1.value;
             if (key in obj) {
                 res[key] = obj[key];
@@ -200,8 +330,8 @@ function pickBy(obj, func) {
     var e_2, _a;
     var res = {};
     try {
-        for (var _b = tslib.__values(Object.entries(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var _d = tslib.__read(_c.value, 2), key = _d[0], val = _d[1];
+        for (var _b = __values(Object.entries(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var _d = __read(_c.value, 2), key = _d[0], val = _d[1];
             if (func(key, val)) {
                 res[key] = obj[key];
             }
@@ -227,7 +357,7 @@ function omit(obj) {
     }
     var res = {};
     try {
-        for (var _b = tslib.__values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
+        for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
             var key = _c.value;
             if (!keys.includes(key)) {
                 res[key] = obj[key];
@@ -258,7 +388,7 @@ function chainSingleArgFuncs() {
         var e_4, _a;
         var res = arg;
         try {
-            for (var funcs_1 = tslib.__values(funcs), funcs_1_1 = funcs_1.next(); !funcs_1_1.done; funcs_1_1 = funcs_1.next()) {
+            for (var funcs_1 = __values(funcs), funcs_1_1 = funcs_1.next(); !funcs_1_1.done; funcs_1_1 = funcs_1.next()) {
                 var func = funcs_1_1.value;
                 res = func(res);
             }
@@ -289,7 +419,7 @@ function groupBy(collection, keyFunc) {
     var e_5, _a;
     var result = {};
     try {
-        for (var collection_1 = tslib.__values(collection), collection_1_1 = collection_1.next(); !collection_1_1.done; collection_1_1 = collection_1.next()) {
+        for (var collection_1 = __values(collection), collection_1_1 = collection_1.next(); !collection_1_1.done; collection_1_1 = collection_1.next()) {
             var obj = collection_1_1.value;
             var key = keyFunc(obj);
             if (key in result) {
@@ -324,8 +454,8 @@ var useIsomorphicLayoutEffect$1 = isBrowser
     : React__default['default'].useEffect;
 function createElementWithChildren(elementType, props, children) {
     if (Array.isArray(children)) {
-        return React__default['default'].createElement.apply(React__default['default'], tslib.__spreadArray([elementType,
-            props], tslib.__read(children), false));
+        return React__default['default'].createElement.apply(React__default['default'], __spreadArray([elementType,
+            props], __read(children), false));
     }
     else if (children || "children" in props) {
         // Only call React.createElement with `children` if there are actual children,
@@ -347,7 +477,7 @@ function ensureNotArray(children) {
             return children[0];
         }
         else {
-            return React__default['default'].createElement.apply(React__default['default'], tslib.__spreadArray([React__default['default'].Fragment, {}], tslib.__read(children), false));
+            return React__default['default'].createElement.apply(React__default['default'], __spreadArray([React__default['default'].Fragment, {}], __read(children), false));
         }
     }
     else {
@@ -387,12 +517,12 @@ function mergeProps(props) {
     if (restProps.every(function (rest) { return Object.keys(rest).length === 0; })) {
         return props;
     }
-    var result = tslib.__assign({}, props);
+    var result = __assign({}, props);
     try {
-        for (var restProps_1 = tslib.__values(restProps), restProps_1_1 = restProps_1.next(); !restProps_1_1.done; restProps_1_1 = restProps_1.next()) {
+        for (var restProps_1 = __values(restProps), restProps_1_1 = restProps_1.next(); !restProps_1_1.done; restProps_1_1 = restProps_1.next()) {
             var rest = restProps_1_1.value;
             try {
-                for (var _c = (e_2 = void 0, tslib.__values(Object.keys(rest))), _d = _c.next(); !_d.done; _d = _c.next()) {
+                for (var _c = (e_2 = void 0, __values(Object.keys(rest))), _d = _c.next(); !_d.done; _d = _c.next()) {
                     var key = _d.value;
                     result[key] = mergePropVals(key, result[key], rest[key]);
                 }
@@ -436,7 +566,7 @@ function mergeRefs() {
     return function (value) {
         var e_3, _a;
         try {
-            for (var refs_1 = tslib.__values(refs), refs_1_1 = refs_1.next(); !refs_1_1.done; refs_1_1 = refs_1.next()) {
+            for (var refs_1 = __values(refs), refs_1_1 = refs_1.next(); !refs_1_1.done; refs_1_1 = refs_1.next()) {
                 var ref = refs_1_1.value;
                 updateRef(ref, value);
             }
@@ -468,7 +598,7 @@ function mergePropVals(name, val1, val2) {
     }
     else if (name === "style") {
         // Special case for style -- always shallow-merge style dicts
-        return tslib.__assign(tslib.__assign({}, val1), val2);
+        return __assign(__assign({}, val1), val2);
     }
     else if (name === "ref") {
         // Special case for ref
@@ -488,10 +618,10 @@ function mergePropVals(name, val1, val2) {
             }
             var res;
             if (typeof val1 === "function") {
-                res = val1.apply(void 0, tslib.__spreadArray([], tslib.__read(args), false));
+                res = val1.apply(void 0, __spreadArray([], __read(args), false));
             }
             if (typeof val2 === "function") {
-                res = val2.apply(void 0, tslib.__spreadArray([], tslib.__read(args), false));
+                res = val2.apply(void 0, __spreadArray([], __read(args), false));
             }
             return res;
         };
@@ -513,18 +643,18 @@ function getElementTypeName(element) {
 }
 
 function renderStack(as, props, hasGap, ref) {
-    var children = props.children, rest = tslib.__rest(props, ["children"]);
+    var children = props.children, rest = __rest(props, ["children"]);
     var wrappedChildren = wrapFlexContainerChildren(children, hasGap !== null && hasGap !== void 0 ? hasGap : false);
-    return createElementWithChildren(as, tslib.__assign({ ref: ref }, rest), wrappedChildren);
+    return createElementWithChildren(as, __assign({ ref: ref }, rest), wrappedChildren);
 }
 function FlexStack_(props, outerRef) {
-    var as = props.as, hasGap = props.hasGap, rest = tslib.__rest(props, ["as", "hasGap"]);
+    var as = props.as, hasGap = props.hasGap, rest = __rest(props, ["as", "hasGap"]);
     return renderStack(as !== null && as !== void 0 ? as : "div", rest, hasGap, outerRef);
 }
 var FlexStack = React__namespace.forwardRef(FlexStack_);
 var makeStackImpl = function (as) {
     return React__namespace.forwardRef(function (props, ref) {
-        var hasGap = props.hasGap, rest = tslib.__rest(props, ["hasGap"]);
+        var hasGap = props.hasGap, rest = __rest(props, ["hasGap"]);
         return renderStack(as, rest, hasGap, ref);
     });
 };
@@ -580,7 +710,7 @@ function wrapFlexContainerChildren(children, hasGap) {
         return null;
     }
     else if (Array.isArray(children)) {
-        return React__namespace.createElement.apply(React__namespace, tslib.__spreadArray(["div", { className: className }], tslib.__read(children), false));
+        return React__namespace.createElement.apply(React__namespace, __spreadArray(["div", { className: className }], __read(children), false));
     }
     else {
         return React__namespace.createElement("div", { className: className }, children);
@@ -652,8 +782,8 @@ function createPlasmicElementProxy(defaultElement, props) {
     delete props["data-plasmic-name"];
     delete props["data-plasmic-root"];
     delete props["data-plasmic-for-node"];
-    var element = createPlasmicElementFromJsx.apply(void 0, tslib.__spreadArray([defaultElement,
-        props], tslib.__read(children), false));
+    var element = createPlasmicElementFromJsx.apply(void 0, __spreadArray([defaultElement,
+        props], __read(children), false));
     if (name) {
         seenElements.set(name, element);
     }
@@ -681,17 +811,17 @@ function createPlasmicElementFromJsx(defaultElement, props) {
     delete props["data-plasmic-override"];
     delete props["data-plasmic-wrap-flex-child"];
     delete props["data-plasmic-trigger-props"];
-    return createPlasmicElement(override, defaultElement, mergeProps.apply(void 0, tslib.__spreadArray([props,
+    return createPlasmicElement(override, defaultElement, mergeProps.apply(void 0, __spreadArray([props,
         children.length === 0
             ? {}
-            : { children: children.length === 1 ? children[0] : children }], tslib.__read(triggerProps), false)), wrapFlexChild);
+            : { children: children.length === 1 ? children[0] : children }], __read(triggerProps), false)), wrapFlexChild);
 }
 function makeFragment() {
     var children = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         children[_i] = arguments[_i];
     }
-    return React__namespace.createElement.apply(React__namespace, tslib.__spreadArray([React__namespace.Fragment, {}], tslib.__read(children), false));
+    return React__namespace.createElement.apply(React__namespace, __spreadArray([React__namespace.Fragment, {}], __read(children), false));
 }
 var UNSET = Symbol("UNSET");
 function mergeOverrideProps(defaults, overrides) {
@@ -699,9 +829,9 @@ function mergeOverrideProps(defaults, overrides) {
     if (!overrides) {
         return defaults;
     }
-    var result = tslib.__assign({}, defaults);
+    var result = __assign({}, defaults);
     try {
-        for (var _b = tslib.__values(Object.keys(overrides)), _c = _b.next(); !_c.done; _c = _b.next()) {
+        for (var _b = __values(Object.keys(overrides)), _c = _b.next(); !_c.done; _c = _b.next()) {
             var key = _c.value;
             var defaultVal = defaults[key];
             var overrideVal = overrides[key];
@@ -765,18 +895,18 @@ function deriveOverride(x) {
         // If any of the overrideKeys is a key of this object, then assume
         // this is a full Override
         if ("as" in x) {
-            return tslib.__assign(tslib.__assign({}, x), { props: x.props || {}, type: "as" });
+            return __assign(__assign({}, x), { props: x.props || {}, type: "as" });
         }
         else if ("render" in x) {
-            return tslib.__assign(tslib.__assign({}, x), { type: "render" });
+            return __assign(__assign({}, x), { type: "render" });
         }
         else if ("props" in x) {
-            return tslib.__assign(tslib.__assign({}, x), { props: x.props || {}, type: "default" });
+            return __assign(__assign({}, x), { props: x.props || {}, type: "default" });
         }
         else if (isSubset(Object.keys(x), ["wrap", "wrapChildren"])) {
             // Only twiddling functions present, so assume no props overrides
             // (otherwise we'd assume these were props).
-            return tslib.__assign(tslib.__assign({}, x), { props: {}, type: "default" });
+            return __assign(__assign({}, x), { props: {}, type: "default" });
         }
         // Else, assume this is just a props object.
         return {
@@ -796,10 +926,10 @@ function mergeVariants(v1, v2) {
     if (!v1 || !v2) {
         return v1 || v2 || {};
     }
-    return tslib.__assign(tslib.__assign({}, v1), v2);
+    return __assign(__assign({}, v1), v2);
 }
 function mergeVariantsWithStates(variants, $state, linkedStates) {
-    return tslib.__assign(tslib.__assign({}, variants), Object.fromEntries(linkedStates.map(function (_a) {
+    return __assign(__assign({}, variants), Object.fromEntries(linkedStates.map(function (_a) {
         var variantGroup = _a.variantGroup, statePath = _a.statePath;
         return [
             variantGroup,
@@ -811,17 +941,17 @@ function mergeArgs(a1, a2) {
     if (!a1 || !a2) {
         return a1 || a2 || {};
     }
-    return tslib.__assign(tslib.__assign({}, a1), a2);
+    return __assign(__assign({}, a1), a2);
 }
 function mergeFlexOverrides(o1, o2) {
     var e_2, _a;
     if (!o2) {
         return o1;
     }
-    var keys = Array.from(new Set(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(Object.keys(o1)), false), tslib.__read(Object.keys(o2)), false)));
+    var keys = Array.from(new Set(__spreadArray(__spreadArray([], __read(Object.keys(o1)), false), __read(Object.keys(o2)), false)));
     var merged = {};
     try {
-        for (var keys_1 = tslib.__values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+        for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
             var key = keys_1_1.value;
             merged[key] = mergeFlexOverride(o1[key], o2[key]);
         }
@@ -845,8 +975,8 @@ function mergeFlexOverride(fo1, fo2) {
     }
     var o1 = deriveOverride(fo1);
     var o2 = deriveOverride(fo2);
-    var wrap = chainSingleArgFuncs.apply(void 0, tslib.__spreadArray([], tslib.__read([o1.wrap, o2.wrap].filter(notNil)), false));
-    var wrapChildren = chainSingleArgFuncs.apply(void 0, tslib.__spreadArray([], tslib.__read([o1.wrapChildren, o2.wrapChildren].filter(notNil)), false));
+    var wrap = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrap, o2.wrap].filter(notNil)), false));
+    var wrapChildren = chainSingleArgFuncs.apply(void 0, __spreadArray([], __read([o1.wrapChildren, o2.wrapChildren].filter(notNil)), false));
     // "render" type always takes precedence, but we still merge the props
     var props = mergeOverrideProps((_a = o1.props) !== null && _a !== void 0 ? _a : {}, o2.props);
     if (o2.type === "render") {
@@ -867,19 +997,19 @@ function mergeFlexOverride(fo1, fo2) {
     }
     // "as" will take precedence
     var as = (_b = (o2.type === "as" ? o2.as : undefined)) !== null && _b !== void 0 ? _b : (o1.type === "as" ? o1.as : undefined);
-    return tslib.__assign({ props: props, wrap: wrap, wrapChildren: wrapChildren }, (as ? { as: as } : {}));
+    return __assign({ props: props, wrap: wrap, wrapChildren: wrapChildren }, (as ? { as: as } : {}));
 }
 function deriveRenderOpts(props, config) {
     var _a;
     var name = config.name, descendantNames = config.descendantNames, internalVariantPropNames = config.internalVariantPropNames, internalArgPropNames = config.internalArgPropNames;
     var reservedPropNames = ["variants", "args", "overrides"];
-    var variants = mergeVariants(omit.apply(void 0, tslib.__spreadArray([pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(internalVariantPropNames), false))], tslib.__read(reservedPropNames), false)), props.variants);
-    var args = mergeArgs(omit.apply(void 0, tslib.__spreadArray([pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(internalArgPropNames), false))], tslib.__read(reservedPropNames), false)), props.args);
-    var overrides = mergeFlexOverrides(omit.apply(void 0, tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(descendantNames), false))], tslib.__read(internalArgPropNames), false), tslib.__read(internalVariantPropNames), false), tslib.__read(reservedPropNames), false)), props.overrides);
-    var leftoverProps = omit.apply(void 0, tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([props,
+    var variants = mergeVariants(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalVariantPropNames), false))], __read(reservedPropNames), false)), props.variants);
+    var args = mergeArgs(omit.apply(void 0, __spreadArray([pick.apply(void 0, __spreadArray([props], __read(internalArgPropNames), false))], __read(reservedPropNames), false)), props.args);
+    var overrides = mergeFlexOverrides(omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([pick.apply(void 0, __spreadArray([props], __read(descendantNames), false))], __read(internalArgPropNames), false), __read(internalVariantPropNames), false), __read(reservedPropNames), false)), props.overrides);
+    var leftoverProps = omit.apply(void 0, __spreadArray(__spreadArray(__spreadArray([props,
         "variants",
         "args",
-        "overrides"], tslib.__read(descendantNames), false), tslib.__read(internalVariantPropNames), false), tslib.__read(internalArgPropNames), false));
+        "overrides"], __read(descendantNames), false), __read(internalVariantPropNames), false), __read(internalArgPropNames), false));
     if (Object.keys(leftoverProps).length > 0) {
         overrides = mergeFlexOverrides(overrides, (_a = {},
             _a[name] = {
@@ -895,11 +1025,11 @@ var seenDefaultVariants = {};
 function ensureGlobalVariants(globalVariantValues) {
     Object.entries(globalVariantValues)
         .filter(function (_a) {
-        var _b = tslib.__read(_a, 2); _b[0]; var value = _b[1];
+        var _b = __read(_a, 2); _b[0]; var value = _b[1];
         return isDefaultValue(value);
     })
         .forEach(function (_a) {
-        var _b = tslib.__read(_a, 2), key = _b[0]; _b[1];
+        var _b = __read(_a, 2), key = _b[0]; _b[1];
         globalVariantValues[key] = undefined;
         if (!seenDefaultVariants[key] && process.env.NODE_ENV === "development") {
             seenDefaultVariants[key] = true;
@@ -967,8 +1097,8 @@ var plasmicHeadMeta = {
 };
 
 function PlasmicIcon(props) {
-    var PlasmicIconType = props.PlasmicIconType, rest = tslib.__rest(props, ["PlasmicIconType"]);
-    return React__namespace.createElement(PlasmicIconType, tslib.__assign({}, rest));
+    var PlasmicIconType = props.PlasmicIconType, rest = __rest(props, ["PlasmicIconType"]);
+    return React__namespace.createElement(PlasmicIconType, __assign({}, rest));
 }
 
 /**
@@ -978,9 +1108,9 @@ function PlasmicIcon(props) {
 // TODO: make this configurable?
 var IMG_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
 var DEVICE_SIZES = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
-var ALL_SIZES = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(IMG_SIZES), false), tslib.__read(DEVICE_SIZES), false);
+var ALL_SIZES = __spreadArray(__spreadArray([], __read(IMG_SIZES), false), __read(DEVICE_SIZES), false);
 var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props, outerRef) {
-    var src = props.src, className = props.className, displayWidth = props.displayWidth, displayHeight = props.displayHeight, displayMinWidth = props.displayMinWidth, displayMinHeight = props.displayMinHeight, displayMaxWidth = props.displayMaxWidth, displayMaxHeight = props.displayMaxHeight, quality = props.quality, loader = props.loader, imgRef = props.imgRef, style = props.style, loading = props.loading, rest = tslib.__rest(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"]);
+    var src = props.src, className = props.className, displayWidth = props.displayWidth, displayHeight = props.displayHeight, displayMinWidth = props.displayMinWidth, displayMinHeight = props.displayMinHeight, displayMaxWidth = props.displayMaxWidth, displayMaxHeight = props.displayMaxHeight, quality = props.quality, loader = props.loader, imgRef = props.imgRef, style = props.style, loading = props.loading, rest = __rest(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"]);
     var imgProps = Object.assign({}, rest, {
         // Default loading to "lazy" if not specified (which is different from the
         // html img, which defaults to eager!)
@@ -998,7 +1128,7 @@ var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props,
         : "";
     // Assume external image if either dimension is null and use usual <img>
     if (fullHeight == null || fullWidth == null) {
-        return (React__default['default'].createElement("img", tslib.__assign({ src: srcStr, className: className, style: style }, imgProps, { loading: loading, ref: mergeRefs(imgRef, outerRef) })));
+        return (React__default['default'].createElement("img", __assign({ src: srcStr, className: className, style: style }, imgProps, { loading: loading, ref: mergeRefs(imgRef, outerRef) })));
     }
     if (isSvg(srcStr) &&
         (displayHeight == null || displayHeight === "auto") &&
@@ -1040,8 +1170,8 @@ var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props,
     var spacerSvgBase64 = typeof window === "undefined"
         ? Buffer.from(spacerSvg).toString("base64")
         : window.btoa(spacerSvg);
-    var wrapperStyle = tslib.__assign({}, (style || {}));
-    var spacerStyle = tslib.__assign({}, pick(style || {}, "objectFit", "objectPosition"));
+    var wrapperStyle = __assign({}, (style || {}));
+    var spacerStyle = __assign({}, pick(style || {}, "objectFit", "objectPosition"));
     if (displayWidth != null && displayWidth !== "auto") {
         // If width is set, set it on the wrapper along with min/max width
         // and just use `width: 100%` on the spacer
@@ -1120,7 +1250,7 @@ function makePicture(opts) {
                 }), " ").concat(wd.desc);
             })
                 .join(", ") })),
-        React__default['default'].createElement("img", tslib.__assign({}, imgProps, { ref: ref, className: className, decoding: "async", src: imageLoader && imageLoader.supportsUrl(src)
+        React__default['default'].createElement("img", __assign({}, imgProps, { ref: ref, className: className, decoding: "async", src: imageLoader && imageLoader.supportsUrl(src)
                 ? imageLoader.transformUrl({
                     src: src,
                     quality: quality,
@@ -1136,7 +1266,7 @@ function makePicture(opts) {
                     }), " ").concat(wd.desc);
                 })
                     .join(", ")
-                : undefined, sizes: imageLoader && imageLoader.supportsUrl(src) ? sizes : undefined, style: tslib.__assign(tslib.__assign({}, (style ? pick(style, "objectFit", "objectPosition") : {})), { width: 0, height: 0 }) }))));
+                : undefined, sizes: imageLoader && imageLoader.supportsUrl(src) ? sizes : undefined, style: __assign(__assign({}, (style ? pick(style, "objectFit", "objectPosition") : {})), { width: 0, height: 0 }) }))));
 }
 var DEFAULT_SVG_WIDTH = 10000;
 function isSvg(src) {
@@ -1281,12 +1411,12 @@ var PlasmicLink = React__default['default'].forwardRef(function PlasmicLink(prop
             "prefetch",
             "locale",
         ];
-        return React__default['default'].createElement(props.component, tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(nextjsProps), false))), { legacyBehavior: true }), React__default['default'].createElement("a", tslib.__assign({}, omit.apply(void 0, tslib.__spreadArray([props, "component", "platform"], tslib.__read(nextjsProps), false)), { ref: ref })));
+        return React__default['default'].createElement(props.component, __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(nextjsProps), false))), { legacyBehavior: true }), React__default['default'].createElement("a", __assign({}, omit.apply(void 0, __spreadArray([props, "component", "platform"], __read(nextjsProps), false)), { ref: ref })));
     }
     if (props.platform === "gatsby" && isInternalHref(props.href)) {
-        return React__default['default'].createElement(props.component, tslib.__assign(tslib.__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref }));
+        return React__default['default'].createElement(props.component, __assign(__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref }));
     }
-    return React__default['default'].createElement("a", tslib.__assign({}, omit(props, "component", "platform"), { ref: ref }));
+    return React__default['default'].createElement("a", __assign({}, omit(props, "component", "platform"), { ref: ref }));
 });
 function isInternalHref(href) {
     return /^\/(?!\/)/.test(href);
@@ -1371,7 +1501,7 @@ function PlasmicSlot(props) {
     return renderPlasmicSlot(props);
 }
 function renderPlasmicSlot(opts) {
-    var as = opts.as, defaultContents = opts.defaultContents, value = opts.value, rest = tslib.__rest(opts, ["as", "defaultContents", "value"]);
+    var as = opts.as, defaultContents = opts.defaultContents, value = opts.value, rest = __rest(opts, ["as", "defaultContents", "value"]);
     var content = value === undefined ? defaultContents : value;
     if (!content || (Array.isArray(content) && content.length === 0)) {
         return null;
@@ -1422,11 +1552,11 @@ function matchScreenVariants() {
     }
     return Object.entries(queries)
         .filter(function (_a) {
-        var _b = tslib.__read(_a, 2), query = _b[1];
+        var _b = __read(_a, 2), query = _b[1];
         return window.matchMedia(query).matches;
     })
         .map(function (_a) {
-        var _b = tslib.__read(_a, 1), name = _b[0];
+        var _b = __read(_a, 1), name = _b[0];
         return name;
     });
 }
@@ -1460,7 +1590,7 @@ function createUseScreenVariants(isMulti, screenQueries) {
         // that is what SSR will use, and the client must match.  In an effect (which
         // only happens on the client), we then actually ask for the real screen variant
         // and, if different from [] or undefined, forces a re-render.
-        var _a = tslib.__read(React__namespace.useState(), 2), updateState = _a[1];
+        var _a = __read(React__namespace.useState(), 2), updateState = _a[1];
         var lastScreenVariantsRef = React__namespace.useRef(curScreenVariants || []);
         // We do useLayoutEffect instead of useEffect to immediately
         // register our forceUpdate. This ensures that if there was
@@ -1566,7 +1696,7 @@ function useFocusVisibleWithin(opts) {
     return [isFocusVisible, focusProps];
 }
 function useHover() {
-    var _a = tslib.__read(React__namespace.useState(false), 2), isHover = _a[0], setHover = _a[1];
+    var _a = __read(React__namespace.useState(false), 2), isHover = _a[0], setHover = _a[1];
     return [
         isHover,
         {
@@ -1576,7 +1706,7 @@ function useHover() {
     ];
 }
 function usePressed() {
-    var _a = tslib.__read(React__namespace.useState(false), 2), isPressed = _a[0], setPressed = _a[1];
+    var _a = __read(React__namespace.useState(false), 2), isPressed = _a[0], setPressed = _a[1];
     return [
         isPressed,
         {
@@ -1606,7 +1736,7 @@ var PLASMIC_STATE_PROXY_SYMBOL = Symbol("plasmic.state.proxy");
 var UNINITIALIZED = Symbol("plasmic.unitialized");
 
 /** @class */ ((function (_super) {
-    tslib.__extends(CustomError, _super);
+    __extends(CustomError, _super);
     function CustomError(msg) {
         var _a;
         var _this = _super.call(this, msg) || this;
@@ -1617,7 +1747,7 @@ var UNINITIALIZED = Symbol("plasmic.unitialized");
     return CustomError;
 })(Error));
 var CyclicStatesReferencesError = /** @class */ (function (_super) {
-    tslib.__extends(CyclicStatesReferencesError, _super);
+    __extends(CyclicStatesReferencesError, _super);
     function CyclicStatesReferencesError(stateAccessCycle) {
         return _super.call(this, "Cyclic reference found in state initialization: " +
             stateAccessCycle.join(" -> ")) || this;
@@ -1625,14 +1755,14 @@ var CyclicStatesReferencesError = /** @class */ (function (_super) {
     return CyclicStatesReferencesError;
 }(Error));
 var InvalidOperation = /** @class */ (function (_super) {
-    tslib.__extends(InvalidOperation, _super);
+    __extends(InvalidOperation, _super);
     function InvalidOperation(msg) {
         return _super.call(this, msg) || this;
     }
     return InvalidOperation;
 }(Error));
 var UnknownError = /** @class */ (function (_super) {
-    tslib.__extends(UnknownError, _super);
+    __extends(UnknownError, _super);
     function UnknownError(msg) {
         return _super.call(this, msg) || this;
     }
@@ -1683,13 +1813,13 @@ var StateSpecNode = /** @class */ (function () {
 var transformPathStringToObj = function (str) {
     var splitStatePathPart = function (state) {
         return state.endsWith("[]")
-            ? tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(splitStatePathPart(state.slice(0, -2))), false), [ARRAY_SYMBOL], false) : [state];
+            ? __spreadArray(__spreadArray([], __read(splitStatePathPart(state.slice(0, -2))), false), [ARRAY_SYMBOL], false) : [state];
     };
     return str.split(".").flatMap(splitStatePathPart);
 };
 function buildTree(specs) {
     var internalSpec = specs.map(function (spec) {
-        return (tslib.__assign(tslib.__assign({}, spec), { pathObj: transformPathStringToObj(spec.path), isRepeated: spec.path.split(".").some(function (part) { return part.endsWith("[]"); }) }));
+        return (__assign(__assign({}, spec), { pathObj: transformPathStringToObj(spec.path), isRepeated: spec.path.split(".").some(function (part) { return part.endsWith("[]"); }) }));
     });
     var rec = function (currentPath) {
         var node = new StateSpecNode(internalSpec.filter(function (spec) {
@@ -1699,7 +1829,7 @@ function buildTree(specs) {
             if (spec.pathObj.length > currentPath.length) {
                 var nextKey = spec.pathObj[currentPath.length];
                 if (!node.hasEdge(nextKey)) {
-                    node.addEdge(nextKey, rec(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(currentPath), false), [nextKey], false)));
+                    node.addEdge(nextKey, rec(__spreadArray(__spreadArray([], __read(currentPath), false), [nextKey], false)));
                 }
             }
         });
@@ -1709,7 +1839,7 @@ function buildTree(specs) {
 }
 function updateTree(root, specs) {
     var internalSpec = specs.map(function (spec) {
-        return (tslib.__assign(tslib.__assign({}, spec), { pathObj: transformPathStringToObj(spec.path), isRepeated: spec.path.split(".").some(function (part) { return part.endsWith("[]"); }) }));
+        return (__assign(__assign({}, spec), { pathObj: transformPathStringToObj(spec.path), isRepeated: spec.path.split(".").some(function (part) { return part.endsWith("[]"); }) }));
     });
     var rec = function (oldNode, currentPath) {
         var nodeSpecs = internalSpec.filter(function (spec) {
@@ -1723,7 +1853,7 @@ function updateTree(root, specs) {
             if (spec.pathObj.length > currentPath.length) {
                 var nextKey = spec.pathObj[currentPath.length];
                 if (!node.hasEdge(nextKey)) {
-                    node.addEdge(nextKey, rec(oldEdges === null || oldEdges === void 0 ? void 0 : oldEdges.get(nextKey), tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(currentPath), false), [nextKey], false)));
+                    node.addEdge(nextKey, rec(oldEdges === null || oldEdges === void 0 ? void 0 : oldEdges.get(nextKey), __spreadArray(__spreadArray([], __read(currentPath), false), [nextKey], false)));
                 }
             }
         });
@@ -1736,7 +1866,7 @@ function getSpecTreeLeaves(root) {
     var rec = function (node) {
         var e_1, _a;
         try {
-            for (var _b = tslib.__values(node.children()), _c = _b.next(); !_c.done; _c = _b.next()) {
+            for (var _b = __values(node.children()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var child = _c.value;
                 rec(child);
             }
@@ -1761,7 +1891,7 @@ function findStateCell(root, pathStr, repetitionIndex) {
     var pathObj = transformPathStringToObj(pathStr);
     var currRepIndex = 0;
     try {
-        for (var pathObj_1 = tslib.__values(pathObj), pathObj_1_1 = pathObj_1.next(); !pathObj_1_1.done; pathObj_1_1 = pathObj_1.next()) {
+        for (var pathObj_1 = __values(pathObj), pathObj_1_1 = pathObj_1.next(); !pathObj_1_1.done; pathObj_1_1 = pathObj_1.next()) {
             var part = pathObj_1_1.value;
             if (typeof part === "symbol") {
                 if (!root.hasArrayTransition() ||
@@ -1903,11 +2033,11 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         var stateCell = _a.stateCell;
         stateCell.listeners.push(function () {
             var _a;
-            var newValue = invokeInitFuncBackwardsCompatible(initialStateCell.node.getSpec().initFunc, tslib.__assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+            var newValue = invokeInitFuncBackwardsCompatible(initialStateCell.node.getSpec().initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
             set(proxyRoot, initialStateCell.path, newValue);
         });
     });
-    var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, tslib.__assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
+    var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
     initialStateCell.initialValue = clone__default['default'](initialValue);
     var initialSpec = initialStateCell.node.getSpec();
     var value = initialSpec.isImmutable
@@ -1925,7 +2055,7 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
 function create$StateProxy($$state, leafHandlers) {
     var proxyRoot;
     var rec = function (currPath, currNode) {
-        var getNextPath = function (property) { return tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(currPath), false), [
+        var getNextPath = function (property) { return __spreadArray(__spreadArray([], __read(currPath), false), [
             isNum$1(property) ? +property : property,
         ], false); };
         var spec = currNode.getSpec();
@@ -2076,7 +2206,7 @@ function useDollarState(specs) {
     for (var _i = 1; _i < arguments.length; _i++) {
         rest[_i - 1] = arguments[_i];
     }
-    var _a = extractDollarStateParametersBackwardCompatible.apply(void 0, tslib.__spreadArray([], tslib.__read(rest), false)), env = _a.env, opts = _a.opts;
+    var _a = extractDollarStateParametersBackwardCompatible.apply(void 0, __spreadArray([], __read(rest), false)), env = _a.env, opts = _a.opts;
     var $$state = React__default['default'].useRef((function () {
         var rootSpecTree = buildTree(specs);
         return {
@@ -2122,7 +2252,7 @@ function useDollarState(specs) {
                 var env = overrideEnv
                     ? envFieldsAreNonNill(overrideEnv)
                     : $$state.env;
-                if (!deepEqual__default['default'](stateCell.initialValue, f(tslib.__assign({ $state: $state }, env)))) {
+                if (!deepEqual__default['default'](stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
                     $$state.registrationsQueue.push(mkUntrackedValue({
                         node: node,
                         path: realPath,
@@ -2188,7 +2318,7 @@ function useDollarState(specs) {
     getStateCells($state, $$state.rootSpecTree).forEach(function (stateCell) {
         var _a;
         if (stateCell.initFunc) {
-            var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, tslib.__assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
+            var newInit = invokeInitFuncBackwardsCompatible(stateCell.initFunc, __assign({ $state: $state }, ((_a = stateCell.overrideEnv) !== null && _a !== void 0 ? _a : envFieldsAreNonNill(env))));
             if (!deepEqual__default['default'](newInit, stateCell.initialValue)) {
                 resetSpecs.push({ stateCell: stateCell });
             }
@@ -2247,7 +2377,7 @@ function initializeCodeComponentStates($state, states, repetitionIndex, componen
         }
     };
     try {
-        for (var states_1 = tslib.__values(states), states_1_1 = states_1.next(); !states_1_1.done; states_1_1 = states_1.next()) {
+        for (var states_1 = __values(states), states_1_1 = states_1.next(); !states_1_1.done; states_1_1 = states_1.next()) {
             var _d = states_1_1.value, name_1 = _d.name, plasmicStateName = _d.plasmicStateName;
             _loop_1(name_1, plasmicStateName);
         }
@@ -2264,7 +2394,7 @@ function initializePlasmicStates($state, states, repetitionIndex) {
     var e_2, _a;
     var _b;
     try {
-        for (var states_2 = tslib.__values(states), states_2_1 = states_2.next(); !states_2_1.done; states_2_1 = states_2.next()) {
+        for (var states_2 = __values(states), states_2_1 = states_2.next(); !states_2_1.done; states_2_1 = states_2.next()) {
             var _c = states_2_1.value, name_2 = _c.name, initFunc = _c.initFunc;
             (_b = $state.registerInitFunc) === null || _b === void 0 ? void 0 : _b.call($state, name_2, initFunc, repetitionIndex !== null && repetitionIndex !== void 0 ? repetitionIndex : []);
         }
@@ -2321,10 +2451,10 @@ function getStateCells($state, root) {
         var stateCell = (_b = proxyObjToStateCell.get($state)) !== null && _b !== void 0 ? _b : {};
         var stateCells = [];
         try {
-            for (var _c = tslib.__values(root.edges().entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var _e = tslib.__read(_d.value, 2), key = _e[0], child = _e[1];
+            for (var _c = __values(root.edges().entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), key = _e[0], child = _e[1];
                 if (typeof key === "string" && key in $state) {
-                    stateCells.push.apply(stateCells, tslib.__spreadArray([], tslib.__read(getStateCells($state[key], child)), false));
+                    stateCells.push.apply(stateCells, __spreadArray([], __read(getStateCells($state[key], child)), false));
                     if (key in stateCell) {
                         stateCells.push(stateCell[key]);
                     }
@@ -2490,13 +2620,13 @@ function getPlumeType(child) {
 function useButton(plasmicClass, props, config, ref) {
     var _a, _b, _c, _d;
     if (ref === void 0) { ref = null; }
-    var link = props.link, isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, children = props.children, rest = tslib.__rest(props, ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"]);
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
-    var args = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b))), (_c = {}, _c[config.contentSlot] = children, _c));
+    var link = props.link, isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, children = props.children, rest = __rest(props, ["link", "isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "children"]);
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
+    var args = __assign(__assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b))), (_c = {}, _c[config.contentSlot] = children, _c));
     var overrides = (_d = {},
         _d[config.root] = {
             as: !!link ? "a" : "button",
-            props: tslib.__assign(tslib.__assign(tslib.__assign({}, omit.apply(void 0, tslib.__spreadArray(tslib.__spreadArray([rest], tslib.__read(plasmicClass.internalArgProps), false), tslib.__read(plasmicClass.internalVariantProps), false))), { ref: ref, disabled: isDisabled }), (!!link && { href: link }))
+            props: __assign(__assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps), false), __read(plasmicClass.internalVariantProps), false))), { ref: ref, disabled: isDisabled }), (!!link && { href: link }))
         },
         _d);
     return {
@@ -2514,8 +2644,8 @@ function getStyleProps(props) {
 function getDefaultPlasmicProps(plasmicClass, props) {
     return {
         plasmicProps: {
-            variants: pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false)),
-            args: pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false)),
+            variants: pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false)),
+            args: pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false)),
             overrides: {}
         }
     };
@@ -2526,7 +2656,7 @@ function getDataProps(props) {
 }
 
 function asAriaCheckboxProps(props) {
-    var ariaProps = tslib.__assign(tslib.__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
+    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
     delete ariaProps["isChecked"];
     delete ariaProps["defaultChecked"];
     return ariaProps;
@@ -2541,7 +2671,7 @@ function useCheckbox(plasmicClass, props, config, ref) {
     var ariaProps = asAriaCheckboxProps(props);
     var state = toggle.useToggleState(ariaProps);
     var inputProps = checkbox.useCheckbox(ariaProps, state, inputRef).inputProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
         def: config.isDisabledVariant,
         active: isDisabled
     }, {
@@ -2562,11 +2692,11 @@ function useCheckbox(plasmicClass, props, config, ref) {
             }),
             wrapChildren: function (children) { return (React__namespace.createElement(React__namespace.Fragment, null,
                 React__namespace.createElement(visuallyHidden.VisuallyHidden, null,
-                    React__namespace.createElement("input", tslib.__assign({}, inputProps, { ref: inputRef }))),
+                    React__namespace.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
                 children)); }
         },
         _a);
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
     var plumeState = React__namespace.useMemo(function () { return ({
         setChecked: function (checked) { return state.setSelected(checked); }
     }); }, [state]);
@@ -2879,7 +3009,7 @@ function cloneChild(child, props) {
     if (child.type.getPlumeType) {
         // If React element has getPlumeType(), assume that it is PlasmicLoader,
         // so add nodeProps to componentProps instead of element props.
-        return React__default['default'].cloneElement(child, tslib.__assign({ componentProps: tslib.__assign(tslib.__assign({}, child.props.componentProps), props) }, (props.key ? { key: props.key } : {})));
+        return React__default['default'].cloneElement(child, __assign({ componentProps: __assign(__assign({}, child.props.componentProps), props) }, (props.key ? { key: props.key } : {})));
     }
     return React__default['default'].cloneElement(child, props);
 }
@@ -2896,11 +3026,11 @@ var COLLECTION_OPTS$1 = {
  * Converts props from BaseMenuProps to react-aria's useMenu() props.
  */
 function asAriaMenuProps(props) {
-    var children = props.children, rest = tslib.__rest(props, ["children"]);
-    var _a = useDerivedItemsFromChildren(children, tslib.__assign(tslib.__assign({}, COLLECTION_OPTS$1), { invalidChildError: "Can only use Menu.Item and Menu.Group as children to Menu", requireItemValue: false })), items = _a.items, disabledKeys = _a.disabledKeys;
+    var children = props.children, rest = __rest(props, ["children"]);
+    var _a = useDerivedItemsFromChildren(children, __assign(__assign({}, COLLECTION_OPTS$1), { invalidChildError: "Can only use Menu.Item and Menu.Group as children to Menu", requireItemValue: false })), items = _a.items, disabledKeys = _a.disabledKeys;
     var collectionChildRenderer = React__namespace.useCallback(function (child) { return renderAsCollectionChild(child, COLLECTION_OPTS$1); }, []);
     return {
-        ariaProps: tslib.__assign(tslib.__assign({}, rest), { children: collectionChildRenderer, items: items, disabledKeys: disabledKeys })
+        ariaProps: __assign(__assign({}, rest), { children: collectionChildRenderer, items: items, disabledKeys: disabledKeys })
     };
 }
 function useMenu(plasmicClass, props, config, ref) {
@@ -2912,12 +3042,12 @@ function useMenu(plasmicClass, props, config, ref) {
     var rootRef = React__namespace.useRef(null);
     var state = tree.useTreeState(ariaProps);
     var menuListRef = React__namespace.useRef(null);
-    var menuProps = menu.useMenu(tslib.__assign(tslib.__assign({}, ariaProps), { autoFocus: triggerContext === null || triggerContext === void 0 ? void 0 : triggerContext.autoFocus }), state, menuListRef).menuProps;
+    var menuProps = menu.useMenu(__assign(__assign({}, ariaProps), { autoFocus: triggerContext === null || triggerContext === void 0 ? void 0 : triggerContext.autoFocus }), state, menuListRef).menuProps;
     var contextValue = React__namespace.useMemo(function () { return ({ state: state, menuProps: props }); }, [
         state,
         props,
     ]);
-    var variants = tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false)));
+    var variants = __assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false)));
     var overrides = (_a = {},
         _a[config.root] = {
             props: mergeProps(getStyleProps(props), {
@@ -2928,11 +3058,11 @@ function useMenu(plasmicClass, props, config, ref) {
             as: "ul",
             props: mergeProps(menuProps, {
                 ref: menuListRef,
-                style: tslib.__assign({}, noOutline())
+                style: __assign({}, noOutline())
             })
         },
         _a);
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_b = {}, _b[config.itemsSlot] = (React__namespace.createElement(MenuContext.Provider, { value: contextValue }, Array.from(state.collection).map(function (node) { return renderCollectionNode(node); }))), _b));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_b = {}, _b[config.itemsSlot] = (React__namespace.createElement(MenuContext.Provider, { value: contextValue }, Array.from(state.collection).map(function (node) { return renderCollectionNode(node); }))), _b));
     var plumeState = React__namespace.useMemo(function () { return ({
         getFocusedValue: function () { return state.selectionManager.focusedKey; },
         setFocusedValue: function (value) {
@@ -2971,11 +3101,11 @@ function useMenuGroup(plasmicClass, props, config) {
     var separatorProps = separator.useSeparator({
         elementType: "li"
     }).separatorProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.noTitleVariant, active: !props.title }, {
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.noTitleVariant, active: !props.title }, {
         def: config.isFirstVariant,
         active: context.state.collection.getFirstKey() === node.key
     }));
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.titleSlot] = props.title, _a[config.itemsSlot] = Array.from(node.childNodes).map(function (childNode) {
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.titleSlot] = props.title, _a[config.itemsSlot] = Array.from(node.childNodes).map(function (childNode) {
         return renderCollectionNode(childNode);
     }), _a));
     var overrides = (_b = {},
@@ -2983,14 +3113,14 @@ function useMenuGroup(plasmicClass, props, config) {
             props: getStyleProps(props)
         },
         _b[config.separator] = {
-            props: tslib.__assign({}, separatorProps),
+            props: __assign({}, separatorProps),
             as: "li"
         },
-        _b[config.titleContainer] = tslib.__assign({ props: tslib.__assign({ role: "presentation" }, headingProps) }, (!props.title && {
+        _b[config.titleContainer] = __assign({ props: __assign({ role: "presentation" }, headingProps) }, (!props.title && {
             render: function () { return null; }
         })),
         _b[config.itemsContainer] = {
-            props: tslib.__assign({}, groupProps),
+            props: __assign({}, groupProps),
             as: "ul"
         },
         _b);
@@ -3035,15 +3165,15 @@ function useMenuItem(plasmicClass, props, config) {
         isVirtualized: false,
         closeOnSelect: true
     }), state, ref), menuItemProps = _c.menuItemProps, labelProps = _c.labelProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isDisabledVariant, active: isDisabled }, { def: config.isHighlightedVariant, active: isHighlighted }));
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.labelSlot] = children, _a));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isDisabledVariant, active: isDisabled }, { def: config.isHighlightedVariant, active: isHighlighted }));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.labelSlot] = children, _a));
     var overrides = (_b = {},
         _b[config.root] = {
             as: "li",
             props: mergeProps(menuItemProps, { ref: ref, style: noOutline() })
         },
         _b[config.labelContainer] = {
-            props: tslib.__assign({}, labelProps)
+            props: __assign({}, labelProps)
         },
         _b);
     return {
@@ -3065,7 +3195,7 @@ function useMenuTrigger(opts, state) {
         type: "menu",
         isDisabled: isDisabled
     }, state, triggerRef), triggerPressProps = _a.menuTriggerProps, menuProps = _a.menuProps;
-    var triggerProps = interactions.usePress(tslib.__assign(tslib.__assign({}, triggerPressProps), { isDisabled: isDisabled })).pressProps;
+    var triggerProps = interactions.usePress(__assign(__assign({}, triggerPressProps), { isDisabled: isDisabled })).pressProps;
     var makeMenu = function () {
         var realMenu = typeof menu$1 === "function" ? menu$1() : menu$1;
         if (!realMenu) {
@@ -3139,8 +3269,8 @@ function useMenuButton(plasmicClass, props, config, outerRef) {
         menu: menu
     }, state), triggerProps = _c.triggerProps, makeMenu = _c.makeMenu, triggerContext = _c.triggerContext;
     var triggerFocusProps = focus.useFocusable(props, triggerRef).focusableProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isOpenVariant, active: state.isOpen }, { def: config.isDisabledVariant, active: isDisabled }));
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.menuSlot] = state.isOpen ? makeMenu() : undefined, _a));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isOpenVariant, active: state.isOpen }, { def: config.isDisabledVariant, active: isDisabled }));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.menuSlot] = state.isOpen ? makeMenu() : undefined, _a));
     var overrides = (_b = {},
         _b[config.root] = {
             wrapChildren: function (children) { return (React__namespace.createElement(TriggeredOverlayContext.Provider, { value: triggerContext }, children)); },
@@ -3224,8 +3354,8 @@ var COLLECTION_OPTS = {
  * render functions can assume that _node is passed in.
  */
 function useAriaSelectProps(props, config) {
-    var value = props.value, defaultValue = props.defaultValue; props.children; var onChange = props.onChange; props.placement; props.menuMatchTriggerWidth; props.menuWidth; var rest = tslib.__rest(props, ["value", "defaultValue", "children", "onChange", "placement", "menuMatchTriggerWidth", "menuWidth"]);
-    var _a = useDerivedItems(props, tslib.__assign(tslib.__assign({}, COLLECTION_OPTS), { invalidChildError: "Can only use Select.Option and Select.OptionGroup as children to Select", requireItemValue: true, ItemComponent: config.OptionComponent, SectionComponent: config.OptionGroupComponent, itemsProp: "options" })), items = _a.items, disabledKeys = _a.disabledKeys;
+    var value = props.value, defaultValue = props.defaultValue; props.children; var onChange = props.onChange; props.placement; props.menuMatchTriggerWidth; props.menuWidth; var rest = __rest(props, ["value", "defaultValue", "children", "onChange", "placement", "menuMatchTriggerWidth", "menuWidth"]);
+    var _a = useDerivedItems(props, __assign(__assign({}, COLLECTION_OPTS), { invalidChildError: "Can only use Select.Option and Select.OptionGroup as children to Select", requireItemValue: true, ItemComponent: config.OptionComponent, SectionComponent: config.OptionGroupComponent, itemsProp: "options" })), items = _a.items, disabledKeys = _a.disabledKeys;
     var collectionChildRenderer = React__namespace.useCallback(function (child) { return renderAsCollectionChild(child, COLLECTION_OPTS); }, []);
     var onSelectionChange = React__namespace.useMemo(function () {
         if (onChange) {
@@ -3238,7 +3368,7 @@ function useAriaSelectProps(props, config) {
         }
     }, [onChange]);
     return {
-        ariaProps: tslib.__assign(tslib.__assign(tslib.__assign({}, rest), { children: collectionChildRenderer, onSelectionChange: onSelectionChange, items: items, disabledKeys: disabledKeys, defaultSelectedKey: defaultValue }), ("value" in props && { selectedKey: value !== null && value !== void 0 ? value : null }))
+        ariaProps: __assign(__assign(__assign({}, rest), { children: collectionChildRenderer, onSelectionChange: onSelectionChange, items: items, disabledKeys: disabledKeys, defaultSelectedKey: defaultValue }), ("value" in props && { selectedKey: value !== null && value !== void 0 ? value : null }))
     };
 }
 function useSelect(plasmicClass, props, config, ref) {
@@ -3253,11 +3383,11 @@ function useSelect(plasmicClass, props, config, ref) {
     var isDisabled = props.isDisabled, name = props.name, menuWidth = props.menuWidth, menuMatchTriggerWidth = props.menuMatchTriggerWidth, autoFocus = props.autoFocus, placeholder = props.placeholder, selectedContent = props.selectedContent;
     var canvasCtx = host.usePlasmicCanvasContext();
     var _c = select$1.useSelect(ariaProps, state, triggerRef), triggerPressProps = _c.triggerProps, menuProps = _c.menuProps;
-    var triggerProps = interactions.usePress(tslib.__assign(tslib.__assign({}, triggerPressProps), { isDisabled: isDisabled })).pressProps;
+    var triggerProps = interactions.usePress(__assign(__assign({}, triggerPressProps), { isDisabled: isDisabled })).pressProps;
     var triggerContent = state.selectedItem
         ? selectedContent !== null && selectedContent !== void 0 ? selectedContent : getChildProp(state.selectedItem.value, "children")
         : null;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isOpenVariant, active: state.isOpen }, { def: config.placeholderVariant, active: !state.selectedItem }, { def: config.isDisabledVariant, active: isDisabled }));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isOpenVariant, active: state.isOpen }, { def: config.placeholderVariant, active: !state.selectedItem }, { def: config.isDisabledVariant, active: isDisabled }));
     var triggerContext = React__namespace.useMemo(function () { return ({
         triggerRef: triggerRef,
         state: state,
@@ -3291,7 +3421,7 @@ function useSelect(plasmicClass, props, config, ref) {
             wrap: function (content) { return (React__namespace.createElement(ListBoxWrapper, { state: state, menuProps: menuProps }, content)); }
         },
         _a);
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_b = {}, _b[config.triggerContentSlot] = triggerContent, _b[config.placeholderSlot] = placeholder, _b[config.optionsSlot] = (React__namespace.createElement(SelectContext.Provider, { value: state }, Array.from(state.collection).map(function (node) { return renderCollectionNode(node); }))), _b));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_b = {}, _b[config.triggerContentSlot] = triggerContent, _b[config.placeholderSlot] = placeholder, _b[config.optionsSlot] = (React__namespace.createElement(SelectContext.Provider, { value: state }, Array.from(state.collection).map(function (node) { return renderCollectionNode(node); }))), _b));
     var plumeState = React__namespace.useMemo(function () { return ({
         open: function () { return state.open(); },
         close: function () { return state.close(); },
@@ -3325,7 +3455,7 @@ function ListBoxWrapper(props) {
     var state = props.state, menuProps = props.menuProps, children = props.children;
     var ref = React__namespace.useRef(null);
     var canvasCtx = host.usePlasmicCanvasContext();
-    var listBoxProps = listbox.useListBox(tslib.__assign(tslib.__assign({}, menuProps), { isVirtualized: false, autoFocus: state.focusStrategy || true, disallowEmptySelection: true }), state, ref).listBoxProps;
+    var listBoxProps = listbox.useListBox(__assign(__assign({}, menuProps), { isVirtualized: false, autoFocus: state.focusStrategy || true, disallowEmptySelection: true }), state, ref).listBoxProps;
     return React__namespace.cloneElement(children, mergeProps(children.props, canvasCtx ? {} : listBoxProps, {
         style: noOutline(),
         ref: ref
@@ -3365,8 +3495,8 @@ function useSelectOption(plasmicClass, props, config, outerRef) {
         isVirtualized: false,
         shouldUseVirtualFocus: !!canvasCtx
     }, state, rootRef), optionProps = _c.optionProps, labelProps = _c.labelProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isSelectedVariant, active: isSelected }, { def: config.isDisabledVariant, active: isDisabled }, { def: config.isHighlightedVariant, active: isHighlighted }));
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.labelSlot] = children, _a));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isSelectedVariant, active: isSelected }, { def: config.isDisabledVariant, active: isDisabled }, { def: config.isHighlightedVariant, active: isHighlighted }));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.labelSlot] = children, _a));
     var overrides = (_b = {},
         _b[config.root] = {
             props: mergeProps(canvasCtx ? {} : optionProps, getStyleProps(props), {
@@ -3406,11 +3536,11 @@ function useSelectOptionGroup(plasmicClass, props, config) {
     var separatorProps = separator.useSeparator({
         elementType: "li"
     }).separatorProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.noTitleVariant, active: !props.title }, {
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.noTitleVariant, active: !props.title }, {
         def: config.isFirstVariant,
         active: state.collection.getFirstKey() === node.key
     }));
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.titleSlot] = props.title, _a[config.optionsSlot] = Array.from(node.childNodes).map(function (childNode) {
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.titleSlot] = props.title, _a[config.optionsSlot] = Array.from(node.childNodes).map(function (childNode) {
         return renderCollectionNode(childNode);
     }), _a));
     var overrides = (_b = {},
@@ -3418,13 +3548,13 @@ function useSelectOptionGroup(plasmicClass, props, config) {
             props: getStyleProps(props)
         },
         _b[config.separator] = {
-            props: tslib.__assign({}, separatorProps)
+            props: __assign({}, separatorProps)
         },
-        _b[config.titleContainer] = tslib.__assign({ props: tslib.__assign({ role: "presentation" }, headingProps) }, (!props.title && {
+        _b[config.titleContainer] = __assign({ props: __assign({ role: "presentation" }, headingProps) }, (!props.title && {
             render: function () { return null; }
         })),
         _b[config.optionsContainer] = {
-            props: tslib.__assign({}, groupProps)
+            props: __assign({}, groupProps)
         },
         _b);
     return {
@@ -3437,7 +3567,7 @@ function useSelectOptionGroup(plasmicClass, props, config) {
 }
 
 function asAriaSwitchProps(props) {
-    var ariaProps = tslib.__assign(tslib.__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
+    var ariaProps = __assign(__assign({}, props), { isSelected: props.isChecked, defaultSelected: props.defaultChecked });
     delete ariaProps["isChecked"];
     delete ariaProps["defaultChecked"];
     return ariaProps;
@@ -3452,7 +3582,7 @@ function useSwitch(plasmicClass, props, config, ref) {
     var ariaProps = asAriaSwitchProps(props);
     var state = toggle.useToggleState(ariaProps);
     var inputProps = _switch.useSwitch(ariaProps, state, inputRef).inputProps;
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({
         def: config.isDisabledVariant,
         active: isDisabled
     }, {
@@ -3470,11 +3600,11 @@ function useSwitch(plasmicClass, props, config, ref) {
             }),
             wrapChildren: function (children) { return (React__namespace.createElement(React__namespace.Fragment, null,
                 React__namespace.createElement(visuallyHidden.VisuallyHidden, null,
-                    React__namespace.createElement("input", tslib.__assign({}, inputProps, { ref: inputRef }))),
+                    React__namespace.createElement("input", __assign({}, inputProps, { ref: inputRef }))),
                 children)); }
         },
         _a);
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.labelSlot ? (_b = {}, _b[config.labelSlot] = children, _b) : {}));
     var plumeState = React__namespace.useMemo(function () { return ({
         setChecked: function (checked) { return state.setSelected(checked); }
     }); }, [state]);
@@ -3497,7 +3627,7 @@ function useSwitch(plasmicClass, props, config, ref) {
 function useTextInput(plasmicClass, props, config, ref) {
     var _a, _b, _c;
     if (ref === void 0) { ref = null; }
-    var isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, className = props.className, style = props.style, inputClassName = props.inputClassName, inputStyle = props.inputStyle, rest = tslib.__rest(props, ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"]);
+    var isDisabled = props.isDisabled, startIcon = props.startIcon, endIcon = props.endIcon, showStartIcon = props.showStartIcon, showEndIcon = props.showEndIcon, className = props.className, style = props.style, inputClassName = props.inputClassName, inputStyle = props.inputStyle, rest = __rest(props, ["isDisabled", "startIcon", "endIcon", "showStartIcon", "showEndIcon", "className", "style", "inputClassName", "inputStyle"]);
     var rootRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(null);
     React__namespace.useImperativeHandle(ref, function () { return ({
@@ -3516,8 +3646,8 @@ function useTextInput(plasmicClass, props, config, ref) {
             return inputRef.current;
         }
     }); }, [rootRef, inputRef]);
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
-    var args = tslib.__assign(tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b)));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.showStartIconVariant, active: showStartIcon }, { def: config.showEndIconVariant, active: showEndIcon }, { def: config.isDisabledVariant, active: isDisabled }));
+    var args = __assign(__assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (config.startIconSlot && (_a = {}, _a[config.startIconSlot] = startIcon, _a))), (config.endIconSlot && (_b = {}, _b[config.endIconSlot] = endIcon, _b)));
     var overrides = (_c = {},
         _c[config.root] = {
             props: {
@@ -3527,7 +3657,7 @@ function useTextInput(plasmicClass, props, config, ref) {
             }
         },
         _c[config.input] = {
-            props: tslib.__assign(tslib.__assign({}, omit.apply(void 0, tslib.__spreadArray(tslib.__spreadArray([rest], tslib.__read(plasmicClass.internalArgProps.filter(function (prop) { return prop !== "required"; })), false), tslib.__read(plasmicClass.internalVariantProps), false))), { disabled: isDisabled, ref: inputRef, className: inputClassName, style: inputStyle })
+            props: __assign(__assign({}, omit.apply(void 0, __spreadArray(__spreadArray([rest], __read(plasmicClass.internalArgProps.filter(function (prop) { return prop !== "required"; })), false), __read(plasmicClass.internalVariantProps), false))), { disabled: isDisabled, ref: inputRef, className: inputClassName, style: inputStyle })
         },
         _c);
     return {
@@ -3558,7 +3688,7 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
     var children = props.children;
     var triggerRef = context.triggerRef, placement = context.placement, overlayMatchTriggerWidth = context.overlayMatchTriggerWidth, overlayMinTriggerWidth = context.overlayMinTriggerWidth, overlayWidth = context.overlayWidth, state = context.state;
     // Measure the width of the trigger to inform the width of the menu (below).
-    var _c = tslib.__read(React__namespace.useState(false), 2), isRendered = _c[0], setRendered = _c[1];
+    var _c = __read(React__namespace.useState(false), 2), isRendered = _c[0], setRendered = _c[1];
     var triggerWidth = triggerRef.current && (overlayMatchTriggerWidth || overlayMinTriggerWidth)
         ? triggerRef.current.offsetWidth
         : undefined;
@@ -3607,9 +3737,9 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
             minWidth: overlayMinTriggerWidth ? triggerWidth : "auto"
         }
     }, overlayAriaProps, overlayPositionProps);
-    var variants = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isPlacedTopVariant, active: placementAxis === "top" }, { def: config.isPlacedBottomVariant, active: placementAxis === "bottom" }, { def: config.isPlacedLeftVariant, active: placementAxis === "left" }, { def: config.isPlacedRightVariant, active: placementAxis === "right" }));
+    var variants = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalVariantProps), false))), mergeVariantToggles({ def: config.isPlacedTopVariant, active: placementAxis === "top" }, { def: config.isPlacedBottomVariant, active: placementAxis === "bottom" }, { def: config.isPlacedLeftVariant, active: placementAxis === "left" }, { def: config.isPlacedRightVariant, active: placementAxis === "right" }));
     var canvasCtx = host.usePlasmicCanvasContext();
-    var args = tslib.__assign(tslib.__assign({}, pick.apply(void 0, tslib.__spreadArray([props], tslib.__read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.contentSlot] = canvasCtx ? (children) : (React__namespace.createElement(focus.FocusScope, { restoreFocus: true },
+    var args = __assign(__assign({}, pick.apply(void 0, __spreadArray([props], __read(plasmicClass.internalArgProps), false))), (_a = {}, _a[config.contentSlot] = canvasCtx ? (children) : (React__namespace.createElement(focus.FocusScope, { restoreFocus: true },
         React__namespace.createElement(overlays.DismissButton, { onDismiss: state.close }),
         children)), _a));
     var overrides = (_b = {},
@@ -3639,22 +3769,22 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
 }
 
 Object.defineProperty(exports, 'PlasmicDataSourceContextProvider', {
-  enumerable: true,
-  get: function () {
-    return dataSourcesContext.PlasmicDataSourceContextProvider;
-  }
+    enumerable: true,
+    get: function () {
+        return dataSourcesContext.PlasmicDataSourceContextProvider;
+    }
 });
 Object.defineProperty(exports, 'useCurrentUser', {
-  enumerable: true,
-  get: function () {
-    return dataSourcesContext.useCurrentUser;
-  }
+    enumerable: true,
+    get: function () {
+        return dataSourcesContext.useCurrentUser;
+    }
 });
 Object.defineProperty(exports, 'get', {
-  enumerable: true,
-  get: function () {
-    return get__default['default'];
-  }
+    enumerable: true,
+    get: function () {
+        return get__default['default'];
+    }
 });
 exports.DropdownMenu = DropdownMenu;
 exports.PlasmicHead = PlasmicHead;