@makeswift/runtime 0.0.22 → 0.1.0-next.0

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 next = 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(next.isNonNullable)))
+  ];
+  const skip = value == null || swatchIds.length === 0;
+  const { error, data = {} } = next.useQuery(next.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,KAAa,aAAA,CACzB,CACF;AAAA,EAAA;AAGR,QAAM,OAAO,SAAS,QAAQ,UAAU,WAAW;AACnD,QAAM,EAAE,OAAO,OAAO,OAAOC,KAAAA,SAASC,KAAAA,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 { K as isNonNullable, q 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 next = require("./index.cjs.js");
+function useMediaQuery(responsiveValue) {
+  const [deviceId, setDeviceId] = React.useState(next.DEVICES[0].id);
+  const { value } = next.findDeviceOverride(responsiveValue, deviceId) || {};
+  next.useIsomorphicLayoutEffect(() => {
+    if (responsiveValue == null || window == null)
+      return () => {
+      };
+    const cleanUpFns = next.DEVICES.map((device) => {
+      const mediaQueryList = window.matchMedia(next.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,KAAAA,QAAQ,GAAG,EAAE;AACtD,QAAM,EAAE,UAAUC,KAAAA,mBAAmB,iBAAiB,QAAQ,KAAK;AAEnEC,OAAAA,0BAA0B,MAAM;AAC1B,QAAA,mBAAmB,QAAQ,UAAU;AAAM,aAAO,MAAM;AAAA,MAAA;AAEtD,UAAA,aAAaF,KAAAA,QAAQ,IAAI,CAAU,WAAA;AACjC,YAAA,iBAAiB,OAAO,WAAWG,KAAA,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, p 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/dist/usePage.cjs.js

@@ -0,0 +1,14 @@
+"use strict";
+var index = require("./index.cjs.js");
+function usePage(pageId) {
+  const { error, data = {} } = index.useQuery(index.PAGE_PATHNAMES_BY_ID, {
+    skip: pageId == null,
+    variables: { ids: [pageId] }
+  });
+  if (pageId == null || error != null)
+    return null;
+  const { pagePathnamesById: [page] = [] } = data;
+  return page;
+}
+exports.usePage = usePage;
+//# sourceMappingURL=usePage.cjs.js.map

package/dist/usePage.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePage.cjs.js","sources":["../src/components/hooks/usePage.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { PAGE_PATHNAMES_BY_ID } from '../utils/queries'\n\ntype Page = {\n  id: string\n  pathname: string\n}\n\nexport function usePage(pageId: string | null | undefined): Page | null | undefined {\n  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {\n    skip: pageId == null,\n    variables: { ids: [pageId] },\n  })\n\n  if (pageId == null || error != null) return null\n\n  const { pagePathnamesById: [page] = [] } = data\n\n  return page\n}\n"],"names":["useQuery","PAGE_PATHNAMES_BY_ID"],"mappings":";;AAQO,iBAAiB,QAA4D;AAClF,QAAM,EAAE,OAAO,OAAO,CAAC,MAAMA,MAAAA,SAASC,MAAAA,sBAAsB;AAAA,IAC1D,MAAM,UAAU;AAAA,IAChB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE;AAAA,EAAA,CAC5B;AAEG,MAAA,UAAU,QAAQ,SAAS;AAAa,WAAA;AAE5C,QAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAO,MAAA;AAEpC,SAAA;AACT;;"}

package/dist/usePage.es.js

@@ -0,0 +1,13 @@
+import { m as useQuery, s as PAGE_PATHNAMES_BY_ID } from "./index.es.js";
+function usePage(pageId) {
+  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {
+    skip: pageId == null,
+    variables: { ids: [pageId] }
+  });
+  if (pageId == null || error != null)
+    return null;
+  const { pagePathnamesById: [page] = [] } = data;
+  return page;
+}
+export { usePage as u };
+//# sourceMappingURL=usePage.es.js.map

package/dist/usePage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePage.es.js","sources":["../src/components/hooks/usePage.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { PAGE_PATHNAMES_BY_ID } from '../utils/queries'\n\ntype Page = {\n  id: string\n  pathname: string\n}\n\nexport function usePage(pageId: string | null | undefined): Page | null | undefined {\n  const { error, data = {} } = useQuery(PAGE_PATHNAMES_BY_ID, {\n    skip: pageId == null,\n    variables: { ids: [pageId] },\n  })\n\n  if (pageId == null || error != null) return null\n\n  const { pagePathnamesById: [page] = [] } = data\n\n  return page\n}\n"],"names":[],"mappings":";AAQO,iBAAiB,QAA4D;AAClF,QAAM,EAAE,OAAO,OAAO,CAAC,MAAM,SAAS,sBAAsB;AAAA,IAC1D,MAAM,UAAU;AAAA,IAChB,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE;AAAA,EAAA,CAC5B;AAEG,MAAA,UAAU,QAAQ,SAAS;AAAa,WAAA;AAE5C,QAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAO,MAAA;AAEpC,SAAA;AACT;;"}

package/dist/useTable.cjs.js

@@ -0,0 +1,10 @@
+"use strict";
+var index = require("./index.cjs.js");
+function useTable(tableId) {
+  return index.useQuery(index.TABLE_BY_ID, {
+    skip: tableId == null,
+    variables: { id: tableId }
+  });
+}
+exports.useTable = useTable;
+//# sourceMappingURL=useTable.cjs.js.map

package/dist/useTable.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.cjs.js","sources":["../src/components/hooks/useTable.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { TABLE_BY_ID } from '../utils/queries'\n\nexport type SingleLineTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'SingleLineTextTableColumn'\n}\n\nexport type LongTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'LongTextTableColumn'\n}\n\nexport type CheckboxTableColumn = {\n  id: string\n  name: string\n  __typename: 'CheckboxTableColumn'\n}\n\nexport type MultipleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type MultipleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<MultipleSelectTableColumnOption>\n  __typename: 'MultipleSelectTableColumn'\n}\n\nexport type SingleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type SingleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<SingleSelectTableColumnOption>\n  __typename: 'SingleSelectTableColumn'\n}\n\nexport type PhoneNumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'PhoneNumberTableColumn'\n}\n\nexport type EmailTableColumn = {\n  id: string\n  name: string\n  __typename: 'EmailTableColumn'\n}\n\nexport type URLTableColumn = {\n  id: string\n  name: string\n  __typename: 'URLTableColumn'\n}\n\nexport type NumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'NumberTableColumn'\n}\n\nexport type TableColumn =\n  | SingleLineTextTableColumn\n  | LongTextTableColumn\n  | CheckboxTableColumn\n  | MultipleSelectTableColumn\n  | SingleSelectTableColumn\n  | PhoneNumberTableColumn\n  | EmailTableColumn\n  | URLTableColumn\n  | NumberTableColumn\n\ntype Table = {\n  id: string\n  name: string\n  columns: Array<TableColumn>\n}\n\nexport function useTable(tableId: string | null | undefined) {\n  return useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\n}\n"],"names":["useQuery","TABLE_BY_ID"],"mappings":";;AAsFO,kBAAkB,SAAoC;AAC3D,SAAOA,MAAAA,SAAkCC,MAAAA,aAAa;AAAA,IACpD,MAAM,WAAW;AAAA,IACjB,WAAW,EAAE,IAAI,QAAQ;AAAA,EAAA,CAC1B;AACH;;"}

package/dist/useTable.es.js

@@ -0,0 +1,9 @@
+import { m as useQuery, T as TABLE_BY_ID } from "./index.es.js";
+function useTable(tableId) {
+  return useQuery(TABLE_BY_ID, {
+    skip: tableId == null,
+    variables: { id: tableId }
+  });
+}
+export { useTable as u };
+//# sourceMappingURL=useTable.es.js.map

package/dist/useTable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.es.js","sources":["../src/components/hooks/useTable.ts"],"sourcesContent":["import { useQuery } from '../../api/react'\nimport { TABLE_BY_ID } from '../utils/queries'\n\nexport type SingleLineTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'SingleLineTextTableColumn'\n}\n\nexport type LongTextTableColumn = {\n  id: string\n  name: string\n  __typename: 'LongTextTableColumn'\n}\n\nexport type CheckboxTableColumn = {\n  id: string\n  name: string\n  __typename: 'CheckboxTableColumn'\n}\n\nexport type MultipleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type MultipleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<MultipleSelectTableColumnOption>\n  __typename: 'MultipleSelectTableColumn'\n}\n\nexport type SingleSelectTableColumnOption = {\n  id: string\n  name: string\n}\n\nexport type SingleSelectTableColumn = {\n  id: string\n  name: string\n  options: Array<SingleSelectTableColumnOption>\n  __typename: 'SingleSelectTableColumn'\n}\n\nexport type PhoneNumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'PhoneNumberTableColumn'\n}\n\nexport type EmailTableColumn = {\n  id: string\n  name: string\n  __typename: 'EmailTableColumn'\n}\n\nexport type URLTableColumn = {\n  id: string\n  name: string\n  __typename: 'URLTableColumn'\n}\n\nexport type NumberTableColumn = {\n  id: string\n  name: string\n  __typename: 'NumberTableColumn'\n}\n\nexport type TableColumn =\n  | SingleLineTextTableColumn\n  | LongTextTableColumn\n  | CheckboxTableColumn\n  | MultipleSelectTableColumn\n  | SingleSelectTableColumn\n  | PhoneNumberTableColumn\n  | EmailTableColumn\n  | URLTableColumn\n  | NumberTableColumn\n\ntype Table = {\n  id: string\n  name: string\n  columns: Array<TableColumn>\n}\n\nexport function useTable(tableId: string | null | undefined) {\n  return useQuery<{ table: Table | null }>(TABLE_BY_ID, {\n    skip: tableId == null,\n    variables: { id: tableId },\n  })\n}\n"],"names":[],"mappings":";AAsFO,kBAAkB,SAAoC;AAC3D,SAAO,SAAkC,aAAa;AAAA,IACpD,MAAM,WAAW;AAAA,IACjB,WAAW,EAAE,IAAI,QAAQ;AAAA,EAAA,CAC1B;AACH;;"}

package/next/plugin.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.0.22",
+  "version": "0.1.0-next.0",
   "license": "MIT",
   "main": "dist/main.cjs",
   "module": "dist/main.es",
@@ -13,6 +13,7 @@
     "components.js",
     "api.js",
     "next.js",
+    "next/plugin.js",
     "builder.js",
     "controls.js"
   ],
@@ -45,6 +46,7 @@
       "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"
@@ -100,6 +102,7 @@
     "@convertkit/slate-lists": "^0.2.4",
     "@emotion/css": "^11.9.0",
     "@emotion/server": "^11.4.0",
+    "@makeswift/next-plugin": "0.1.0-next.0",
     "@popmotion/popcorn": "^0.4.4",
     "@types/is-hotkey": "^0.1.7",
     "@types/react": "^17.0.3",