@plasmicapp/react-web 0.2.236 → 0.2.239

package/dist/index.cjs.js

@@ -1,8 +1,6 @@
 'use client';
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var classNames$1 = require('classnames');
 var dataSourcesContext = require('@plasmicapp/data-sources-context');
 var React = require('react');
@@ -29,10 +27,7 @@ var select = require('@react-stately/select');
 var _switch = require('@react-aria/switch');
 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;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -40,27 +35,19 @@ function _interopNamespace(e) {
                 var d = Object.getOwnPropertyDescriptor(e, k);
                 Object.defineProperty(n, k, d.get ? d : {
                     enumerable: true,
-                    get: function () {
-                        return e[k];
-                    }
+                    get: function () { return e[k]; }
                 });
             }
         });
     }
-    n['default'] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames$1);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
-var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
-var deepEqual__default = /*#__PURE__*/_interopDefaultLegacy(deepEqual);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -130,7 +117,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -251,7 +238,7 @@ function triggerLogin(appId, authorizeEndpoint, redirectUri) {
 function PlasmicPageGuard(props) {
     var appId = props.appId, authorizeEndpoint = props.authorizeEndpoint, minRole = props.minRole, canTriggerLogin = props.canTriggerLogin, children = props.children, unauthorizedComp = props.unauthorizedComp;
     var dataSourceCtxValue = dataSourcesContext.usePlasmicDataSourceContext();
-    React__default['default'].useEffect(function () {
+    React.useEffect(function () {
         if (canTriggerLogin) {
             if (minRole &&
                 dataSourceCtxValue &&
@@ -296,15 +283,15 @@ function PlasmicPageGuard(props) {
     }
     if (!canUserViewPage()) {
         if (unauthorizedComp) {
-            return React__default['default'].createElement(React__default['default'].Fragment, null, unauthorizedComp);
+            return React.createElement(React.Fragment, null, unauthorizedComp);
         }
-        return React__default['default'].createElement("div", null, "You don't have access to this page");
+        return React.createElement("div", null, "You don't have access to this page");
     }
-    return React__default['default'].createElement(React__default['default'].Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
 }
 function withPlasmicPageGuard(WrappedComponent, options) {
-    var PageGuard = function (props) { return (React__default['default'].createElement(PlasmicPageGuard, __assign({}, options),
-        React__default['default'].createElement(WrappedComponent, __assign({}, props)))); };
+    var PageGuard = function (props) { return (React.createElement(PlasmicPageGuard, __assign({}, options),
+        React.createElement(WrappedComponent, __assign({}, props)))); };
     return PageGuard;
 }
 
@@ -462,11 +449,11 @@ function mapValues(obj, mapper) {
 var isBrowser = typeof window !== "undefined";
 var NONE = Symbol("NONE");
 var useIsomorphicLayoutEffect$1 = isBrowser
-    ? React__default['default'].useLayoutEffect
-    : React__default['default'].useEffect;
+    ? React.useLayoutEffect
+    : React.useEffect;
 function createElementWithChildren(elementType, props, children) {
     if (Array.isArray(children)) {
-        return React__default['default'].createElement.apply(React__default['default'], __spreadArray([elementType,
+        return React.createElement.apply(React, __spreadArray([elementType,
             props], __read(children), false));
     }
     else if (children || "children" in props) {
@@ -477,10 +464,10 @@ function createElementWithChildren(elementType, props, children) {
         // If the `root` is an PlasmicGeneratedComponent, and these props with {children: undefined}
         // are used, then it will be taken as a `children` override, and will thus blank out
         // everything under the root node.
-        return React__default['default'].createElement(elementType, props, children);
+        return React.createElement(elementType, props, children);
     }
     else {
-        return React__default['default'].createElement(elementType, props);
+        return React.createElement(elementType, props);
     }
 }
 function ensureNotArray(children) {
@@ -489,7 +476,7 @@ function ensureNotArray(children) {
             return children[0];
         }
         else {
-            return React__default['default'].createElement.apply(React__default['default'], __spreadArray([React__default['default'].Fragment, {}], __read(children), false));
+            return React.createElement.apply(React, __spreadArray([React.Fragment, {}], __read(children), false));
         }
     }
     else {
@@ -515,10 +502,10 @@ function isReactText(child) {
     return typeof child === "string" || typeof child === "number";
 }
 function isReactChild(child) {
-    return React__default['default'].isValidElement(child) || isReactText(child);
+    return React.isValidElement(child) || isReactText(child);
 }
 function isReactNode(x) {
-    return (typeof x === "string" || typeof x === "number" || React__default['default'].isValidElement(x));
+    return (typeof x === "string" || typeof x === "number" || React.isValidElement(x));
 }
 function mergeProps(props) {
     var e_1, _a, e_2, _b;
@@ -606,7 +593,7 @@ function mergePropVals(name, val1, val2) {
     }
     else if (name === "className") {
         // Special case for className -- always combine both class names
-        return classNames__default['default'](val1, val2);
+        return classNames$1(val1, val2);
     }
     else if (name === "style") {
         // Special case for style -- always shallow-merge style dicts
@@ -945,7 +932,7 @@ function mergeVariantsWithStates(variants, $state, linkedStates) {
         var variantGroup = _a.variantGroup, statePath = _a.statePath;
         return [
             variantGroup,
-            get__default['default']($state, statePath),
+            get($state, statePath),
         ];
     })));
 }
@@ -1121,7 +1108,7 @@ function PlasmicIcon(props) {
 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 = __spreadArray(__spreadArray([], __read(IMG_SIZES), false), __read(DEVICE_SIZES), false);
-var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props, outerRef) {
+var PlasmicImg = React.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 = __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
@@ -1140,7 +1127,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", __assign({ src: srcStr, className: className, style: style }, imgProps, { loading: loading, ref: mergeRefs(imgRef, outerRef) })));
+        return (React.createElement("img", __assign({ src: srcStr, className: className, style: style }, imgProps, { loading: loading, ref: mergeRefs(imgRef, outerRef) })));
     }
     if (isSvg(srcStr) &&
         (displayHeight == null || displayHeight === "auto") &&
@@ -1179,9 +1166,12 @@ var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props,
     }), sizes = _b.sizes, widthDescs = _b.widthDescs;
     var imageLoader = getImageLoader(loader);
     var spacerSvg = "<svg width=\"".concat(spacerWidth, "\" height=\"").concat(spacerHeight, "\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\"/>");
-    var spacerSvgBase64 = typeof window === "undefined"
-        ? Buffer.from(spacerSvg).toString("base64")
-        : window.btoa(spacerSvg);
+    var spacerSvgBase64 = 
+    // if btoa exists, use btoa, as it works in browser and in
+    // cloudflare edge workers.  For node, use Buffer.from().
+    typeof globalThis.btoa === "function"
+        ? globalThis.btoa(spacerSvg)
+        : Buffer.from(spacerSvg).toString("base64");
     var wrapperStyle = __assign({}, (style || {}));
     var spacerStyle = __assign({}, pick(style || {}, "objectFit", "objectPosition"));
     if (displayWidth != null && displayWidth !== "auto") {
@@ -1232,8 +1222,8 @@ var PlasmicImg = React__default['default'].forwardRef(function PlasmicImg(props,
             // wrapperStyle.maxHeight = displayMaxHeight;
         }
     }
-    return (React__default['default'].createElement("div", { className: classNames__default['default'](className, "__wab_img-wrapper"), ref: outerRef, style: wrapperStyle },
-        React__default['default'].createElement("img", { alt: "", "aria-hidden": true, className: "__wab_img-spacer-svg", src: "data:image/svg+xml;base64,".concat(spacerSvgBase64), style: spacerStyle }),
+    return (React.createElement("div", { className: classNames$1(className, "__wab_img-wrapper"), ref: outerRef, style: wrapperStyle },
+        React.createElement("img", { alt: "", "aria-hidden": true, className: "__wab_img-spacer-svg", src: "data:image/svg+xml;base64,".concat(spacerSvgBase64), style: spacerStyle }),
         makePicture({
             imageLoader: imageLoader,
             widthDescs: widthDescs,
@@ -1251,8 +1241,8 @@ function makePicture(opts) {
     // <img />.  Else it will render to a <picture> with a <source> for
     // webp, and srcSet/sizes set according to width requirements.
     var imageLoader = opts.imageLoader, widthDescs = opts.widthDescs, src = opts.src, quality = opts.quality, style = opts.style, className = opts.className, sizes = opts.sizes, imgProps = opts.imgProps, ref = opts.ref;
-    return (React__default['default'].createElement("picture", { className: "__wab_picture" },
-        imageLoader && imageLoader.supportsUrl(src) && (React__default['default'].createElement("source", { type: "image/webp", srcSet: widthDescs
+    return (React.createElement("picture", { className: "__wab_picture" },
+        imageLoader && imageLoader.supportsUrl(src) && (React.createElement("source", { type: "image/webp", srcSet: widthDescs
                 .map(function (wd) {
                 return "".concat(imageLoader.transformUrl({
                     src: src,
@@ -1262,7 +1252,7 @@ function makePicture(opts) {
                 }), " ").concat(wd.desc);
             })
                 .join(", ") })),
-        React__default['default'].createElement("img", __assign({}, imgProps, { ref: ref, className: className, decoding: "async", src: imageLoader && imageLoader.supportsUrl(src)
+        React.createElement("img", __assign({}, imgProps, { ref: ref, className: className, decoding: "async", src: imageLoader && imageLoader.supportsUrl(src)
                 ? imageLoader.transformUrl({
                     src: src,
                     quality: quality,
@@ -1410,20 +1400,20 @@ var PLASMIC_IMAGE_LOADER = {
     },
 };
 
-var PlasmicLink = React__default['default'].forwardRef(function PlasmicLink(props, ref) {
+var PlasmicLink = React.forwardRef(function PlasmicLink(props, ref) {
     var _a;
     // The usePlasmicLinkMaybe function may be undefined, if host is not up-to-date
     var Link = (_a = host.usePlasmicLinkMaybe === null || host.usePlasmicLinkMaybe === void 0 ? void 0 : host.usePlasmicLinkMaybe()) !== null && _a !== void 0 ? _a : PlasmicLinkInternal;
     if (Link === PlasmicLink || Link === PlasmicLinkInternal) {
         // Just in case, break the cycle
-        return React__default['default'].createElement(PlasmicLinkInternal, __assign({}, props, { ref: ref }));
+        return React.createElement(PlasmicLinkInternal, __assign({}, props, { ref: ref }));
     }
     else {
         // Don't pass component/platform props to non-PlasmicLinkInternal
-        return React__default['default'].createElement(Link, __assign({}, omit(props, "component", "platform"), { ref: ref }));
+        return React.createElement(Link, __assign({}, omit(props, "component", "platform"), { ref: ref }));
     }
 });
-var PlasmicLinkInternal = React__default['default'].forwardRef(function PlasmicLinkInternal(props, ref) {
+var PlasmicLinkInternal = React.forwardRef(function PlasmicLinkInternal(props, ref) {
     var _a;
     // props.href is required for nextjs; if no props.href,
     // then we just render the default anchor element
@@ -1440,23 +1430,23 @@ var PlasmicLinkInternal = React__default['default'].forwardRef(function PlasmicL
         // If this is a fragment identifier link, then we set
         // scroll={false} so that smooth scrolling works
         var isFragment = (_a = props.href) === null || _a === void 0 ? void 0 : _a.startsWith("#");
-        return React__default['default'].createElement(props.component, __assign(__assign({ scroll: !isFragment }, 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 })));
+        return React.createElement(props.component, __assign(__assign({ scroll: !isFragment }, pick.apply(void 0, __spreadArray([props], __read(nextjsProps), false))), { legacyBehavior: true }), React.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, __assign(__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref }));
+        return React.createElement(props.component, __assign(__assign({}, omit(props, "component", "platform", "href")), { to: props.href, ref: ref }));
     }
-    return React__default['default'].createElement("a", __assign({}, omit(props, "component", "platform"), { ref: ref }));
+    return React.createElement("a", __assign({}, omit(props, "component", "platform"), { ref: ref }));
 });
 function isInternalHref(href) {
     return /^\/(?!\/)/.test(href);
 }
 
-var PlasmicTranslatorContext = React__default['default'].createContext(undefined);
+var PlasmicTranslatorContext = React.createContext(undefined);
 function isIterable(val) {
     return val != null && typeof val[Symbol.iterator] === "function";
 }
 function usePlasmicTranslator() {
-    var _t = React__default['default'].useContext(PlasmicTranslatorContext);
+    var _t = React.useContext(PlasmicTranslatorContext);
     var translator = _t
         ? typeof _t === "function"
             ? _t
@@ -1491,18 +1481,18 @@ function genTranslatableString(elt, opts) {
             node.props.children) ||
             (hasKey(node, "children") && node.children) ||
             [];
-        var contents = "".concat(React__default['default'].Children.toArray(nodeChildren)
+        var contents = "".concat(React.Children.toArray(nodeChildren)
             .map(function (child) { return getText(child); })
             .filter(function (child) { return !!child; })
             .join(""));
-        if (React__default['default'].isValidElement(node) && node.type === React__default['default'].Fragment) {
+        if (React.isValidElement(node) && node.type === React.Fragment) {
             return contents;
         }
         var prefix = (_a = opts === null || opts === void 0 ? void 0 : opts.tagPrefix) !== null && _a !== void 0 ? _a : "";
         var componentId = "".concat(prefix).concat(componentsCount + 1);
         componentsCount++;
-        components[componentId] = React__default['default'].isValidElement(node)
-            ? React__default['default'].cloneElement(node, {
+        components[componentId] = React.isValidElement(node)
+            ? React.cloneElement(node, {
                 key: componentId,
                 children: undefined,
             })
@@ -1518,7 +1508,7 @@ function genTranslatableString(elt, opts) {
 }
 function Trans(_a) {
     var transKey = _a.transKey, children = _a.children;
-    var _t = React__default['default'].useContext(PlasmicTranslatorContext);
+    var _t = React.useContext(PlasmicTranslatorContext);
     var translator = _t
         ? typeof _t === "function"
             ? _t
@@ -1614,7 +1604,7 @@ function recalculateScreenVariants() {
     if (!curScreenVariants ||
         screenVariant.join("") !== curScreenVariants.join("")) {
         curScreenVariants = screenVariant;
-        ReactDOM__default['default'].unstable_batchedUpdates(function () {
+        ReactDOM.unstable_batchedUpdates(function () {
             return listeners.forEach(function (listener) { return listener(); });
         });
     }
@@ -2025,8 +2015,8 @@ function tryGetStateCellFrom$StateRoot($state, path) {
     if (path.length === 0) {
         throw new UnknownError("expected a path with length greater than 0");
     }
-    var target = get__default['default']($state, path.slice(0, -1));
-    get__default['default'](target, path.slice(-1)); // create state cell;
+    var target = get($state, path.slice(0, -1));
+    get(target, path.slice(-1)); // create state cell;
     return getStateCell(target, path.slice(-1)[0]);
 }
 function getStateCellFrom$StateRoot($state, path) {
@@ -2034,7 +2024,7 @@ function getStateCellFrom$StateRoot($state, path) {
 }
 function unsubscribeToValtio($$state, statePath) {
     var _a;
-    var oldValue = get__default['default']($$state.stateValues, statePath);
+    var oldValue = get($$state.stateValues, statePath);
     if (valtio.getVersion(oldValue)) {
         (_a = valtioSubscriptions.get(oldValue)) === null || _a === void 0 ? void 0 : _a.forEach(function (f) { return f(); });
         valtioSubscriptions.delete(oldValue);
@@ -2044,7 +2034,7 @@ function subscribeToValtio($$state, statePath, node) {
     var spec = node.getSpec();
     var maybeValtioProxy = spec.valueProp
         ? $$state.env.$props[spec.valueProp]
-        : get__default['default']($$state.stateValues, statePath);
+        : get($$state.stateValues, statePath);
     if (valtio.getVersion(maybeValtioProxy) &&
         (spec.onChangeProp || (spec.onMutate && node.isLeaf()))) {
         var unsub = valtio.subscribe(maybeValtioProxy, function () {
@@ -2054,7 +2044,7 @@ function subscribeToValtio($$state, statePath, node) {
             }
             (_b = (_a = $$state.env.$props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a, spec.valueProp
                 ? $$state.env.$props[spec.valueProp]
-                : get__default['default']($$state.stateValues, statePath));
+                : get($$state.stateValues, statePath));
         });
         if (!valtioSubscriptions.has(maybeValtioProxy)) {
             valtioSubscriptions.set(maybeValtioProxy, []);
@@ -2094,7 +2084,7 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
             else if (spec.initFunc && stateCell.initialValue === UNINITIALIZED) {
                 return initializeStateValue($$state, stateCell, proxyRoot);
             }
-            return get__default['default'](proxyRoot, stateCell.path);
+            return get(proxyRoot, stateCell.path);
         },
         set: function () {
             throw new InvalidOperation("Cannot update state values during initialization");
@@ -2109,11 +2099,11 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         });
     });
     var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
-    initialStateCell.initialValue = clone__default['default'](initialValue);
+    initialStateCell.initialValue = clone(initialValue);
     var initialSpec = initialStateCell.node.getSpec();
     var value = initialSpec.isImmutable
         ? mkUntrackedValue(initialValue)
-        : clone__default['default'](initialValue);
+        : clone(initialValue);
     set(proxyRoot, initialStateCell.path, value);
     //immediately fire onChange
     if (initialSpec.onChangeProp) {
@@ -2138,12 +2128,12 @@ function create$StateProxy($$state, leafHandlers) {
                     !isNum$1(property)) {
                     throw new InvalidOperation("Can't delete a property in the middle of the state spec");
                 }
-                delete get__default['default']($$state.stateValues, currPath)[property];
+                delete get($$state.stateValues, currPath)[property];
                 if (spec.onChangeProp) {
                     //we are always in a leaf, since we only have two cases:
                     // 1 - delete properties outside the state tree
                     // 2 - delete indices in repeated implicit states, but these can't be exposed, so they don't have onChangeProp
-                    (_b = (_a = $$state.env.$props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a, get__default['default'](proxyRoot, currPath.slice(spec.pathObj.length)));
+                    (_b = (_a = $$state.env.$props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a, get(proxyRoot, currPath.slice(spec.pathObj.length)));
                 }
                 return Reflect.deleteProperty(target, property);
             },
@@ -2279,7 +2269,7 @@ function useDollarState(specs) {
         rest[_i - 1] = arguments[_i];
     }
     var _a = extractDollarStateParametersBackwardCompatible.apply(void 0, __spreadArray([], __read(rest), false)), env = _a.env, opts = _a.opts;
-    var $$state = React__default['default'].useRef((function () {
+    var $$state = React.useRef((function () {
         var rootSpecTree = buildTree(specs);
         return {
             rootSpecTree: rootSpecTree,
@@ -2293,7 +2283,7 @@ function useDollarState(specs) {
     })()).current;
     $$state.env = envFieldsAreNonNill(env);
     $$state.specs = specs;
-    var create$State = React__default['default'].useCallback(function () {
+    var create$State = React.useCallback(function () {
         var $state = Object.assign(create$StateProxy($$state, function (stateCell) {
             var spec = stateCell.node.getSpec();
             if (stateCell.initialValue === UNINITIALIZED && spec.initFunc) {
@@ -2313,7 +2303,7 @@ function useDollarState(specs) {
                         return valueProp;
                     }
                     else {
-                        return get__default['default']($$state.stateValues, stateCell.path);
+                        return get($$state.stateValues, stateCell.path);
                     }
                 },
             };
@@ -2324,7 +2314,7 @@ function useDollarState(specs) {
                 var env = overrideEnv
                     ? envFieldsAreNonNill(overrideEnv)
                     : $$state.env;
-                if (!deepEqual__default['default'](stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
+                if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
                     $$state.registrationsQueue.push(mkUntrackedValue({
                         node: node,
                         path: realPath,
@@ -2338,7 +2328,7 @@ function useDollarState(specs) {
         });
         return $state;
     }, []);
-    var ref = React__default['default'].useRef(undefined);
+    var ref = React.useRef(undefined);
     if (!ref.current) {
         ref.current = create$State();
     }
@@ -2354,7 +2344,7 @@ function useDollarState(specs) {
                 var path = _a.path;
                 var oldStateCell = tryGetStateCellFrom$StateRoot(old$state_1, path);
                 if (oldStateCell) {
-                    set($state, path, get__default['default'](old$state_1, path));
+                    set($state, path, get(old$state_1, path));
                     var newStateCell = getStateCellFrom$StateRoot($state, path);
                     newStateCell.initialValue = oldStateCell.initialValue;
                 }
@@ -2391,7 +2381,7 @@ function useDollarState(specs) {
         var _a;
         if (stateCell.initFunc) {
             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)) {
+            if (!deepEqual(newInit, stateCell.initialValue)) {
                 resetSpecs.push({ stateCell: stateCell });
             }
         }
@@ -2501,7 +2491,7 @@ function generateStateOnChangePropForCodeComponents($state, stateName, plasmicSt
     };
 }
 function generateStateValueProp($state, path) {
-    return get__default['default']($state, path);
+    return get($state, path);
 }
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 function isPlasmicStateProxy(obj) {
@@ -2561,7 +2551,7 @@ function getStateCellsInPlasmicProxy(obj) {
     }); });
 }
 function getStateSpecInPlasmicProxy(obj, path) {
-    obj = get__default['default'](obj, path.slice(0, path.length - 1));
+    obj = get(obj, path.slice(0, path.length - 1));
     if (!isPlasmicStateProxy(obj)) {
         return undefined;
     }
@@ -2658,7 +2648,7 @@ function assignValue(object, key, value) {
 }
 
 // Utilities used by generated code
-var classNames = classNames__default['default'];
+var classNames = classNames$1;
 
 var PLUME_STRICT_MODE = true;
 function setPlumeStrictMode(mode) {
@@ -2885,16 +2875,16 @@ function deriveItemsFromItemsProp(items, opts) {
     var transform = function (item) {
         var _a;
         if (typeof item === "string") {
-            return (React__default['default'].createElement(ItemComponent, { key: item, value: item }, item));
+            return (React.createElement(ItemComponent, { key: item, value: item }, item));
         }
         else if ("children" in item) {
-            return (React__default['default'].createElement(SectionComponent, { key: item.title, title: item.title }, item.children.map(function (x) { return transform(x); })));
+            return (React.createElement(SectionComponent, { key: item.title, title: item.title }, item.children.map(function (x) { return transform(x); })));
         }
         else {
             if (item.isDisabled) {
                 disabledKeys.push(item.value);
             }
-            return (React__default['default'].createElement(ItemComponent, { key: item.value, value: item.value, textValue: item.textValue, isDisabled: item.isDisabled }, (_a = item.label) !== null && _a !== void 0 ? _a : item.value));
+            return (React.createElement(ItemComponent, { key: item.value, value: item.value, textValue: item.textValue, isDisabled: item.isDisabled }, (_a = item.label) !== null && _a !== void 0 ? _a : item.value));
         }
     };
     return {
@@ -2942,8 +2932,8 @@ function deriveItemsFromChildren(children, opts) {
     var flattenedChildren = function (children) {
         return toChildArray(children).flatMap(function (child) {
             var _a;
-            if (React__default['default'].isValidElement(child)) {
-                if (child.type === React__default['default'].Fragment) {
+            if (React.isValidElement(child)) {
+                if (child.type === React.Fragment) {
                     return flattenedChildren(child.props
                         .children);
                 }
@@ -2981,7 +2971,7 @@ function useDerivedItems(props, opts) {
     var children = props.children;
     var itemPlumeType = opts.itemPlumeType, sectionPlumeType = opts.sectionPlumeType, invalidChildError = opts.invalidChildError, requireItemValue = opts.requireItemValue, ItemComponent = opts.ItemComponent, SectionComponent = opts.SectionComponent, itemsProp = opts.itemsProp;
     var items = itemsProp ? props[itemsProp] : undefined;
-    return React__default['default'].useMemo(function () {
+    return React.useMemo(function () {
         return deriveItemsFromProps(props, {
             itemPlumeType: itemPlumeType,
             sectionPlumeType: sectionPlumeType,
@@ -3004,7 +2994,7 @@ function useDerivedItems(props, opts) {
 }
 function useDerivedItemsFromChildren(children, opts) {
     var itemPlumeType = opts.itemPlumeType, sectionPlumeType = opts.sectionPlumeType, invalidChildError = opts.invalidChildError, requireItemValue = opts.requireItemValue;
-    return React__default['default'].useMemo(function () {
+    return React.useMemo(function () {
         return deriveItemsFromChildren(children, {
             itemPlumeType: itemPlumeType,
             sectionPlumeType: sectionPlumeType,
@@ -3045,7 +3035,7 @@ function renderAsCollectionChild(child, opts) {
         // or textValue from it if it is a string
         var content = getChildProp(option, "children");
         // The children render prop needs to return an <Item/>
-        return (React__default['default'].createElement(collections.Item
+        return (React.createElement(collections.Item
         // We use ItemLike.value if the user explicitly specified a value,
         // and we fallback to key.  If the user specified neither, then
         // the Collections API will generate a unique key for this item.
@@ -3064,7 +3054,7 @@ function renderAsCollectionChild(child, opts) {
     }
     else {
         var group = child;
-        return (React__default['default'].createElement(collections.Section
+        return (React.createElement(collections.Section
         // Note that we are using the whole section-like element as the title
         // here, and not group.props.title; we want the entire section-like
         // Plume element to end up as Node.rendered.
@@ -3100,9 +3090,9 @@ 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, __assign({ componentProps: __assign(__assign({}, child.props.componentProps), props) }, (props.key ? { key: props.key } : {})));
+        return React.cloneElement(child, __assign({ componentProps: __assign(__assign({}, child.props.componentProps), props) }, (props.key ? { key: props.key } : {})));
     }
-    return React__default['default'].cloneElement(child, props);
+    return React.cloneElement(child, props);
 }
 
 var TriggeredOverlayContext = React__namespace.createContext(undefined);
@@ -3861,22 +3851,13 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
 
 Object.defineProperty(exports, 'PlasmicDataSourceContextProvider', {
     enumerable: true,
-    get: function () {
-        return dataSourcesContext.PlasmicDataSourceContextProvider;
-    }
+    get: function () { return dataSourcesContext.PlasmicDataSourceContextProvider; }
 });
 Object.defineProperty(exports, 'useCurrentUser', {
     enumerable: true,
-    get: function () {
-        return dataSourcesContext.useCurrentUser;
-    }
-});
-Object.defineProperty(exports, 'get', {
-    enumerable: true,
-    get: function () {
-        return get__default['default'];
-    }
+    get: function () { return dataSourcesContext.useCurrentUser; }
 });
+exports.get = get;
 exports.DropdownMenu = DropdownMenu;
 exports.PlasmicHead = PlasmicHead;
 exports.PlasmicIcon = PlasmicIcon;