@makeswift/runtime 0.2.19 → 0.3.0

package/dist/Video.cjs.js

@@ -19,13 +19,12 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var css = require("@emotion/css");
 var React = require("react");
-var styled = require("styled-components");
 var ReactPlayer = require("react-player");
-var cssMediaRules = require("./cssMediaRules.cjs.js");
+var next = require("./index.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");
@@ -40,7 +39,6 @@ require("slate");
 require("./graphql.cjs.js");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
-require("@emotion/css");
 require("color");
 require("scroll-into-view-if-needed");
 require("./box-models.cjs.js");
@@ -59,18 +57,7 @@ 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) => !["width", "margin", "borderRadius"].includes(prop.toString())
-})`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  ${cssMediaRules.cssWidth("560px")}
-  ${cssMediaRules.cssMargin()}
-  ${cssMediaRules.cssBorderRadius()}
-`;
 const ASPECT_RATIO = 16 / 9;
 const Video = React.forwardRef(function Video2({
   id,
@@ -80,12 +67,14 @@ const Video = React.forwardRef(function Video2({
   borderRadius
 }, ref) {
   const canPlayUrl = video && video.url != null && ReactPlayer__default["default"].canPlay(video.url);
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
     ref,
     id,
-    width,
-    margin,
-    borderRadius,
+    className: css.cx(next.useStyle({
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    }), width, margin, borderRadius),
     children: /* @__PURE__ */ jsxRuntime.jsx("div", {
       style: {
         position: "relative",

package/dist/Video.cjs.js.map

@@ -1 +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'\n\nimport {\n  BorderRadiusValue,\n  ElementIDValue,\n  MarginValue,\n  VideoValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { cssBorderRadius, cssMargin, cssWidth } from '../../utils/cssMediaRules'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: WidthValue\n  margin?: MarginValue\n  borderRadius?: BorderRadiusValue\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['width', 'margin', 'borderRadius'].includes(prop.toString()),\n})<{ width: Props['width']; margin: Props['margin']; borderRadius: Props['borderRadius'] }>`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${cssWidth('560px')}\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} width={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","cssWidth","cssMargin","cssBorderRadius","ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","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,SAAS,UAAU,cAApB,EAAoCC,SAASD,KAAKE,UAAlD;AADU,CAAtB;AAAA;AAAA;AAAA;AAAA,IAMdC,cAAAA,SAAS,OAAD;AAAA,IACRC,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;AAAA,IAAc;AAAA,IAAgB;AAAA,IACzD,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEG,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMd;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEa,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGT,eAAe,OACdU,2BAAAA,IAACR,qBAAAA,6CACKP;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNgB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYlB,SAAS,QAAQ,CAACA,MAAMmB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkBtB,SAAS,QAAQA,MAAMuB,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAAA,aAAaxB,MAAMyB;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAFJ;AAyBD,CA/BuB;;"}
+{"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\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    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\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    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,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;AAG/C,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,cAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,2BAAAA,IAACb,qBAAAA,6CACKP;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAAA,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}

package/dist/Video.es.js

@@ -17,13 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { cx } from "@emotion/css";
 import { forwardRef } from "react";
-import styled from "styled-components";
 import ReactPlayer from "react-player";
-import { a as cssWidth, b as cssMargin, f as cssBorderRadius } from "./cssMediaRules.es.js";
+import { q as useStyle } from "./index.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";
@@ -38,7 +37,6 @@ import "slate";
 import "./graphql.es.js";
 import "./text-input.es.js";
 import "./combobox.es.js";
-import "@emotion/css";
 import "color";
 import "scroll-into-view-if-needed";
 import "./box-models.es.js";
@@ -54,16 +52,6 @@ import "http-proxy";
 import "set-cookie-parser";
 import "uuid/v4";
 import "corporate-ipsum";
-const Container = styled.div.withConfig({
-  shouldForwardProp: (prop) => !["width", "margin", "borderRadius"].includes(prop.toString())
-})`
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  ${cssWidth("560px")}
-  ${cssMargin()}
-  ${cssBorderRadius()}
-`;
 const ASPECT_RATIO = 16 / 9;
 const Video = forwardRef(function Video2({
   id,
@@ -73,12 +61,14 @@ const Video = forwardRef(function Video2({
   borderRadius
 }, ref) {
   const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url);
-  return /* @__PURE__ */ jsx(Container, {
+  return /* @__PURE__ */ jsx("div", {
     ref,
     id,
-    width,
-    margin,
-    borderRadius,
+    className: cx(useStyle({
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    }), width, margin, borderRadius),
     children: /* @__PURE__ */ jsx("div", {
       style: {
         position: "relative",

package/dist/Video.es.js.map

@@ -1 +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'\n\nimport {\n  BorderRadiusValue,\n  ElementIDValue,\n  MarginValue,\n  VideoValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { cssBorderRadius, cssMargin, cssWidth } from '../../utils/cssMediaRules'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: WidthValue\n  margin?: MarginValue\n  borderRadius?: BorderRadiusValue\n}\n\nconst Container = styled.div.withConfig({\n  shouldForwardProp: prop => !['width', 'margin', 'borderRadius'].includes(prop.toString()),\n})<{ width: Props['width']; margin: Props['margin']; borderRadius: Props['borderRadius'] }>`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  ${cssWidth('560px')}\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} width={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","cssWidth","cssMargin","cssBorderRadius","ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","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,SAAS,UAAU,cAApB,EAAoCC,SAASD,KAAKE,UAAlD;AADU,CAAtB;AAAA;AAAA;AAAA;AAAA,IAMdC,SAAS,OAAD;AAAA,IACRC,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;AAAA,IAAc;AAAA,IAAgB;AAAA,IACzD,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEG,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMd;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEa,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGT,eAAe,OACdU,oBAAC,8CACKf;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNgB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYlB,SAAS,QAAQ,CAACA,MAAMmB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkBtB,SAAS,QAAQA,MAAMuB,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAaxB,MAAMyB;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAFJ;AAyBD,CA/BuB;;"}
+{"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n  id?: ElementIDValue\n  video?: VideoValue\n  width?: string\n  margin?: string\n  borderRadius?: string\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    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n        width,\n        margin,\n        borderRadius,\n      )}\n    >\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    </div>\n  )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","_jsx","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,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;AAG/C,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRZ,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEW,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMnB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEkB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QAAA,UACGd,eAAe,OACde,oBAAC,8CACKpB;UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNqB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAYvB,SAAS,QAAQ,CAACA,MAAMwB;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB3B,SAAS,QAAQA,MAAM4B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAR,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKS,aAAa7B,MAAM8B;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAxCuB;;"}

package/dist/components.cjs.js

@@ -14,13 +14,11 @@ 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 gridItem = require("./grid-item.cjs.js");
 var useMediaQuery = require("./useMediaQuery.cjs.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");
@@ -38,7 +36,6 @@ require("slate");
 require("./graphql.cjs.js");
 require("./text-input.cjs.js");
 require("./combobox.cjs.js");
-require("@emotion/css");
 require("color");
 require("scroll-into-view-if-needed");
 require("react-dom");
@@ -52,14 +49,14 @@ require("http-proxy");
 require("set-cookie-parser");
 require("uuid/v4");
 require("corporate-ipsum");
-require("./index.cjs3.js");
+require("./index.cjs2.js");
 require("next/link");
 require("react-use-gesture");
 require("@popmotion/popcorn");
 require("formik");
 require("next/image");
 require("./placeholders.cjs.js");
-require("./index.cjs4.js");
+require("./index.cjs3.js");
 require("polished");
 require("slate-hotkeys");
 require("is-hotkey");
@@ -79,6 +76,7 @@ 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.useBoxShadow = next.useBoxShadow;
 exports.useFile = next.useFile;
 exports.usePage = next.usePage;
 exports.useResponsiveColor = next.useResponsiveColor;
@@ -94,16 +92,6 @@ 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.useBoxShadow = useBoxShadow.useBoxShadow;
+exports.useBackgrounds = gridItem.useBackgrounds;
 exports.useMediaQuery = useMediaQuery.useMediaQuery;
 //# 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,5 +1,5 @@
 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 MakeswiftComponentType, n as PAGE_SNIPPETS_QUERY, o as Page, S as SITE_FONTS_QUERY, j as useBorder, l as useFile, m as usePage, k as useResponsiveColor } from "./index.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 MakeswiftComponentType, o as PAGE_SNIPPETS_QUERY, p as Page, S as SITE_FONTS_QUERY, j as useBorder, k as useBoxShadow, m as useFile, n as usePage, l 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";
@@ -12,13 +12,11 @@ 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 useBackgrounds } from "./grid-item.es.js";
 export { u as useMediaQuery } from "./useMediaQuery.es.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";
@@ -36,7 +34,6 @@ import "slate";
 import "./graphql.es.js";
 import "./text-input.es.js";
 import "./combobox.es.js";
-import "@emotion/css";
 import "color";
 import "scroll-into-view-if-needed";
 import "react-dom";
@@ -50,14 +47,14 @@ import "http-proxy";
 import "set-cookie-parser";
 import "uuid/v4";
 import "corporate-ipsum";
-import "./index.es3.js";
+import "./index.es2.js";
 import "next/link";
 import "react-use-gesture";
 import "@popmotion/popcorn";
 import "formik";
 import "next/image";
 import "./placeholders.es.js";
-import "./index.es4.js";
+import "./index.es3.js";
 import "polished";
 import "slate-hotkeys";
 import "is-hotkey";

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/controls.es.js

@@ -1,5 +1,5 @@
 export { b as Checkbox, C as CheckboxControlType, c as Number, N as NumberControlType, d as Select, S as SelectControlType, e as TextArea, T as TextAreaControlType, f as TextInput, a as TextInputControlType } from "./text-input.es.js";
-export { U as Color, C as ColorControlType, X as Image, I as ImageControlType, O as ImageControlValueFormat, Y as Slot, _ as SlotControl, Z as SlotControlMessageType, S as SlotControlType, $ as Style, K as StyleControlProperty, a as StyleControlType, e as copyColorData, d as copyImageData, c as copySlotData, b as copyStyleData } from "./slot.es.js";
+export { $ as Color, C as ColorControlType, a0 as Image, I as ImageControlType, O as ImageControlValueFormat, a1 as Slot, a3 as SlotControl, a2 as SlotControlMessageType, S as SlotControlType, a4 as Style, K as StyleControlProperty, a as StyleControlType, e as copyColorData, d as copyImageData, c as copySlotData, b as copyStyleData } from "./slot.es.js";
 export { a as Combobox, C as ComboboxControlType } from "./combobox.es.js";
 export { d as Link, b as LinkControlType, f as List, L as ListControlType, h as Shape, S as ShapeControlType, a as copy, e as copyLinkData, g as copyListData, i as copyShapeData } from "./control.es.js";
 //# sourceMappingURL=controls.es.js.map