@plasmicapp/react-web 0.2.109 → 0.2.112

package/skinny/dist/react-utils-6050fadc.js

@@ -0,0 +1,201 @@
+import { c as __values, a as __spreadArray, b as __read, _ as __assign } from './common-9efbae57.js';
+import classNames from 'classnames';
+import React__default from 'react';
+
+var isBrowser = typeof window !== "undefined";
+var NONE = Symbol("NONE");
+var useIsomorphicLayoutEffect = isBrowser
+    ? React__default.useLayoutEffect
+    : React__default.useEffect;
+function createElementWithChildren(elementType, props, children) {
+    if (Array.isArray(children)) {
+        return React__default.createElement.apply(React__default, __spreadArray([elementType,
+            props], __read(children)));
+    }
+    else if (children || "children" in props) {
+        // Only call React.createElement with `children` if there are actual children,
+        // or if there was an explicit (albeit undefined) children passed via
+        // props.  Otherwise, if you pass `undefined` as the children argument
+        // to React.createElement, the created element will have prop {children: undefined}.
+        // 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.createElement(elementType, props, children);
+    }
+    else {
+        return React__default.createElement(elementType, props);
+    }
+}
+function ensureNotArray(children) {
+    if (Array.isArray(children)) {
+        if (children.length === 1) {
+            return children[0];
+        }
+        else {
+            return React__default.createElement.apply(React__default, __spreadArray([React__default.Fragment, {}], __read(children)));
+        }
+    }
+    else {
+        return children;
+    }
+}
+/**
+ * Flattens ReactNode into an array of ReactChild, but does NOT replace
+ * missing keys with array index, as React.Children.toArray() does.
+ */
+function toChildArray(children) {
+    if (isReactChild(children)) {
+        return [children];
+    }
+    else if (Array.isArray(children)) {
+        return children.flatMap(toChildArray);
+    }
+    else {
+        return [];
+    }
+}
+function isReactText(child) {
+    return typeof child === "string" || typeof child === "number";
+}
+function isReactChild(child) {
+    return React__default.isValidElement(child) || isReactText(child);
+}
+function isReactNode(x) {
+    return (typeof x === "string" || typeof x === "number" || React__default.isValidElement(x));
+}
+function mergeProps(props) {
+    var e_1, _a, e_2, _b;
+    var restProps = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        restProps[_i - 1] = arguments[_i];
+    }
+    if (restProps.every(function (rest) { return Object.keys(rest).length === 0; })) {
+        return props;
+    }
+    var result = __assign({}, props);
+    try {
+        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, __values(Object.keys(rest))), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var key = _d.value;
+                    result[key] = mergePropVals(key, result[key], rest[key]);
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_b = _c["return"])) _b.call(_c);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (restProps_1_1 && !restProps_1_1.done && (_a = restProps_1["return"])) _a.call(restProps_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return result;
+}
+function updateRef(ref, value) {
+    if (!ref) {
+        return;
+    }
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else {
+        if (!Object.isFrozen(ref)) {
+            ref.current = value;
+        }
+    }
+}
+function mergeRefs() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return function (value) {
+        var e_3, _a;
+        try {
+            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);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (refs_1_1 && !refs_1_1.done && (_a = refs_1["return"])) _a.call(refs_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+    };
+}
+function mergePropVals(name, val1, val2) {
+    if (val1 === NONE || val2 === NONE) {
+        // The NONE sentinel always skips all merging and returns null
+        return null;
+    }
+    else if (val1 == null) {
+        // If either of them is nil, prefer the other
+        return val2;
+    }
+    else if (val2 == null) {
+        return val1;
+    }
+    else if (name === "className") {
+        // Special case for className -- always combine both class names
+        return classNames(val1, val2);
+    }
+    else if (name === "style") {
+        // Special case for style -- always shallow-merge style dicts
+        return __assign(__assign({}, val1), val2);
+    }
+    else if (name === "ref") {
+        // Special case for ref
+        return mergeRefs(val1, val2);
+    }
+    else if (typeof val1 !== typeof val2) {
+        // If the type of the two values are different, then no way to merge them.
+        // Prefer val2.
+        return val2;
+    }
+    else if (name.startsWith("on") && typeof val1 === "function") {
+        // Special case for event handlers -- always call both handlers
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var res;
+            if (typeof val1 === "function") {
+                res = val1.apply(void 0, __spreadArray([], __read(args)));
+            }
+            if (typeof val2 === "function") {
+                res = val2.apply(void 0, __spreadArray([], __read(args)));
+            }
+            return res;
+        };
+    }
+    else {
+        // For all else, prefer val2
+        return val2;
+    }
+}
+function getElementTypeName(element) {
+    var _a, _b, _c, _d;
+    if (typeof element.type === "string") {
+        return element.type;
+    }
+    else {
+        var comp = element.type;
+        return (_d = (_b = (_a = comp.displayName) !== null && _a !== void 0 ? _a : comp.name) !== null && _b !== void 0 ? _b : (_c = comp.render) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : "Component";
+    }
+}
+
+export { NONE as N, mergePropVals as a, isBrowser as b, createElementWithChildren as c, mergeRefs as d, ensureNotArray as e, getElementTypeName as g, isReactNode as i, mergeProps as m, toChildArray as t, useIsomorphicLayoutEffect as u };
+//# sourceMappingURL=react-utils-6050fadc.js.map

package/skinny/dist/react-utils-6050fadc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-utils-6050fadc.js","sources":["../../src/react-utils.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React from \"react\";\n\nexport const isBrowser = typeof window !== \"undefined\";\nexport const NONE = Symbol(\"NONE\");\n\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function createElementWithChildren(\n  elementType: any,\n  props: any,\n  children: React.ReactNode\n) {\n  if (Array.isArray(children)) {\n    return React.createElement(\n      elementType,\n      props,\n      ...children\n    ) as React.ReactElement;\n  } else if (children || \"children\" in props) {\n    // Only call React.createElement with `children` if there are actual children,\n    // or if there was an explicit (albeit undefined) children passed via\n    // props.  Otherwise, if you pass `undefined` as the children argument\n    // to React.createElement, the created element will have prop {children: undefined}.\n    // If the `root` is an PlasmicGeneratedComponent, and these props with {children: undefined}\n    // are used, then it will be taken as a `children` override, and will thus blank out\n    // everything under the root node.\n    return React.createElement(elementType, props, children);\n  } else {\n    return React.createElement(elementType, props);\n  }\n}\n\nexport function ensureNotArray(children: React.ReactNode) {\n  if (Array.isArray(children)) {\n    if (children.length === 1) {\n      return children[0];\n    } else {\n      return React.createElement(React.Fragment, {}, ...children);\n    }\n  } else {\n    return children;\n  }\n}\n\n/**\n * Flattens ReactNode into an array of ReactChild, but does NOT replace\n * missing keys with array index, as React.Children.toArray() does.\n */\nexport function toChildArray(children: React.ReactNode): React.ReactChild[] {\n  if (isReactChild(children)) {\n    return [children];\n  } else if (Array.isArray(children)) {\n    return children.flatMap(toChildArray);\n  } else {\n    return [];\n  }\n}\n\nexport function isReactText(child: React.ReactNode): child is React.ReactText {\n  return typeof child === \"string\" || typeof child === \"number\";\n}\n\nexport function isReactChild(\n  child: React.ReactNode\n): child is React.ReactChild {\n  return React.isValidElement(child) || isReactText(child);\n}\n\nexport function isReactFragment(\n  child: React.ReactNode\n): child is React.ReactElement {\n  return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport function isReactNode(x: any) {\n  return (\n    typeof x === \"string\" || typeof x === \"number\" || React.isValidElement(x)\n  );\n}\n\n// From https://stackoverflow.com/questions/54775790/forcing-excess-property-checking-on-variable-passed-to-typescript-function\n// We also wrap the error message in a Partial<> because otherwise Jetbrains IDEs will autocomplete the component with all the string methods as props - see https://github.com/plasmicapp/plasmic/issues/16.\nexport type StrictProps<T, TExpected> = Exclude<\n  keyof T,\n  keyof TExpected\n> extends never\n  ? {}\n  : Partial<\"Unexpected extraneous props\">;\n\nexport type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<\n  React.ComponentProps<T>[\"ref\"],\n  string\n>;\n\nexport function mergeProps(\n  props: Record<string, any>,\n  ...restProps: Record<string, any>[]\n): Record<string, any> {\n  if (restProps.every((rest) => Object.keys(rest).length === 0)) {\n    return props;\n  }\n\n  const result = { ...props };\n\n  for (const rest of restProps) {\n    for (const key of Object.keys(rest)) {\n      result[key] = mergePropVals(key, result[key], rest[key]);\n    }\n  }\n\n  return result;\n}\n\nfunction updateRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else {\n    if (!Object.isFrozen(ref)) {\n      (ref as React.MutableRefObject<T | null>).current = value;\n    }\n  }\n}\n\nexport function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (value: T) => {\n    for (const ref of refs) {\n      updateRef(ref, value);\n    }\n  };\n}\n\nexport function mergePropVals(name: string, val1: any, val2: any): any {\n  if (val1 === NONE || val2 === NONE) {\n    // The NONE sentinel always skips all merging and returns null\n    return null;\n  } else if (val1 == null) {\n    // If either of them is nil, prefer the other\n    return val2;\n  } else if (val2 == null) {\n    return val1;\n  } else if (name === \"className\") {\n    // Special case for className -- always combine both class names\n    return classNames(val1, val2);\n  } else if (name === \"style\") {\n    // Special case for style -- always shallow-merge style dicts\n    return { ...val1, ...val2 };\n  } else if (name === \"ref\") {\n    // Special case for ref\n    return mergeRefs(val1, val2);\n  } else if (typeof val1 !== typeof val2) {\n    // If the type of the two values are different, then no way to merge them.\n    // Prefer val2.\n    return val2;\n  } else if (name.startsWith(\"on\") && typeof val1 === \"function\") {\n    // Special case for event handlers -- always call both handlers\n    return (...args: any[]) => {\n      let res: any;\n      if (typeof val1 === \"function\") {\n        res = val1(...args);\n      }\n      if (typeof val2 === \"function\") {\n        res = val2(...args);\n      }\n      return res;\n    };\n  } else {\n    // For all else, prefer val2\n    return val2;\n  }\n}\n\nexport function getElementTypeName(element: React.ReactElement) {\n  if (typeof element.type === \"string\") {\n    return element.type;\n  } else {\n    const comp = element.type as any;\n    return comp.displayName ?? comp.name ?? comp.render?.name ?? \"Component\";\n  }\n}\n"],"names":["React"],"mappings":"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"}

package/skinny/dist/react-utils-b5dc6320.js

@@ -0,0 +1,155 @@
+import classNames from 'classnames';
+import React__default from 'react';
+
+const isBrowser = typeof window !== "undefined";
+const NONE = Symbol("NONE");
+const useIsomorphicLayoutEffect = isBrowser
+    ? React__default.useLayoutEffect
+    : React__default.useEffect;
+function createElementWithChildren(elementType, props, children) {
+    if (Array.isArray(children)) {
+        return React__default.createElement(elementType, props, ...children);
+    }
+    else if (children || "children" in props) {
+        // Only call React.createElement with `children` if there are actual children,
+        // or if there was an explicit (albeit undefined) children passed via
+        // props.  Otherwise, if you pass `undefined` as the children argument
+        // to React.createElement, the created element will have prop {children: undefined}.
+        // 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.createElement(elementType, props, children);
+    }
+    else {
+        return React__default.createElement(elementType, props);
+    }
+}
+function ensureNotArray(children) {
+    if (Array.isArray(children)) {
+        if (children.length === 1) {
+            return children[0];
+        }
+        else {
+            return React__default.createElement(React__default.Fragment, {}, ...children);
+        }
+    }
+    else {
+        return children;
+    }
+}
+/**
+ * Flattens ReactNode into an array of ReactChild, but does NOT replace
+ * missing keys with array index, as React.Children.toArray() does.
+ */
+function toChildArray(children) {
+    if (isReactChild(children)) {
+        return [children];
+    }
+    else if (Array.isArray(children)) {
+        return children.flatMap(toChildArray);
+    }
+    else {
+        return [];
+    }
+}
+function isReactText(child) {
+    return typeof child === "string" || typeof child === "number";
+}
+function isReactChild(child) {
+    return React__default.isValidElement(child) || isReactText(child);
+}
+function isReactNode(x) {
+    return (typeof x === "string" || typeof x === "number" || React__default.isValidElement(x));
+}
+function mergeProps(props, ...restProps) {
+    if (restProps.every((rest) => Object.keys(rest).length === 0)) {
+        return props;
+    }
+    const result = { ...props };
+    for (const rest of restProps) {
+        for (const key of Object.keys(rest)) {
+            result[key] = mergePropVals(key, result[key], rest[key]);
+        }
+    }
+    return result;
+}
+function updateRef(ref, value) {
+    if (!ref) {
+        return;
+    }
+    if (typeof ref === "function") {
+        ref(value);
+    }
+    else {
+        if (!Object.isFrozen(ref)) {
+            ref.current = value;
+        }
+    }
+}
+function mergeRefs(...refs) {
+    return (value) => {
+        for (const ref of refs) {
+            updateRef(ref, value);
+        }
+    };
+}
+function mergePropVals(name, val1, val2) {
+    if (val1 === NONE || val2 === NONE) {
+        // The NONE sentinel always skips all merging and returns null
+        return null;
+    }
+    else if (val1 == null) {
+        // If either of them is nil, prefer the other
+        return val2;
+    }
+    else if (val2 == null) {
+        return val1;
+    }
+    else if (name === "className") {
+        // Special case for className -- always combine both class names
+        return classNames(val1, val2);
+    }
+    else if (name === "style") {
+        // Special case for style -- always shallow-merge style dicts
+        return { ...val1, ...val2 };
+    }
+    else if (name === "ref") {
+        // Special case for ref
+        return mergeRefs(val1, val2);
+    }
+    else if (typeof val1 !== typeof val2) {
+        // If the type of the two values are different, then no way to merge them.
+        // Prefer val2.
+        return val2;
+    }
+    else if (name.startsWith("on") && typeof val1 === "function") {
+        // Special case for event handlers -- always call both handlers
+        return (...args) => {
+            let res;
+            if (typeof val1 === "function") {
+                res = val1(...args);
+            }
+            if (typeof val2 === "function") {
+                res = val2(...args);
+            }
+            return res;
+        };
+    }
+    else {
+        // For all else, prefer val2
+        return val2;
+    }
+}
+function getElementTypeName(element) {
+    var _a, _b, _c, _d;
+    if (typeof element.type === "string") {
+        return element.type;
+    }
+    else {
+        const comp = element.type;
+        return (_d = (_b = (_a = comp.displayName) !== null && _a !== void 0 ? _a : comp.name) !== null && _b !== void 0 ? _b : (_c = comp.render) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : "Component";
+    }
+}
+
+export { NONE as N, mergePropVals as a, isBrowser as b, createElementWithChildren as c, mergeRefs as d, ensureNotArray as e, getElementTypeName as g, isReactNode as i, mergeProps as m, toChildArray as t, useIsomorphicLayoutEffect as u };
+//# sourceMappingURL=react-utils-b5dc6320.js.map

package/skinny/dist/react-utils-b5dc6320.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-utils-b5dc6320.js","sources":["../../src/react-utils.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React from \"react\";\n\nexport const isBrowser = typeof window !== \"undefined\";\nexport const NONE = Symbol(\"NONE\");\n\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function createElementWithChildren(\n  elementType: any,\n  props: any,\n  children: React.ReactNode\n) {\n  if (Array.isArray(children)) {\n    return React.createElement(\n      elementType,\n      props,\n      ...children\n    ) as React.ReactElement;\n  } else if (children || \"children\" in props) {\n    // Only call React.createElement with `children` if there are actual children,\n    // or if there was an explicit (albeit undefined) children passed via\n    // props.  Otherwise, if you pass `undefined` as the children argument\n    // to React.createElement, the created element will have prop {children: undefined}.\n    // If the `root` is an PlasmicGeneratedComponent, and these props with {children: undefined}\n    // are used, then it will be taken as a `children` override, and will thus blank out\n    // everything under the root node.\n    return React.createElement(elementType, props, children);\n  } else {\n    return React.createElement(elementType, props);\n  }\n}\n\nexport function ensureNotArray(children: React.ReactNode) {\n  if (Array.isArray(children)) {\n    if (children.length === 1) {\n      return children[0];\n    } else {\n      return React.createElement(React.Fragment, {}, ...children);\n    }\n  } else {\n    return children;\n  }\n}\n\n/**\n * Flattens ReactNode into an array of ReactChild, but does NOT replace\n * missing keys with array index, as React.Children.toArray() does.\n */\nexport function toChildArray(children: React.ReactNode): React.ReactChild[] {\n  if (isReactChild(children)) {\n    return [children];\n  } else if (Array.isArray(children)) {\n    return children.flatMap(toChildArray);\n  } else {\n    return [];\n  }\n}\n\nexport function isReactText(child: React.ReactNode): child is React.ReactText {\n  return typeof child === \"string\" || typeof child === \"number\";\n}\n\nexport function isReactChild(\n  child: React.ReactNode\n): child is React.ReactChild {\n  return React.isValidElement(child) || isReactText(child);\n}\n\nexport function isReactFragment(\n  child: React.ReactNode\n): child is React.ReactElement {\n  return React.isValidElement(child) && child.type === React.Fragment;\n}\n\nexport function isReactNode(x: any) {\n  return (\n    typeof x === \"string\" || typeof x === \"number\" || React.isValidElement(x)\n  );\n}\n\n// From https://stackoverflow.com/questions/54775790/forcing-excess-property-checking-on-variable-passed-to-typescript-function\n// We also wrap the error message in a Partial<> because otherwise Jetbrains IDEs will autocomplete the component with all the string methods as props - see https://github.com/plasmicapp/plasmic/issues/16.\nexport type StrictProps<T, TExpected> = Exclude<\n  keyof T,\n  keyof TExpected\n> extends never\n  ? {}\n  : Partial<\"Unexpected extraneous props\">;\n\nexport type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<\n  React.ComponentProps<T>[\"ref\"],\n  string\n>;\n\nexport function mergeProps(\n  props: Record<string, any>,\n  ...restProps: Record<string, any>[]\n): Record<string, any> {\n  if (restProps.every((rest) => Object.keys(rest).length === 0)) {\n    return props;\n  }\n\n  const result = { ...props };\n\n  for (const rest of restProps) {\n    for (const key of Object.keys(rest)) {\n      result[key] = mergePropVals(key, result[key], rest[key]);\n    }\n  }\n\n  return result;\n}\n\nfunction updateRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else {\n    if (!Object.isFrozen(ref)) {\n      (ref as React.MutableRefObject<T | null>).current = value;\n    }\n  }\n}\n\nexport function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]) {\n  return (value: T) => {\n    for (const ref of refs) {\n      updateRef(ref, value);\n    }\n  };\n}\n\nexport function mergePropVals(name: string, val1: any, val2: any): any {\n  if (val1 === NONE || val2 === NONE) {\n    // The NONE sentinel always skips all merging and returns null\n    return null;\n  } else if (val1 == null) {\n    // If either of them is nil, prefer the other\n    return val2;\n  } else if (val2 == null) {\n    return val1;\n  } else if (name === \"className\") {\n    // Special case for className -- always combine both class names\n    return classNames(val1, val2);\n  } else if (name === \"style\") {\n    // Special case for style -- always shallow-merge style dicts\n    return { ...val1, ...val2 };\n  } else if (name === \"ref\") {\n    // Special case for ref\n    return mergeRefs(val1, val2);\n  } else if (typeof val1 !== typeof val2) {\n    // If the type of the two values are different, then no way to merge them.\n    // Prefer val2.\n    return val2;\n  } else if (name.startsWith(\"on\") && typeof val1 === \"function\") {\n    // Special case for event handlers -- always call both handlers\n    return (...args: any[]) => {\n      let res: any;\n      if (typeof val1 === \"function\") {\n        res = val1(...args);\n      }\n      if (typeof val2 === \"function\") {\n        res = val2(...args);\n      }\n      return res;\n    };\n  } else {\n    // For all else, prefer val2\n    return val2;\n  }\n}\n\nexport function getElementTypeName(element: React.ReactElement) {\n  if (typeof element.type === \"string\") {\n    return element.type;\n  } else {\n    const comp = element.type as any;\n    return comp.displayName ?? comp.name ?? comp.render?.name ?? \"Component\";\n  }\n}\n"],"names":["React"],"mappings":"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"}

package/skinny/dist/render/PlasmicHead/index.js

@@ -8,25 +8,30 @@ function PlasmicHead(props) {
         // TODO: Link to doc about Head.
         return null;
     }
+    // Helmet does not support React.Fragments, so we need to use `[<meta />,
+    // <meta />]` instead of `<><meta /><meta /></>`.
     return (React.createElement(Head, null,
-        props.image ? (React.createElement(React.Fragment, null,
-            React.createElement("meta", { name: "twitter:card", content: "summary_large_image" }),
+        props.image ? ([
+            React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary_large_image" }),
             React.createElement("meta", { key: "og:image", property: "og:image", content: props.image }),
-            React.createElement("meta", { key: "twitter:image", name: "twitter:image", content: props.image }))) : (React.createElement("meta", { name: "twitter:card", content: "summary" })),
-        props.title && (React.createElement(React.Fragment, null,
+            React.createElement("meta", { key: "twitter:image", name: "twitter:image", content: props.image }),
+        ]) : (React.createElement("meta", { key: "twitter:card", name: "twitter:card", content: "summary" })),
+        props.title && [
             React.createElement("title", { key: "title" }, props.title),
             React.createElement("meta", { key: "og:title", property: "og:title", content: props.title }),
-            React.createElement("meta", { key: "twitter:title", property: "twitter:title", content: props.title }))),
-        props.description && (React.createElement(React.Fragment, null,
+            React.createElement("meta", { key: "twitter:title", property: "twitter:title", content: props.title }),
+        ],
+        props.description && [
             React.createElement("meta", { key: "description", name: "description", content: props.description }),
             React.createElement("meta", { key: "og:description", property: "og:description", content: props.description }),
-            React.createElement("meta", { key: "twitter:description", name: "twitter:description", content: props.description }))),
-        props.canonical && React.createElement("link", { ref: "canonical", href: props.canonical })));
+            React.createElement("meta", { key: "twitter:description", name: "twitter:description", content: props.description }),
+        ],
+        props.canonical && (React.createElement("link", { key: "canonical", ref: "canonical", href: props.canonical }))));
 }
 var plasmicHeadMeta = {
     name: "hostless-plasmic-head",
     displayName: "Head",
-    description: "Used to add page metadata to HEAD tag",
+    description: "Used to add page metadata to HTML <head />.",
     importName: "PlasmicHead",
     importPath: "@plasmicapp/react-web",
     isRepeatable: false,

package/skinny/dist/render/PlasmicHead/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/render/PlasmicHead/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const PlasmicHeadContext = React.createContext<\n  React.ComponentType<any> | undefined\n>(undefined);\n\ntype PlasmicHeadProps = {\n  title?: string;\n  description?: string;\n  image?: string;\n  canonical?: string;\n};\n\nexport function PlasmicHead(props: PlasmicHeadProps) {\n  const Head = React.useContext(PlasmicHeadContext);\n  if (!Head) {\n    console.warn(\n      `Plasmic: Head meta tags are being ignored. To make them work, pass a Head component into PlasmicRootProvider.`\n    );\n    // TODO: Link to doc about Head.\n    return null;\n  }\n\n  return (\n    <Head>\n      {props.image ? (\n        <>\n          <meta name=\"twitter:card\" content=\"summary_large_image\" />\n          <meta key=\"og:image\" property=\"og:image\" content={props.image} />\n          <meta\n            key=\"twitter:image\"\n            name=\"twitter:image\"\n            content={props.image}\n          />\n        </>\n      ) : (\n        <meta name=\"twitter:card\" content=\"summary\" />\n      )}\n      {props.title && (\n        <>\n          <title key=\"title\">{props.title}</title>\n          <meta key=\"og:title\" property=\"og:title\" content={props.title} />\n          <meta\n            key=\"twitter:title\"\n            property=\"twitter:title\"\n            content={props.title}\n          />\n        </>\n      )}\n      {props.description && (\n        <>\n          <meta\n            key=\"description\"\n            name=\"description\"\n            content={props.description}\n          />\n          <meta\n            key=\"og:description\"\n            property=\"og:description\"\n            content={props.description}\n          />\n          <meta\n            key=\"twitter:description\"\n            name=\"twitter:description\"\n            content={props.description}\n          />\n        </>\n      )}\n      {props.canonical && <link ref=\"canonical\" href={props.canonical} />}\n    </Head>\n  );\n}\n\nexport const plasmicHeadMeta = {\n  name: \"hostless-plasmic-head\",\n  displayName: \"Head\",\n  description: \"Used to add page metadata to HEAD tag\",\n  importName: \"PlasmicHead\",\n  importPath: \"@plasmicapp/react-web\",\n  isRepeatable: false,\n  styleSections: false,\n  props: {\n    title: {\n      type: \"string\",\n      displayName: \"Title\",\n    },\n    description: {\n      type: \"string\",\n      displayName: \"Description\",\n    },\n    image: {\n      type: \"imageUrl\",\n      displayName: \"Image\",\n    },\n    canonical: {\n      type: \"string\",\n      displayName: \"Canonical URL\",\n    },\n  },\n};\n"],"names":[],"mappings":";;IAEa,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAEnD,SAAS,EAAE;SASG,WAAW,CAAC,KAAuB;IACjD,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CACV,+GAA+G,CAChH,CAAC;;QAEF,OAAO,IAAI,CAAC;KACb;IAED,QACE,oBAAC,IAAI;QACF,KAAK,CAAC,KAAK,IACV;YACE,8BAAM,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,qBAAqB,GAAG;YAC1D,8BAAM,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YACjE,8BACE,GAAG,EAAC,eAAe,EACnB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB,CACD,KAEH,8BAAM,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,GAAG,CAC/C;QACA,KAAK,CAAC,KAAK,KACV;YACE,+BAAO,GAAG,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAS;YACxC,8BAAM,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YACjE,8BACE,GAAG,EAAC,eAAe,EACnB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB,CACD,CACJ;QACA,KAAK,CAAC,WAAW,KAChB;YACE,8BACE,GAAG,EAAC,aAAa,EACjB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B;YACF,8BACE,GAAG,EAAC,gBAAgB,EACpB,QAAQ,EAAC,gBAAgB,EACzB,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B;YACF,8BACE,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,qBAAqB,EAC1B,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B,CACD,CACJ;QACA,KAAK,CAAC,SAAS,IAAI,8BAAM,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CAC9D,EACP;AACJ,CAAC;IAEY,eAAe,GAAG;IAC7B,IAAI,EAAE,uBAAuB;IAC7B,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,uCAAuC;IACpD,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,KAAK;IACpB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,OAAO;SACrB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,aAAa;SAC3B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,OAAO;SACrB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,eAAe;SAC7B;KACF;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/render/PlasmicHead/index.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport const PlasmicHeadContext = React.createContext<\n  React.ComponentType<any> | undefined\n>(undefined);\n\ntype PlasmicHeadProps = {\n  title?: string;\n  description?: string;\n  image?: string;\n  canonical?: string;\n};\n\nexport function PlasmicHead(props: PlasmicHeadProps) {\n  const Head = React.useContext(PlasmicHeadContext);\n  if (!Head) {\n    console.warn(\n      `Plasmic: Head meta tags are being ignored. To make them work, pass a Head component into PlasmicRootProvider.`\n    );\n    // TODO: Link to doc about Head.\n    return null;\n  }\n\n  // Helmet does not support React.Fragments, so we need to use `[<meta />,\n  // <meta />]` instead of `<><meta /><meta /></>`.\n  return (\n    <Head>\n      {props.image ? (\n        [\n          <meta\n            key=\"twitter:card\"\n            name=\"twitter:card\"\n            content=\"summary_large_image\"\n          />,\n          <meta key=\"og:image\" property=\"og:image\" content={props.image} />,\n          <meta\n            key=\"twitter:image\"\n            name=\"twitter:image\"\n            content={props.image}\n          />,\n        ]\n      ) : (\n        <meta key=\"twitter:card\" name=\"twitter:card\" content=\"summary\" />\n      )}\n      {props.title && [\n        <title key=\"title\">{props.title}</title>,\n        <meta key=\"og:title\" property=\"og:title\" content={props.title} />,\n        <meta\n          key=\"twitter:title\"\n          property=\"twitter:title\"\n          content={props.title}\n        />,\n      ]}\n      {props.description && [\n        <meta\n          key=\"description\"\n          name=\"description\"\n          content={props.description}\n        />,\n        <meta\n          key=\"og:description\"\n          property=\"og:description\"\n          content={props.description}\n        />,\n        <meta\n          key=\"twitter:description\"\n          name=\"twitter:description\"\n          content={props.description}\n        />,\n      ]}\n      {props.canonical && (\n        <link key=\"canonical\" ref=\"canonical\" href={props.canonical} />\n      )}\n    </Head>\n  );\n}\n\nexport const plasmicHeadMeta = {\n  name: \"hostless-plasmic-head\",\n  displayName: \"Head\",\n  description: \"Used to add page metadata to HTML <head />.\",\n  importName: \"PlasmicHead\",\n  importPath: \"@plasmicapp/react-web\",\n  isRepeatable: false,\n  styleSections: false,\n  props: {\n    title: {\n      type: \"string\",\n      displayName: \"Title\",\n    },\n    description: {\n      type: \"string\",\n      displayName: \"Description\",\n    },\n    image: {\n      type: \"imageUrl\",\n      displayName: \"Image\",\n    },\n    canonical: {\n      type: \"string\",\n      displayName: \"Canonical URL\",\n    },\n  },\n};\n"],"names":[],"mappings":";;IAEa,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAEnD,SAAS,EAAE;SASG,WAAW,CAAC,KAAuB;IACjD,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAClD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,CAAC,IAAI,CACV,+GAA+G,CAChH,CAAC;;QAEF,OAAO,IAAI,CAAC;KACb;;;IAID,QACE,oBAAC,IAAI;QACF,KAAK,CAAC,KAAK,IACV;YACE,8BACE,GAAG,EAAC,cAAc,EAClB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,qBAAqB,GAC7B;YACF,8BAAM,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YACjE,8BACE,GAAG,EAAC,eAAe,EACnB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;SACH,KAED,8BAAM,GAAG,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,GAAG,CAClE;QACA,KAAK,CAAC,KAAK,IAAI;YACd,+BAAO,GAAG,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAS;YACxC,8BAAM,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,KAAK,CAAC,KAAK,GAAI;YACjE,8BACE,GAAG,EAAC,eAAe,EACnB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,KAAK,CAAC,KAAK,GACpB;SACH;QACA,KAAK,CAAC,WAAW,IAAI;YACpB,8BACE,GAAG,EAAC,aAAa,EACjB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B;YACF,8BACE,GAAG,EAAC,gBAAgB,EACpB,QAAQ,EAAC,gBAAgB,EACzB,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B;YACF,8BACE,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,qBAAqB,EAC1B,OAAO,EAAE,KAAK,CAAC,WAAW,GAC1B;SACH;QACA,KAAK,CAAC,SAAS,KACd,8BAAM,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CAChE,CACI,EACP;AACJ,CAAC;IAEY,eAAe,GAAG;IAC7B,IAAI,EAAE,uBAAuB;IAC7B,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,6CAA6C;IAC1D,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE,KAAK;IACpB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,OAAO;SACrB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,aAAa;SAC3B;QACD,KAAK,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,OAAO;SACrB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,eAAe;SAC7B;KACF;;;;;"}

package/skinny/dist/render/elements.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { $State } from "../states/valtio";
 interface Variants {
     [vg: string]: any;
 }
@@ -54,6 +55,10 @@ export declare function wrapWithClassName(element: React.ReactNode, className: s
         display: "grid";
     };
 }, HTMLElement>;
+export declare function mergeVariantsWithStates(variants: Variants, $state: $State, linkedStates: {
+    variantGroup: string;
+    statePath: (string | number)[];
+}[]): Variants;
 export declare function deriveRenderOpts(props: Record<string, any>, config: {
     name: string;
     descendantNames: string[];

package/skinny/dist/ssr-68913b60.js

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import React__default from 'react';
+import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
+
+const PlasmicTranslatorContext = React__default.createContext(undefined);
+function isIterable(val) {
+    return val != null && typeof val[Symbol.iterator] === "function";
+}
+function genTranslatableString(elt) {
+    const components = {};
+    let componentsCount = 0;
+    const getText = (node) => {
+        if (!node) {
+            return "";
+        }
+        if (typeof node === "number" ||
+            typeof node === "boolean" ||
+            typeof node === "string") {
+            return node.toString();
+        }
+        if (typeof node !== "object") {
+            return "";
+        }
+        if (Array.isArray(node) || isIterable(node)) {
+            return Array.from(node)
+                .map((child) => getText(child))
+                .filter((child) => !!child)
+                .join("");
+        }
+        const nodeChildren = (hasKey(node, "props") &&
+            hasKey(node.props, "children") &&
+            node.props.children) ||
+            (hasKey(node, "children") && node.children) ||
+            [];
+        const contents = `${React__default.Children.toArray(nodeChildren)
+            .map((child) => getText(child))
+            .filter((child) => !!child)
+            .join("")}`;
+        if (React__default.isValidElement(node) && node.type === React__default.Fragment) {
+            return contents;
+        }
+        const componentId = componentsCount + 1;
+        componentsCount++;
+        components[componentId] = React__default.isValidElement(node)
+            ? React__default.cloneElement(node, {
+                key: componentId,
+                children: undefined,
+            })
+            : node;
+        return `<${componentId}>${contents}</${componentId}>`;
+    };
+    const str = getText(elt);
+    return {
+        str,
+        components,
+        componentsCount,
+    };
+}
+function Trans({ children }) {
+    const _t = React__default.useContext(PlasmicTranslatorContext);
+    if (!_t) {
+        warnNoTranslationFunctionAtMostOnce();
+        return children;
+    }
+    const { str, components, componentsCount } = genTranslatableString(children);
+    return _t(str, componentsCount > 0 ? { components } : undefined);
+}
+let hasWarned = false;
+function warnNoTranslationFunctionAtMostOnce() {
+    if (!hasWarned) {
+        console.warn("Using Plasmic Translation but no translation function has been provided");
+        hasWarned = true;
+    }
+}
+function hasKey(v, key) {
+    return typeof v === "object" && v !== null && key in v;
+}
+
+const PlasmicRootContext = React.createContext(undefined);
+function PlasmicRootProvider(props) {
+    const { platform, children } = props;
+    const context = React.useMemo(() => ({
+        platform,
+    }), [platform]);
+    return (React.createElement(PlasmicRootContext.Provider, { value: context },
+        React.createElement(SSRProvider, null,
+            React.createElement(PlasmicTranslatorContext.Provider, { value: props.translator }, children))));
+}
+const useIsSSR = useIsSSR$1;
+function useHasPlasmicRoot() {
+    return !!React.useContext(PlasmicRootContext);
+}
+let hasWarnedSSR = false;
+/**
+ * Warns the user if PlasmicRootProvider is not used
+ */
+function useEnsureSSRProvider() {
+    const hasRoot = useHasPlasmicRoot();
+    if (hasRoot || hasWarnedSSR || process.env.NODE_ENV !== "development") {
+        return;
+    }
+    hasWarnedSSR = true;
+    console.warn(`Plasmic: To ensure your components work correctly with server-side rendering, please use PlasmicRootProvider at the root of your application.  See https://docs.plasmic.app/learn/ssr`);
+}
+
+export { PlasmicRootProvider as P, Trans as T, useEnsureSSRProvider as a, genTranslatableString as g, useIsSSR as u };
+//# sourceMappingURL=ssr-68913b60.js.map

package/skinny/dist/ssr-68913b60.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-68913b60.js","sources":["../../src/render/translation.tsx","../../src/render/ssr.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type PlasmicTranslator = (\n  str: string,\n  opts?: {\n    components?: {\n      [key: string]: React.ReactElement;\n    };\n  }\n) => React.ReactNode;\n\nexport const PlasmicTranslatorContext =\n  React.createContext<PlasmicTranslator | undefined>(undefined);\n\nexport interface TransProps {\n  children?: React.ReactNode;\n}\n\nfunction isIterable(val: any): val is Iterable<any> {\n  return val != null && typeof val[Symbol.iterator] === \"function\";\n}\n\nexport function genTranslatableString(elt: React.ReactNode) {\n  const components: {\n    [key: string]: React.ReactElement;\n  } = {};\n  let componentsCount = 0;\n\n  const getText = (node: React.ReactNode): string => {\n    if (!node) {\n      return \"\";\n    }\n    if (\n      typeof node === \"number\" ||\n      typeof node === \"boolean\" ||\n      typeof node === \"string\"\n    ) {\n      return node.toString();\n    }\n    if (typeof node !== \"object\") {\n      return \"\";\n    }\n    if (Array.isArray(node) || isIterable(node)) {\n      return Array.from(node)\n        .map((child) => getText(child))\n        .filter((child) => !!child)\n        .join(\"\");\n    }\n    const nodeChildren: React.ReactNode =\n      (hasKey(node, \"props\") &&\n        hasKey(node.props, \"children\") &&\n        (node.props.children as React.ReactNode | undefined)) ||\n      (hasKey(node, \"children\") && node.children) ||\n      [];\n    const contents = `${React.Children.toArray(nodeChildren)\n      .map((child) => getText(child))\n      .filter((child) => !!child)\n      .join(\"\")}`;\n    if (React.isValidElement(node) && node.type === React.Fragment) {\n      return contents;\n    }\n    const componentId = componentsCount + 1;\n    componentsCount++;\n    components[componentId] = React.isValidElement(node)\n      ? React.cloneElement(node as any, {\n          key: componentId,\n          children: undefined,\n        })\n      : (node as never);\n    return `<${componentId}>${contents}</${componentId}>`;\n  };\n\n  const str = getText(elt);\n  return {\n    str,\n    components,\n    componentsCount,\n  };\n}\n\nexport function Trans({ children }: TransProps) {\n  const _t = React.useContext(PlasmicTranslatorContext);\n  if (!_t) {\n    warnNoTranslationFunctionAtMostOnce();\n    return children;\n  }\n\n  const { str, components, componentsCount } = genTranslatableString(children);\n  return _t(str, componentsCount > 0 ? { components } : undefined);\n}\n\nlet hasWarned = false;\nfunction warnNoTranslationFunctionAtMostOnce() {\n  if (!hasWarned) {\n    console.warn(\n      \"Using Plasmic Translation but no translation function has been provided\"\n    );\n    hasWarned = true;\n  }\n}\n\nfunction hasKey<K extends string>(v: any, key: K): v is Record<K, any> {\n  return typeof v === \"object\" && v !== null && key in v;\n}\n","import * as React from \"react\";\nimport { SSRProvider, useIsSSR as useAriaIsSSR } from \"@react-aria/ssr\";\nimport { PlasmicTranslator, PlasmicTranslatorContext } from \"./translation\";\n\nexport interface PlasmicRootContextValue {\n  platform?: \"nextjs\" | \"gatsby\";\n}\n\nconst PlasmicRootContext =\n  React.createContext<PlasmicRootContextValue | undefined>(undefined);\n\nexport interface PlasmicRootProviderProps {\n  platform?: \"nextjs\" | \"gatsby\";\n  children?: React.ReactNode;\n  translator?: PlasmicTranslator;\n}\n\nexport function PlasmicRootProvider(props: PlasmicRootProviderProps) {\n  const { platform, children } = props;\n  const context = React.useMemo(\n    () => ({\n      platform,\n    }),\n    [platform]\n  );\n  return (\n    <PlasmicRootContext.Provider value={context}>\n      <SSRProvider>\n        <PlasmicTranslatorContext.Provider value={props.translator}>\n          {children}\n        </PlasmicTranslatorContext.Provider>\n      </SSRProvider>\n    </PlasmicRootContext.Provider>\n  );\n}\n\nexport const useIsSSR = useAriaIsSSR;\n\nexport function useHasPlasmicRoot() {\n  return !!React.useContext(PlasmicRootContext);\n}\n\nlet hasWarnedSSR = false;\n/**\n * Warns the user if PlasmicRootProvider is not used\n */\nexport function useEnsureSSRProvider() {\n  const hasRoot = useHasPlasmicRoot();\n  if (hasRoot || hasWarnedSSR || process.env.NODE_ENV !== \"development\") {\n    return;\n  }\n\n  hasWarnedSSR = true;\n  console.warn(\n    `Plasmic: To ensure your components work correctly with server-side rendering, please use PlasmicRootProvider at the root of your application.  See https://docs.plasmic.app/learn/ssr`\n  );\n}\n"],"names":["React","useAriaIsSSR"],"mappings":"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"}

package/skinny/dist/{ssr-84e27ffb.js → ssr-d3321868.js}

@@ -1,3 +1,4 @@
+import { PlasmicDataSourceContextProvider } from '@plasmicapp/data-sources-context';
 import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
 import * as React from 'react';
 import React__default from 'react';
@@ -80,14 +81,18 @@ function hasKey(v, key) {
 
 var PlasmicRootContext = React.createContext(undefined);
 function PlasmicRootProvider(props) {
-    var platform = props.platform, children = props.children;
+    var _a = props, platform = _a.platform, children = _a.children, userAuthToken = _a.userAuthToken;
     var context = React.useMemo(function () { return ({
         platform: platform,
     }); }, [platform]);
+    var dataSourceContextValue = React.useMemo(function () { return ({
+        userAuthToken: userAuthToken,
+    }); }, [userAuthToken]);
     return (React.createElement(PlasmicRootContext.Provider, { value: context },
         React.createElement(SSRProvider, null,
-            React.createElement(PlasmicTranslatorContext.Provider, { value: props.translator },
-                React.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children)))));
+            React.createElement(PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
+                React.createElement(PlasmicTranslatorContext.Provider, { value: props.translator },
+                    React.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children))))));
 }
 var useIsSSR = useIsSSR$1;
 function useHasPlasmicRoot() {
@@ -107,4 +112,4 @@ function useEnsureSSRProvider() {
 }
 
 export { PlasmicRootProvider as P, Trans as T, useEnsureSSRProvider as a, genTranslatableString as g, useIsSSR as u };
-//# sourceMappingURL=ssr-84e27ffb.js.map
+//# sourceMappingURL=ssr-d3321868.js.map