@makeswift/runtime 0.0.0-1faafb3 → 0.0.0-20221019211549

package/dist/types/src/utils/shallowEqual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallowEqual.d.ts","sourceRoot":"","sources":["../../../../src/utils/shallowEqual.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY,MAAO,OAAO,KAAK,OAAO,KAAG,OAgB9C,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/types/src/utils/shallowMerge.d.ts

@@ -0,0 +1,2 @@
+export default function shallowMerge<A extends Record<string, unknown>, B extends Record<string, unknown>>(a: A, b: B): A & B;
+//# sourceMappingURL=shallowMerge.d.ts.map

package/dist/types/src/utils/shallowMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallowMerge.d.ts","sourceRoot":"","sources":["../../../../src/utils/shallowMerge.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAUnB"}

package/dist/useBoxShadow.cjs.js

@@ -0,0 +1,78 @@
+"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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var index = require("./index.cjs.js");
+const ShadowDefaultValue = {
+  inset: false,
+  offsetX: 0,
+  offsetY: 2,
+  blurRadius: 4,
+  spreadRadius: 0,
+  color: null
+};
+function useBoxShadow(value) {
+  const swatchIds = value == null ? [] : [
+    ...Array.from(new Set(value.map(({ value: shadows }) => shadows.map(({ payload: { color } }) => color && color.swatchId)).reduce((a, b) => a.concat(b), []).filter(index.isNonNullable)))
+  ];
+  const skip = value == null || swatchIds.length === 0;
+  const { error, data = {} } = index.useQuery(index.SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } });
+  if (value == null || error != null)
+    return null;
+  const { swatches = [] } = data;
+  return value.map((_a) => {
+    var _b = _a, { value: shadows } = _b, restOfValue = __objRest(_b, ["value"]);
+    return __spreadProps(__spreadValues({}, restOfValue), {
+      value: shadows.map((_a2) => {
+        var _b2 = _a2, {
+          payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius }
+        } = _b2, restOfShadow = __objRest(_b2, [
+          "payload"
+        ]);
+        return __spreadProps(__spreadValues({}, restOfShadow), {
+          payload: {
+            color: color != null ? {
+              swatch: swatches.find((s) => s && s.id === color.swatchId),
+              alpha: color.alpha
+            } : null,
+            inset: inset != null ? inset : ShadowDefaultValue.inset,
+            offsetX: offsetX != null ? offsetX : ShadowDefaultValue.offsetX,
+            offsetY: offsetY != null ? offsetY : ShadowDefaultValue.offsetY,
+            blurRadius: blurRadius != null ? blurRadius : ShadowDefaultValue.blurRadius,
+            spreadRadius: spreadRadius != null ? spreadRadius : ShadowDefaultValue.spreadRadius
+          }
+        });
+      })
+    });
+  });
+}
+exports.useBoxShadow = useBoxShadow;
+//# sourceMappingURL=useBoxShadow.cjs.js.map

package/dist/useBoxShadow.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxShadow.cjs.js","sources":["../src/components/hooks/useBoxShadow.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { SWATCHES_BY_ID } from '../utils/queries'\nimport type { ResponsiveValue } from '../../prop-controllers'\nimport type { ShadowsValue as ResponsiveShadowsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype ShadowData = {\n  id: string\n  payload: {\n    inset: boolean\n    offsetX: number\n    offsetY: number\n    blurRadius: number\n    spreadRadius: number\n    color: Color | null | undefined\n  }\n}\n\nconst ShadowDefaultValue = {\n  inset: false,\n  offsetX: 0,\n  offsetY: 2,\n  blurRadius: 4,\n  spreadRadius: 0,\n  color: null,\n} as const\n\nexport type BoxShadowData = Array<ShadowData>\n\nexport type BoxShadowPropControllerData = ResponsiveValue<BoxShadowData>\n\nexport function useBoxShadow(\n  value: ResponsiveShadowsValue | null | undefined,\n): BoxShadowPropControllerData | null | undefined {\n  const swatchIds =\n    value == null\n      ? []\n      : [\n          ...Array.from(\n            new Set(\n              value\n                .map(({ value: shadows }) =>\n                  shadows.map(({ payload: { color } }) => color && color.swatchId),\n                )\n                .reduce((a, b) => a.concat(b), [])\n                .filter(isNonNullable),\n            ),\n          ),\n        ]\n\n  const skip = value == null || swatchIds.length === 0\n  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } })\n\n  if (value == null || error != null) return null\n\n  const { swatches = [] } = data\n\n  return value.map(({ value: shadows, ...restOfValue }) => ({\n    ...restOfValue,\n    value: shadows.map(\n      ({\n        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },\n        ...restOfShadow\n      }) => ({\n        ...restOfShadow,\n        payload: {\n          color:\n            color != null\n              ? {\n                  swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                  alpha: color.alpha,\n                }\n              : null,\n          inset: inset ?? ShadowDefaultValue.inset,\n          offsetX: offsetX ?? ShadowDefaultValue.offsetX,\n          offsetY: offsetY ?? ShadowDefaultValue.offsetY,\n          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,\n          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius,\n        },\n      }),\n    ),\n  }))\n}\n"],"names":["isNonNullable","useQuery","SWATCHES_BY_ID"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,sBACL,OACgD;AAChD,QAAM,YACJ,SAAS,OACL,KACA;AAAA,IACE,GAAG,MAAM,KACP,IAAI,IACF,MACG,IAAI,CAAC,EAAE,OAAO,cACb,QAAQ,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,SAAS,MAAM,QAAQ,CACjE,EACC,OAAO,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,CAAA,CAAE,EAChC,OAAOA,MAAa,aAAA,CACzB,CACF;AAAA,EAAA;AAGR,QAAM,OAAO,SAAS,QAAQ,UAAU,WAAW;AACnD,QAAM,EAAE,OAAO,OAAO,OAAOC,MAAAA,SAASC,MAAAA,gBAAgB,EAAE,MAAM,WAAW,EAAE,KAAK,UAAA,EAAa,CAAA;AAEzF,MAAA,SAAS,QAAQ,SAAS;AAAa,WAAA;AAErC,QAAA,EAAE,WAAW,OAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,OAAwC;AAAxC,iBAAE,SAAO,YAAT,IAAqB,wBAArB,IAAqB,CAAnB;AAAsC,4CACrD,cADqD;AAAA,MAExD,OAAO,QAAQ,IACb,CAAC,QAGM;AAHN,uBACC;AAAA,mBAAS,EAAE,OAAO,OAAO,SAAS,SAAS,YAAY;AAAA,YADxD,KAEI,yBAFJ,KAEI;AAAA,UADH;AAAA;AAEK,gDACF,eADE;AAAA,UAEL,SAAS;AAAA,YACP,OACE,SAAS,OACL;AAAA,cACE,QAAQ,SAAS,KAAK,CAAC,MAAW,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,cAC9D,OAAO,MAAM;AAAA,YAAA,IAEf;AAAA,YACN,OAAO,wBAAS,mBAAmB;AAAA,YACnC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,YAAY,kCAAc,mBAAmB;AAAA,YAC7C,cAAc,sCAAgB,mBAAmB;AAAA,UACnD;AAAA,QAAA;AAAA,OAEJ;AAAA,IACA;AAAA,GAAA;AACJ;;"}

package/dist/useBoxShadow.es.js

@@ -0,0 +1,77 @@
+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));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { L as isNonNullable, v as useQuery, F as SWATCHES_BY_ID } from "./index.es.js";
+const ShadowDefaultValue = {
+  inset: false,
+  offsetX: 0,
+  offsetY: 2,
+  blurRadius: 4,
+  spreadRadius: 0,
+  color: null
+};
+function useBoxShadow(value) {
+  const swatchIds = value == null ? [] : [
+    ...Array.from(new Set(value.map(({ value: shadows }) => shadows.map(({ payload: { color } }) => color && color.swatchId)).reduce((a, b) => a.concat(b), []).filter(isNonNullable)))
+  ];
+  const skip = value == null || swatchIds.length === 0;
+  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } });
+  if (value == null || error != null)
+    return null;
+  const { swatches = [] } = data;
+  return value.map((_a) => {
+    var _b = _a, { value: shadows } = _b, restOfValue = __objRest(_b, ["value"]);
+    return __spreadProps(__spreadValues({}, restOfValue), {
+      value: shadows.map((_a2) => {
+        var _b2 = _a2, {
+          payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius }
+        } = _b2, restOfShadow = __objRest(_b2, [
+          "payload"
+        ]);
+        return __spreadProps(__spreadValues({}, restOfShadow), {
+          payload: {
+            color: color != null ? {
+              swatch: swatches.find((s) => s && s.id === color.swatchId),
+              alpha: color.alpha
+            } : null,
+            inset: inset != null ? inset : ShadowDefaultValue.inset,
+            offsetX: offsetX != null ? offsetX : ShadowDefaultValue.offsetX,
+            offsetY: offsetY != null ? offsetY : ShadowDefaultValue.offsetY,
+            blurRadius: blurRadius != null ? blurRadius : ShadowDefaultValue.blurRadius,
+            spreadRadius: spreadRadius != null ? spreadRadius : ShadowDefaultValue.spreadRadius
+          }
+        });
+      })
+    });
+  });
+}
+export { useBoxShadow as u };
+//# sourceMappingURL=useBoxShadow.es.js.map

package/dist/useBoxShadow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxShadow.es.js","sources":["../src/components/hooks/useBoxShadow.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { SWATCHES_BY_ID } from '../utils/queries'\nimport type { ResponsiveValue } from '../../prop-controllers'\nimport type { ShadowsValue as ResponsiveShadowsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype ShadowData = {\n  id: string\n  payload: {\n    inset: boolean\n    offsetX: number\n    offsetY: number\n    blurRadius: number\n    spreadRadius: number\n    color: Color | null | undefined\n  }\n}\n\nconst ShadowDefaultValue = {\n  inset: false,\n  offsetX: 0,\n  offsetY: 2,\n  blurRadius: 4,\n  spreadRadius: 0,\n  color: null,\n} as const\n\nexport type BoxShadowData = Array<ShadowData>\n\nexport type BoxShadowPropControllerData = ResponsiveValue<BoxShadowData>\n\nexport function useBoxShadow(\n  value: ResponsiveShadowsValue | null | undefined,\n): BoxShadowPropControllerData | null | undefined {\n  const swatchIds =\n    value == null\n      ? []\n      : [\n          ...Array.from(\n            new Set(\n              value\n                .map(({ value: shadows }) =>\n                  shadows.map(({ payload: { color } }) => color && color.swatchId),\n                )\n                .reduce((a, b) => a.concat(b), [])\n                .filter(isNonNullable),\n            ),\n          ),\n        ]\n\n  const skip = value == null || swatchIds.length === 0\n  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } })\n\n  if (value == null || error != null) return null\n\n  const { swatches = [] } = data\n\n  return value.map(({ value: shadows, ...restOfValue }) => ({\n    ...restOfValue,\n    value: shadows.map(\n      ({\n        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },\n        ...restOfShadow\n      }) => ({\n        ...restOfShadow,\n        payload: {\n          color:\n            color != null\n              ? {\n                  swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                  alpha: color.alpha,\n                }\n              : null,\n          inset: inset ?? ShadowDefaultValue.inset,\n          offsetX: offsetX ?? ShadowDefaultValue.offsetX,\n          offsetY: offsetY ?? ShadowDefaultValue.offsetY,\n          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,\n          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius,\n        },\n      }),\n    ),\n  }))\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,sBACL,OACgD;AAChD,QAAM,YACJ,SAAS,OACL,KACA;AAAA,IACE,GAAG,MAAM,KACP,IAAI,IACF,MACG,IAAI,CAAC,EAAE,OAAO,cACb,QAAQ,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,SAAS,MAAM,QAAQ,CACjE,EACC,OAAO,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,CAAA,CAAE,EAChC,OAAO,aAAa,CACzB,CACF;AAAA,EAAA;AAGR,QAAM,OAAO,SAAS,QAAQ,UAAU,WAAW;AACnD,QAAM,EAAE,OAAO,OAAO,OAAO,SAAS,gBAAgB,EAAE,MAAM,WAAW,EAAE,KAAK,UAAA,EAAa,CAAA;AAEzF,MAAA,SAAS,QAAQ,SAAS;AAAa,WAAA;AAErC,QAAA,EAAE,WAAW,OAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,OAAwC;AAAxC,iBAAE,SAAO,YAAT,IAAqB,wBAArB,IAAqB,CAAnB;AAAsC,4CACrD,cADqD;AAAA,MAExD,OAAO,QAAQ,IACb,CAAC,QAGM;AAHN,uBACC;AAAA,mBAAS,EAAE,OAAO,OAAO,SAAS,SAAS,YAAY;AAAA,YADxD,KAEI,yBAFJ,KAEI;AAAA,UADH;AAAA;AAEK,gDACF,eADE;AAAA,UAEL,SAAS;AAAA,YACP,OACE,SAAS,OACL;AAAA,cACE,QAAQ,SAAS,KAAK,CAAC,MAAW,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,cAC9D,OAAO,MAAM;AAAA,YAAA,IAEf;AAAA,YACN,OAAO,wBAAS,mBAAmB;AAAA,YACnC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,YAAY,kCAAc,mBAAmB;AAAA,YAC7C,cAAc,sCAAgB,mBAAmB;AAAA,UACnD;AAAA,QAAA;AAAA,OAEJ;AAAA,IACA;AAAA,GAAA;AACJ;;"}

package/dist/useMediaQuery.cjs.js

@@ -0,0 +1,26 @@
+"use strict";
+var React = require("react");
+var index = require("./index.cjs.js");
+function useMediaQuery(responsiveValue) {
+  const [deviceId, setDeviceId] = React.useState(index.DEVICES[0].id);
+  const { value } = index.findDeviceOverride(responsiveValue, deviceId) || {};
+  index.useIsomorphicLayoutEffect(() => {
+    if (responsiveValue == null || window == null)
+      return () => {
+      };
+    const cleanUpFns = index.DEVICES.map((device) => {
+      const mediaQueryList = window.matchMedia(index.getDeviceMediaQuery(device).replace("@media", ""));
+      const listener = () => {
+        if (mediaQueryList.matches)
+          setDeviceId(device.id);
+      };
+      listener();
+      mediaQueryList.addListener(listener);
+      return () => mediaQueryList.removeListener(listener);
+    });
+    return () => cleanUpFns.forEach((fn) => fn());
+  });
+  return value;
+}
+exports.useMediaQuery = useMediaQuery;
+//# sourceMappingURL=useMediaQuery.cjs.js.map

package/dist/useMediaQuery.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.cjs.js","sources":["../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["/* eslint-env browser */\n\nimport { useState } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport { DEVICES, findDeviceOverride, getDeviceMediaQuery } from '../utils/devices'\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | void {\n  const [deviceId, setDeviceId] = useState(DEVICES[0].id)\n  const { value } = findDeviceOverride(responsiveValue, deviceId) || {}\n\n  useIsomorphicLayoutEffect(() => {\n    if (responsiveValue == null || window == null) return () => {}\n\n    const cleanUpFns = DEVICES.map(device => {\n      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace('@media', ''))\n\n      const listener = () => {\n        if (mediaQueryList.matches) setDeviceId(device.id)\n      }\n\n      listener()\n      mediaQueryList.addListener(listener)\n\n      return () => mediaQueryList.removeListener(listener)\n    })\n\n    return () => cleanUpFns.forEach(fn => fn())\n  })\n\n  return value\n}\n"],"names":["useState","DEVICES","findDeviceOverride","useIsomorphicLayoutEffect","getDeviceMediaQuery"],"mappings":";;;AAQO,uBAA0B,iBAAsD;AACrF,QAAM,CAAC,UAAU,eAAeA,MAAAA,SAASC,MAAAA,QAAQ,GAAG,EAAE;AACtD,QAAM,EAAE,UAAUC,MAAAA,mBAAmB,iBAAiB,QAAQ,KAAK;AAEnEC,QAAAA,0BAA0B,MAAM;AAC1B,QAAA,mBAAmB,QAAQ,UAAU;AAAM,aAAO,MAAM;AAAA,MAAA;AAEtD,UAAA,aAAaF,MAAAA,QAAQ,IAAI,CAAU,WAAA;AACjC,YAAA,iBAAiB,OAAO,WAAWG,MAAA,oBAAoB,MAAM,EAAE,QAAQ,UAAU,EAAE,CAAC;AAE1F,YAAM,WAAW,MAAM;AACrB,YAAI,eAAe;AAAS,sBAAY,OAAO,EAAE;AAAA,MAAA;AAG1C;AACT,qBAAe,YAAY,QAAQ;AAE5B,aAAA,MAAM,eAAe,eAAe,QAAQ;AAAA,IAAA,CACpD;AAED,WAAO,MAAM,WAAW,QAAQ,CAAA,OAAM,GAAI,CAAA;AAAA,EAAA,CAC3C;AAEM,SAAA;AACT;;"}

package/dist/useMediaQuery.es.js

@@ -0,0 +1,25 @@
+import { useState } from "react";
+import { y as DEVICES, z as findDeviceOverride, q as useIsomorphicLayoutEffect, J as getDeviceMediaQuery } from "./index.es.js";
+function useMediaQuery(responsiveValue) {
+  const [deviceId, setDeviceId] = useState(DEVICES[0].id);
+  const { value } = findDeviceOverride(responsiveValue, deviceId) || {};
+  useIsomorphicLayoutEffect(() => {
+    if (responsiveValue == null || window == null)
+      return () => {
+      };
+    const cleanUpFns = DEVICES.map((device) => {
+      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace("@media", ""));
+      const listener = () => {
+        if (mediaQueryList.matches)
+          setDeviceId(device.id);
+      };
+      listener();
+      mediaQueryList.addListener(listener);
+      return () => mediaQueryList.removeListener(listener);
+    });
+    return () => cleanUpFns.forEach((fn) => fn());
+  });
+  return value;
+}
+export { useMediaQuery as u };
+//# sourceMappingURL=useMediaQuery.es.js.map

package/dist/useMediaQuery.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.es.js","sources":["../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["/* eslint-env browser */\n\nimport { useState } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport { DEVICES, findDeviceOverride, getDeviceMediaQuery } from '../utils/devices'\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | void {\n  const [deviceId, setDeviceId] = useState(DEVICES[0].id)\n  const { value } = findDeviceOverride(responsiveValue, deviceId) || {}\n\n  useIsomorphicLayoutEffect(() => {\n    if (responsiveValue == null || window == null) return () => {}\n\n    const cleanUpFns = DEVICES.map(device => {\n      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace('@media', ''))\n\n      const listener = () => {\n        if (mediaQueryList.matches) setDeviceId(device.id)\n      }\n\n      listener()\n      mediaQueryList.addListener(listener)\n\n      return () => mediaQueryList.removeListener(listener)\n    })\n\n    return () => cleanUpFns.forEach(fn => fn())\n  })\n\n  return value\n}\n"],"names":[],"mappings":";;AAQO,uBAA0B,iBAAsD;AACrF,QAAM,CAAC,UAAU,eAAe,SAAS,QAAQ,GAAG,EAAE;AACtD,QAAM,EAAE,UAAU,mBAAmB,iBAAiB,QAAQ,KAAK;AAEnE,4BAA0B,MAAM;AAC1B,QAAA,mBAAmB,QAAQ,UAAU;AAAM,aAAO,MAAM;AAAA,MAAA;AAEtD,UAAA,aAAa,QAAQ,IAAI,CAAU,WAAA;AACjC,YAAA,iBAAiB,OAAO,WAAW,oBAAoB,MAAM,EAAE,QAAQ,UAAU,EAAE,CAAC;AAE1F,YAAM,WAAW,MAAM;AACrB,YAAI,eAAe;AAAS,sBAAY,OAAO,EAAE;AAAA,MAAA;AAG1C;AACT,qBAAe,YAAY,QAAQ;AAE5B,aAAA,MAAM,eAAe,eAAe,QAAQ;AAAA,IAAA,CACpD;AAED,WAAO,MAAM,WAAW,QAAQ,CAAA,OAAM,GAAI,CAAA;AAAA,EAAA,CAC3C;AAEM,SAAA;AACT;;"}

package/next/plugin.js

@@ -0,0 +1 @@
+module.exports = require('@makeswift/next-plugin')

package/next.js

@@ -0,0 +1 @@
+module.exports = require('./dist/next.cjs')

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.0.0-1faafb3",
+  "version": "0.0.0-20221019211549",
+  "license": "MIT",
   "main": "dist/main.cjs",
   "module": "dist/main.es",
-  "types": "dist/types",
+  "types": "dist/types/src",
   "files": [
-    "dist"
+    "dist",
+    "prop-controllers.js",
+    "react.js",
+    "box-model.js",
+    "components.js",
+    "api.js",
+    "next.js",
+    "next/plugin.js",
+    "builder.js",
+    "controls.js"
   ],
   "exports": {
     ".": {
@@ -27,61 +37,132 @@
     "./components": {
       "import": "./dist/components.es.js",
       "require": "./dist/components.cjs.js"
+    },
+    "./api": {
+      "import": "./dist/api.es.js",
+      "require": "./dist/api.cjs.js"
+    },
+    "./next": {
+      "import": "./dist/next.es.js",
+      "require": "./dist/next.cjs.js"
+    },
+    "./next/plugin": "./next/plugin.js",
+    "./builder": {
+      "import": "./dist/builder.es.js",
+      "require": "./dist/builder.cjs.js"
+    },
+    "./controls": {
+      "import": "./dist/controls.es.js",
+      "require": "./dist/controls.cjs.js"
     }
   },
   "typesVersions": {
     "*": {
       "prop-controllers": [
-        "dist/types/prop-controllers/index.d.ts"
+        "dist/types/src/prop-controllers/index.d.ts"
       ],
       "react": [
-        "dist/types/react.d.ts"
+        "dist/types/src/react.d.ts"
       ],
       "box-model": [
-        "dist/types/box-model.d.ts"
+        "dist/types/src/box-model.d.ts"
       ],
       "components": [
-        "dist/types/components/index.d.ts"
+        "dist/types/src/components/index.d.ts"
+      ],
+      "api": [
+        "dist/types/src/api/index.d.ts"
+      ],
+      "next": [
+        "dist/types/src/next/index.d.ts"
+      ],
+      "builder": [
+        "dist/types/src/builder/index.d.ts"
+      ],
+      "controls": [
+        "dist/types/src/controls/index.d.ts"
       ]
     }
   },
   "scripts": {
     "dev": "concurrently -k 'tsc --watch --preserveWatchOutput' 'vite build --watch'",
-    "build": "tsc && vite build",
-    "preview": "vite preview"
-  },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "styled-components": {
-      "optional": true
-    }
+    "clean": "rm -rf dist",
+    "build": "yarn clean && tsc && vite build",
+    "preview": "vite preview",
+    "prepare": "yarn build",
+    "generate": "graphql-codegen --config codegen.yml",
+    "test": "vitest"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "styled-components": "5.2.0"
+    "next": ">=12.2.0",
+    "react": "^17.0.1 || ^18.0.0",
+    "react-dom": "^17.0.1 || ^18.0.0"
   },
   "dependencies": {
-    "@types/slate": "^0.47.8",
-    "@types/styled-components": "^5.1.5",
+    "@apollo/client": "^3.5.10",
+    "@convertkit/slate-lists": "^0.2.4",
+    "@emotion/css": "^11.9.0",
+    "@emotion/server": "^11.4.0",
+    "@makeswift/next-plugin": "0.1.3",
+    "@popmotion/popcorn": "^0.4.4",
+    "@types/cookie": "^0.5.1",
+    "@types/http-proxy": "^1.17.9",
+    "@types/is-hotkey": "^0.1.7",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@types/set-cookie-parser": "^2.4.2",
+    "@types/slate": "0.47.11",
+    "@types/slate-react": "^0.22.9",
+    "@types/styled-components": "5.1.25",
     "@types/use-sync-external-store": "^0.0.3",
+    "@types/uuid": "^7.0.3",
+    "color": "^3.1.3",
+    "cookie": "^0.5.0",
+    "corporate-ipsum": "^1.0.1",
+    "cors": "^2.8.5",
     "css-box-model": "^1.2.1",
     "csstype": "^2.6.5",
+    "formik": "^2.2.9",
     "framer-motion": "^6.0.0",
+    "graphql": "^16.3.0",
+    "html-react-parser": "^1.2.4",
+    "http-proxy": "^1.18.1",
     "immutable": "^4.0.0-rc.12",
+    "is-hotkey": "^0.1.4",
     "ot-json0": "^1.1.0",
     "polished": "3.0.3",
+    "react-player": "^1.12.0",
+    "react-use-gesture": "^9.1.3",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
-    "use-sync-external-store": "^1.0.0-rc.0"
+    "scroll-into-view-if-needed": "^2.2.20",
+    "set-cookie-parser": "^2.5.1",
+    "slate": "^0.47.8",
+    "slate-hotkeys": "^0.2.9",
+    "slate-react": "^0.22.9",
+    "styled-components": "5.3.5",
+    "use-sync-external-store": "^1.0.0-rc.0",
+    "uuid": "^3.3.3"
   },
   "devDependencies": {
+    "@graphql-codegen/add": "^3.1.0",
+    "@graphql-codegen/cli": "2.6.2",
+    "@graphql-codegen/typed-document-node": "^2.2.7",
+    "@graphql-codegen/typescript-operations": "2.3.4",
+    "@svgr/rollup": "^6.2.1",
+    "@types/color": "^3.0.2",
+    "@types/cors": "^2.8.12",
     "@types/node": "^17.0.21",
     "@vitejs/plugin-react": "^1.1.4",
     "concurrently": "^5.3.0",
-    "react": "^17.0.1",
+    "next": "12.3.1",
+    "prettier": "^2.5.1",
+    "react": "18.0.0",
+    "react-dom": "18.0.0",
+    "slate": "^0.47.8",
+    "slate-react": "^0.22.9",
     "typescript": "^4.5.5",
-    "vite": "^2.7.2"
+    "vite": "^2.8.6",
+    "vitest": "^0.7.4"
   }
 }

package/prop-controllers.js

@@ -0,0 +1 @@
+module.exports = require('./dist/prop-controllers.cjs')

package/react.js

@@ -0,0 +1 @@
+module.exports = require('./dist/react.cjs')