@makeswift/runtime 0.0.21 → 0.1.0

package/dist/Video.cjs.js

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var React = require("react");
+var styled = require("styled-components");
+var ReactPlayer = require("react-player");
+var css = require("@emotion/css");
+var cssMediaRules = require("./cssMediaRules.cjs.js");
+var placeholders = require("./placeholders.cjs.js");
+var jsxRuntime = require("react/jsx-runtime");
+require("./index.cjs.js");
+require("use-sync-external-store/shim/with-selector");
+require("./react-page.cjs.js");
+require("redux");
+require("redux-thunk");
+require("./actions.cjs.js");
+require("./descriptors.cjs.js");
+require("./style.cjs.js");
+require("./color.cjs.js");
+require("./image.cjs.js");
+require("next/dynamic");
+require("next/document");
+require("slate");
+require("@emotion/server/create-instance");
+require("@apollo/client");
+require("@apollo/client/link/batch-http");
+require("./graphql.cjs.js");
+require("./text-input.cjs.js");
+require("./shape.cjs.js");
+require("color");
+require("react-dom");
+require("html-react-parser");
+require("next/head");
+require("uuid/v4");
+require("corporate-ipsum");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
+var ReactPlayer__default = /* @__PURE__ */ _interopDefaultLegacy(ReactPlayer);
+const Container = styled__default["default"].div.withConfig({
+  shouldForwardProp: (prop) => !["margin", "borderRadius"].includes(prop.toString())
+})`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  ${cssMediaRules.cssMargin()}
+  ${cssMediaRules.cssBorderRadius()}
+`;
+const ASPECT_RATIO = 16 / 9;
+const Video = React.forwardRef(function Video2({
+  id,
+  video,
+  width,
+  margin,
+  borderRadius
+}, ref) {
+  const canPlayUrl = video && video.url != null && ReactPlayer__default["default"].canPlay(video.url);
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, {
+    ref,
+    id,
+    className: css.cx(width),
+    margin,
+    borderRadius,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      style: {
+        position: "relative",
+        paddingTop: `${100 / ASPECT_RATIO}%`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        children: canPlayUrl === true ? /* @__PURE__ */ jsxRuntime.jsx(ReactPlayer__default["default"], __spreadProps(__spreadValues({}, video), {
+          width: "100%",
+          height: "100%",
+          config: {
+            vimeo: {
+              playerOptions: {
+                background: video != null && !video.controls
+              }
+            },
+            wistia: {
+              options: {
+                endVideoBehavior: video != null && video.loop === true ? "loop" : "default"
+              }
+            }
+          }
+        })) : /* @__PURE__ */ jsxRuntime.jsx("img", {
+          width: "100%",
+          src: placeholders.placeholders.video.src,
+          alt: "Video Placeholder"
+        })
+      })
+    })
+  });
+});
+exports["default"] = Video;
+//# sourceMappingURL=Video.cjs.js.map

package/dist/Video.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport styled from 'styled-components'\nimport ReactPlayer from 'react-player'\nimport { cx } from '@emotion/css'\n\nimport {\n  BorderRadiusValue,\n  ElementIDValue,\n  MarginValue,\n  VideoValue,\n} from '../../../prop-controllers/descriptors'\nimport { cssBorderRadius, cssMargin } from '../../utils/cssMediaRules'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: MarginValue\n  borderRadius?: BorderRadiusValue\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['margin', 'borderRadius'].includes(prop.toString()),\n})<{ margin: Props['margin']; borderRadius: Props['borderRadius'] }>`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${cssMargin()}\n  ${cssBorderRadius()}\n`\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <Container ref={ref} id={id} className={cx(width)} margin={margin} borderRadius={borderRadius}>\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </Container>\n  )\n})\n\nexport default Video\n"],"names":["Container","styled","div","withConfig","shouldForwardProp","prop","includes","toString","cssMargin","cssBorderRadius","ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,YAAYC,gBAAAA,WAAOC,IAAIC,WAAW;AAAA,EACtCC,mBAAmBC,CAAQ,SAAA,CAAC,CAAC,UAAU,cAAX,EAA2BC,SAASD,KAAKE,UAAzC;AADU,CAAtB;AAAA;AAAA;AAAA;AAAA,IAMdC,cAAY,UAAA;AAAA,IACZC,cAAkB,gBAAA;AAAA;AAGtB,MAAMC,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAEjD,wCACG,WAAD;AAAA,IAAW;AAAA,IAAU;AAAA,IAAQ,WAAWG,OAAGR,KAAD;AAAA,IAAS;AAAA,IAAgB;AAAA,IACjE,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAES,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMf;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEc,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGV,eAAe,OACdW,2BAAAA,IAACT,qBAAAA,6CACKP;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNiB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYnB,SAAS,QAAQ,CAACA,MAAMoB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkBvB,SAAS,QAAQA,MAAMwB,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAAA,aAAazB,MAAM0B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAFJ;AAyBD,CA/BuB;;"}

package/dist/Video.es.js

@@ -0,0 +1,114 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { forwardRef } from "react";
+import styled from "styled-components";
+import ReactPlayer from "react-player";
+import { cx } from "@emotion/css";
+import { b as cssMargin, f as cssBorderRadius } from "./cssMediaRules.es.js";
+import { p as placeholders } from "./placeholders.es.js";
+import { jsx } from "react/jsx-runtime";
+import "./index.es.js";
+import "use-sync-external-store/shim/with-selector";
+import "./react-page.es.js";
+import "redux";
+import "redux-thunk";
+import "./actions.es.js";
+import "./descriptors.es.js";
+import "./style.es.js";
+import "./color.es.js";
+import "./image.es.js";
+import "next/dynamic";
+import "next/document";
+import "slate";
+import "@emotion/server/create-instance";
+import "@apollo/client";
+import "@apollo/client/link/batch-http";
+import "./graphql.es.js";
+import "./text-input.es.js";
+import "./shape.es.js";
+import "color";
+import "react-dom";
+import "html-react-parser";
+import "next/head";
+import "uuid/v4";
+import "corporate-ipsum";
+const Container = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["margin", "borderRadius"].includes(prop.toString())
+})`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  ${cssMargin()}
+  ${cssBorderRadius()}
+`;
+const ASPECT_RATIO = 16 / 9;
+const Video = forwardRef(function Video2({
+  id,
+  video,
+  width,
+  margin,
+  borderRadius
+}, ref) {
+  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url);
+  return /* @__PURE__ */ jsx(Container, {
+    ref,
+    id,
+    className: cx(width),
+    margin,
+    borderRadius,
+    children: /* @__PURE__ */ jsx("div", {
+      style: {
+        position: "relative",
+        paddingTop: `${100 / ASPECT_RATIO}%`
+      },
+      children: /* @__PURE__ */ jsx("div", {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        },
+        children: canPlayUrl === true ? /* @__PURE__ */ jsx(ReactPlayer, __spreadProps(__spreadValues({}, video), {
+          width: "100%",
+          height: "100%",
+          config: {
+            vimeo: {
+              playerOptions: {
+                background: video != null && !video.controls
+              }
+            },
+            wistia: {
+              options: {
+                endVideoBehavior: video != null && video.loop === true ? "loop" : "default"
+              }
+            }
+          }
+        })) : /* @__PURE__ */ jsx("img", {
+          width: "100%",
+          src: placeholders.video.src,
+          alt: "Video Placeholder"
+        })
+      })
+    })
+  });
+});
+export { Video as default };
+//# sourceMappingURL=Video.es.js.map

package/dist/Video.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport styled from 'styled-components'\nimport ReactPlayer from 'react-player'\nimport { cx } from '@emotion/css'\n\nimport {\n  BorderRadiusValue,\n  ElementIDValue,\n  MarginValue,\n  VideoValue,\n} from '../../../prop-controllers/descriptors'\nimport { cssBorderRadius, cssMargin } from '../../utils/cssMediaRules'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: MarginValue\n  borderRadius?: BorderRadiusValue\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['margin', 'borderRadius'].includes(prop.toString()),\n})<{ margin: Props['margin']; borderRadius: Props['borderRadius'] }>`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${cssMargin()}\n  ${cssBorderRadius()}\n`\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n  { id, video, width, margin, borderRadius }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n\n  return (\n    <Container ref={ref} id={id} className={cx(width)} margin={margin} borderRadius={borderRadius}>\n      <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n        <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n          {canPlayUrl === true ? (\n            <ReactPlayer\n              {...video}\n              width=\"100%\"\n              height=\"100%\"\n              config={{\n                vimeo: { playerOptions: { background: video != null && !video.controls } },\n                wistia: {\n                  options: {\n                    endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n                  },\n                },\n              }}\n            />\n          ) : (\n            <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n          )}\n        </div>\n      </div>\n    </Container>\n  )\n})\n\nexport default Video\n"],"names":["Container","styled","div","withConfig","shouldForwardProp","prop","includes","toString","cssMargin","cssBorderRadius","ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,YAAYC,OAAOC,IAAIC,WAAW;AAAA,EACtCC,mBAAmBC,CAAQ,SAAA,CAAC,CAAC,UAAU,cAAX,EAA2BC,SAASD,KAAKE,UAAzC;AADU,CAAtB;AAAA;AAAA;AAAA;AAAA,IAMdC,UAAY;AAAA,IACZC,gBAAkB;AAAA;AAGtB,MAAMC,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAEjD,6BACG,WAAD;AAAA,IAAW;AAAA,IAAU;AAAA,IAAQ,WAAWG,GAAGR,KAAD;AAAA,IAAS;AAAA,IAAgB;AAAA,IACjE,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAES,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMf;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEc,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGV,eAAe,OACdW,oBAAC,8CACKhB;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNiB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYnB,SAAS,QAAQ,CAACA,MAAMoB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkBvB,SAAS,QAAQA,MAAMwB,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAazB,MAAM0B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAFJ;AAyBD,CA/BuB;;"}

package/dist/components.cjs.js

@@ -1,85 +1,107 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-var index = require("./index.cjs.js");
+var Box = require("./Box.cjs.js");
+var next = require("./index.cjs.js");
+var Button = require("./Button.cjs.js");
+var Carousel = require("./Carousel.cjs.js");
+var Countdown = require("./Countdown.cjs.js");
+var Divider = require("./Divider.cjs.js");
+var Embed = require("./Embed.cjs.js");
+var Form = require("./Form.cjs.js");
+var Image = require("./Image.cjs2.js");
+var Navigation = require("./Navigation.cjs.js");
+var Root = require("./Root.cjs.js");
+var SocialLinks = require("./SocialLinks.cjs.js");
+var Text = require("./Text.cjs.js");
+var Video = require("./Video.cjs.js");
+var cssMediaRules = require("./cssMediaRules.cjs.js");
+var index = require("./index.cjs2.js");
+var useBoxShadow = require("./useBoxShadow.cjs.js");
+var useMediaQuery = require("./useMediaQuery.cjs.js");
+var index$1 = require("./index.cjs3.js");
 require("react");
+require("styled-components");
+require("framer-motion");
+require("@emotion/css");
+require("react/jsx-runtime");
+require("./box-models.cjs.js");
+require("css-box-model");
+require("./actions.cjs.js");
 require("use-sync-external-store/shim/with-selector");
 require("./react-page.cjs.js");
 require("redux");
 require("redux-thunk");
-require("./actions.cjs.js");
 require("./descriptors.cjs.js");
 require("./style.cjs.js");
 require("./color.cjs.js");
 require("./image.cjs.js");
-require("styled-components");
-require("framer-motion");
-require("@emotion/css");
+require("next/dynamic");
+require("next/document");
+require("slate");
+require("@emotion/server/create-instance");
 require("@apollo/client");
 require("@apollo/client/link/batch-http");
-require("slate");
 require("./graphql.cjs.js");
+require("./text-input.cjs.js");
 require("./shape.cjs.js");
-require("react/jsx-runtime");
+require("color");
+require("react-dom");
 require("html-react-parser");
 require("next/head");
-require("color");
-require("scroll-into-view-if-needed");
-require("next/link");
+require("uuid/v4");
+require("corporate-ipsum");
 require("react-use-gesture");
 require("@popmotion/popcorn");
-require("uuid/v4");
-require("next/image");
 require("formik");
-require("./box-models.cjs.js");
-require("css-box-model");
+require("next/image");
+require("./placeholders.cjs.js");
+require("./index.cjs4.js");
 require("polished");
-require("react-player");
 require("slate-hotkeys");
-require("corporate-ipsum");
 require("is-hotkey");
 require("slate-react");
 require("@convertkit/slate-lists");
-require("./text-input.cjs.js");
-require("react-dom");
-exports.Box = index.Box;
-exports.Button = index.Button;
-exports.Carousel = index.Carousel;
-exports.Countdown = index.Countdown;
-exports.DEFAULT_BOX_ANIMATE_DELAY = index.DEFAULT_BOX_ANIMATE_DELAY;
-exports.DEFAULT_BOX_ANIMATE_DURATION = index.DEFAULT_BOX_ANIMATE_DURATION;
-exports.DEFAULT_BOX_ANIMATE_TYPE = index.DEFAULT_BOX_ANIMATE_TYPE;
-exports.DEFAULT_ITEM_ANIMATE_DELAY = index.DEFAULT_ITEM_ANIMATE_DELAY;
-exports.DEFAULT_ITEM_ANIMATE_DURATION = index.DEFAULT_ITEM_ANIMATE_DURATION;
-exports.DEFAULT_ITEM_ANIMATE_TYPE = index.DEFAULT_ITEM_ANIMATE_TYPE;
-exports.DEFAULT_ITEM_STAGGER_DURATION = index.DEFAULT_ITEM_STAGGER_DURATION;
-exports.Divider = index.Divider;
-exports.Embed = index.Embed;
-exports.Form = index.Form;
-exports.Image = index.ImageComponent;
-exports.Navigation = index.Navigation;
-exports.PAGE_SNIPPETS_QUERY = index.PAGE_SNIPPETS_QUERY;
-exports.Page = index.Page;
-exports.Root = index.Root;
-exports.SITE_FONTS_QUERY = index.SITE_FONTS_QUERY;
-exports.SocialLinks = index.SocialLinks;
-exports.Text = index.Text;
-exports.cssBorder = index.cssBorder;
-exports.cssBorderRadius = index.cssBorderRadius;
-exports.cssBoxShadow = index.cssBoxShadow;
-exports.cssGridItem = index.cssGridItem;
-exports.cssMargin = index.cssMargin;
-exports.cssMediaRules = index.cssMediaRules;
-exports.cssPadding = index.cssPadding;
-exports.cssTextStyle = index.cssTextStyle;
-exports.cssWidth = index.cssWidth;
-exports.registerBuiltinComponents = index.registerBuiltinComponents;
-exports.registerComponent = index.registerComponent;
+require("react-player");
+require("scroll-into-view-if-needed");
+require("next/link");
+exports.Box = Box["default"];
+exports.DEFAULT_BOX_ANIMATE_DELAY = next.DEFAULT_BOX_ANIMATE_DELAY;
+exports.DEFAULT_BOX_ANIMATE_DURATION = next.DEFAULT_BOX_ANIMATE_DURATION;
+exports.DEFAULT_BOX_ANIMATE_TYPE = next.DEFAULT_BOX_ANIMATE_TYPE;
+exports.DEFAULT_ITEM_ANIMATE_DELAY = next.DEFAULT_ITEM_ANIMATE_DELAY;
+exports.DEFAULT_ITEM_ANIMATE_DURATION = next.DEFAULT_ITEM_ANIMATE_DURATION;
+exports.DEFAULT_ITEM_ANIMATE_TYPE = next.DEFAULT_ITEM_ANIMATE_TYPE;
+exports.DEFAULT_ITEM_STAGGER_DURATION = next.DEFAULT_ITEM_STAGGER_DURATION;
+exports.PAGE_SNIPPETS_QUERY = next.PAGE_SNIPPETS_QUERY;
+exports.Page = next.Page;
+exports.SITE_FONTS_QUERY = next.SITE_FONTS_QUERY;
+exports.useBorder = next.useBorder;
+exports.useFile = next.useFile;
+exports.useResponsiveColor = next.useResponsiveColor;
+exports.Button = Button["default"];
+exports.Carousel = Carousel["default"];
+exports.Countdown = Countdown["default"];
+exports.Divider = Divider["default"];
+exports.Embed = Embed["default"];
+exports.Form = Form.Form;
+exports.useTable = Form.useTable;
+exports.Image = Image["default"];
+exports.Navigation = Navigation["default"];
+exports.Root = Root["default"];
+exports.SocialLinks = SocialLinks["default"];
+exports.Text = Text["default"];
+exports.Video = Video["default"];
+exports.cssBorder = cssMediaRules.cssBorder;
+exports.cssBorderRadius = cssMediaRules.cssBorderRadius;
+exports.cssBoxShadow = cssMediaRules.cssBoxShadow;
+exports.cssGridItem = cssMediaRules.cssGridItem;
+exports.cssMargin = cssMediaRules.cssMargin;
+exports.cssMediaRules = cssMediaRules.cssMediaRules;
+exports.cssPadding = cssMediaRules.cssPadding;
+exports.cssTextStyle = cssMediaRules.cssTextStyle;
+exports.cssWidth = cssMediaRules.cssWidth;
 exports.useBackgrounds = index.useBackgrounds;
-exports.useBorder = index.useBorder;
-exports.useBoxShadow = index.useBoxShadow;
-exports.useFile = index.useFile;
-exports.useMediaQuery = index.useMediaQuery;
-exports.usePage = index.usePage;
-exports.useResponsiveColor = index.useResponsiveColor;
-exports.useTable = index.useTable;
+exports.useBoxShadow = useBoxShadow.useBoxShadow;
+exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.usePage = index$1.usePage;
 //# sourceMappingURL=components.cjs.js.map

package/dist/components.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components.es.js

@@ -1,42 +1,65 @@
-export { B as Box, c as Button, C as Carousel, d as Countdown, j as DEFAULT_BOX_ANIMATE_DELAY, k as DEFAULT_BOX_ANIMATE_DURATION, i as DEFAULT_BOX_ANIMATE_TYPE, m as DEFAULT_ITEM_ANIMATE_DELAY, n as DEFAULT_ITEM_ANIMATE_DURATION, l as DEFAULT_ITEM_ANIMATE_TYPE, o as DEFAULT_ITEM_STAGGER_DURATION, e as Divider, f as Embed, F as Form, I as Image, N as Navigation, Q as PAGE_SNIPPETS_QUERY, V as Page, g as Root, U as SITE_FONTS_QUERY, S as SocialLinks, T as Text, v as cssBorder, w as cssBorderRadius, x as cssBoxShadow, y as cssGridItem, s as cssMargin, p as cssMediaRules, t as cssPadding, z as cssTextStyle, q as cssWidth, r as registerBuiltinComponents, h as registerComponent, A as useBackgrounds, G as useBorder, H as useBoxShadow, K as useFile, L as useMediaQuery, M as usePage, J as useResponsiveColor, O as useTable } from "./index.es.js";
+export { default as Box } from "./Box.es.js";
+export { d as DEFAULT_BOX_ANIMATE_DELAY, e as DEFAULT_BOX_ANIMATE_DURATION, c as DEFAULT_BOX_ANIMATE_TYPE, g as DEFAULT_ITEM_ANIMATE_DELAY, h as DEFAULT_ITEM_ANIMATE_DURATION, f as DEFAULT_ITEM_ANIMATE_TYPE, i as DEFAULT_ITEM_STAGGER_DURATION, m as PAGE_SNIPPETS_QUERY, n as Page, S as SITE_FONTS_QUERY, j as useBorder, l as useFile, k as useResponsiveColor } from "./index.es.js";
+export { default as Button } from "./Button.es.js";
+export { default as Carousel } from "./Carousel.es.js";
+export { default as Countdown } from "./Countdown.es.js";
+export { default as Divider } from "./Divider.es.js";
+export { default as Embed } from "./Embed.es.js";
+export { F as Form, u as useTable } from "./Form.es.js";
+export { default as Image } from "./Image.es2.js";
+export { default as Navigation } from "./Navigation.es.js";
+export { default as Root } from "./Root.es.js";
+export { default as SocialLinks } from "./SocialLinks.es.js";
+export { default as Text } from "./Text.es.js";
+export { default as Video } from "./Video.es.js";
+export { e as cssBorder, f as cssBorderRadius, g as cssBoxShadow, h as cssGridItem, b as cssMargin, c as cssMediaRules, d as cssPadding, i as cssTextStyle, a as cssWidth } from "./cssMediaRules.es.js";
+export { u as useBackgrounds } from "./index.es2.js";
+export { u as useBoxShadow } from "./useBoxShadow.es.js";
+export { u as useMediaQuery } from "./useMediaQuery.es.js";
+export { u as usePage } from "./index.es3.js";
 import "react";
+import "styled-components";
+import "framer-motion";
+import "@emotion/css";
+import "react/jsx-runtime";
+import "./box-models.es.js";
+import "css-box-model";
+import "./actions.es.js";
 import "use-sync-external-store/shim/with-selector";
 import "./react-page.es.js";
 import "redux";
 import "redux-thunk";
-import "./actions.es.js";
 import "./descriptors.es.js";
 import "./style.es.js";
 import "./color.es.js";
 import "./image.es.js";
-import "styled-components";
-import "framer-motion";
-import "@emotion/css";
+import "next/dynamic";
+import "next/document";
+import "slate";
+import "@emotion/server/create-instance";
 import "@apollo/client";
 import "@apollo/client/link/batch-http";
-import "slate";
 import "./graphql.es.js";
+import "./text-input.es.js";
 import "./shape.es.js";
-import "react/jsx-runtime";
+import "color";
+import "react-dom";
 import "html-react-parser";
 import "next/head";
-import "color";
-import "scroll-into-view-if-needed";
-import "next/link";
+import "uuid/v4";
+import "corporate-ipsum";
 import "react-use-gesture";
 import "@popmotion/popcorn";
-import "uuid/v4";
-import "next/image";
 import "formik";
-import "./box-models.es.js";
-import "css-box-model";
+import "next/image";
+import "./placeholders.es.js";
+import "./index.es4.js";
 import "polished";
-import "react-player";
 import "slate-hotkeys";
-import "corporate-ipsum";
 import "is-hotkey";
 import "slate-react";
 import "@convertkit/slate-lists";
-import "./text-input.es.js";
-import "react-dom";
+import "react-player";
+import "scroll-into-view-if-needed";
+import "next/link";
 //# sourceMappingURL=components.es.js.map

package/dist/components.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}