@makeswift/runtime 0.0.0-018e17a

package/dist/box-models.es.js

@@ -0,0 +1,227 @@
+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 { A as ActionTypes } from "./actions.es.js";
+var isProduction = true;
+var prefix = "Invariant failed";
+function invariant(condition, message) {
+  if (condition) {
+    return;
+  }
+  if (isProduction) {
+    throw new Error(prefix);
+  }
+  var provided = typeof message === "function" ? message() : message;
+  var value = provided ? prefix + ": " + provided : prefix;
+  throw new Error(value);
+}
+var getRect = function getRect2(_ref) {
+  var top = _ref.top, right = _ref.right, bottom = _ref.bottom, left = _ref.left;
+  var width = right - left;
+  var height = bottom - top;
+  var rect = {
+    top,
+    right,
+    bottom,
+    left,
+    width,
+    height,
+    x: left,
+    y: top,
+    center: {
+      x: (right + left) / 2,
+      y: (bottom + top) / 2
+    }
+  };
+  return rect;
+};
+var expand = function expand2(target, expandBy) {
+  return {
+    top: target.top - expandBy.top,
+    left: target.left - expandBy.left,
+    bottom: target.bottom + expandBy.bottom,
+    right: target.right + expandBy.right
+  };
+};
+var shrink = function shrink2(target, shrinkBy) {
+  return {
+    top: target.top + shrinkBy.top,
+    left: target.left + shrinkBy.left,
+    bottom: target.bottom - shrinkBy.bottom,
+    right: target.right - shrinkBy.right
+  };
+};
+var shift = function shift2(target, shiftBy) {
+  return {
+    top: target.top + shiftBy.y,
+    left: target.left + shiftBy.x,
+    bottom: target.bottom + shiftBy.y,
+    right: target.right + shiftBy.x
+  };
+};
+var noSpacing = {
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0
+};
+var createBox$1 = function createBox(_ref2) {
+  var borderBox = _ref2.borderBox, _ref2$margin = _ref2.margin, margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin, _ref2$border = _ref2.border, border = _ref2$border === void 0 ? noSpacing : _ref2$border, _ref2$padding = _ref2.padding, padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;
+  var marginBox = getRect(expand(borderBox, margin));
+  var paddingBox = getRect(shrink(borderBox, border));
+  var contentBox = getRect(shrink(paddingBox, padding));
+  return {
+    marginBox,
+    borderBox: getRect(borderBox),
+    paddingBox,
+    contentBox,
+    margin,
+    border,
+    padding
+  };
+};
+var parse$1 = function parse(raw) {
+  var value = raw.slice(0, -2);
+  var suffix = raw.slice(-2);
+  if (suffix !== "px") {
+    return 0;
+  }
+  var result = Number(value);
+  !!isNaN(result) ? invariant(false) : void 0;
+  return result;
+};
+var getWindowScroll = function getWindowScroll2() {
+  return {
+    x: window.pageXOffset,
+    y: window.pageYOffset
+  };
+};
+var offset = function offset2(original, change) {
+  var borderBox = original.borderBox, border = original.border, margin = original.margin, padding = original.padding;
+  var shifted = shift(borderBox, change);
+  return createBox$1({
+    borderBox: shifted,
+    border,
+    margin,
+    padding
+  });
+};
+var withScroll = function withScroll2(original, scroll) {
+  if (scroll === void 0) {
+    scroll = getWindowScroll();
+  }
+  return offset(original, scroll);
+};
+var calculateBox = function calculateBox2(borderBox, styles) {
+  var margin = {
+    top: parse$1(styles.marginTop),
+    right: parse$1(styles.marginRight),
+    bottom: parse$1(styles.marginBottom),
+    left: parse$1(styles.marginLeft)
+  };
+  var padding = {
+    top: parse$1(styles.paddingTop),
+    right: parse$1(styles.paddingRight),
+    bottom: parse$1(styles.paddingBottom),
+    left: parse$1(styles.paddingLeft)
+  };
+  var border = {
+    top: parse$1(styles.borderTopWidth),
+    right: parse$1(styles.borderRightWidth),
+    bottom: parse$1(styles.borderBottomWidth),
+    left: parse$1(styles.borderLeftWidth)
+  };
+  return createBox$1({
+    borderBox,
+    margin,
+    padding,
+    border
+  });
+};
+var getBox$1 = function getBox(el) {
+  var borderBox = el.getBoundingClientRect();
+  var styles = window.getComputedStyle(el);
+  return calculateBox(borderBox, styles);
+};
+function parse2(rawString) {
+  const value = Number(rawString.replace(/px$/, ""));
+  return Number.isFinite(value) ? value : 0;
+}
+function createBox2(boxArgs) {
+  return withScroll(createBox$1(boxArgs));
+}
+function getBox2(element) {
+  return withScroll(getBox$1(element));
+}
+function isMeasurable(value) {
+  if (value instanceof Element)
+    return true;
+  if (typeof value === "object" && value !== null && "getBoxModel" in value && typeof value.getBoxModel === "function") {
+    return true;
+  }
+  return false;
+}
+function measure(measurable) {
+  if (measurable instanceof Element)
+    return getBox2(measurable);
+  return measurable.getBoxModel();
+}
+function getInitialState() {
+  return { measurables: /* @__PURE__ */ new Map(), boxModels: /* @__PURE__ */ new Map() };
+}
+function getMeasurables(state) {
+  return state.measurables;
+}
+function getBoxModels(state) {
+  return state.boxModels;
+}
+function getBoxModel(state, elementKey) {
+  var _a;
+  return (_a = getBoxModels(state).get(elementKey)) != null ? _a : null;
+}
+function reducer(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_MEASURABLE:
+      return __spreadProps(__spreadValues({}, state), {
+        measurables: new Map(getMeasurables(state)).set(action.payload.elementKey, action.payload.measurable)
+      });
+    case ActionTypes.UNREGISTER_MEASURABLE: {
+      const nextMeasurables = new Map(getMeasurables(state));
+      const deleted = nextMeasurables.delete(action.payload.elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { measurables: nextMeasurables }) : state;
+    }
+    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {
+      const { changedElementBoxModels } = action.payload;
+      if (changedElementBoxModels.size === 0)
+        return state;
+      const nextBoxModels = new Map(getBoxModels(state));
+      changedElementBoxModels.forEach((boxModel, elementKey) => {
+        if (boxModel == null)
+          nextBoxModels.delete(elementKey);
+        else
+          nextBoxModels.set(elementKey, boxModel);
+      });
+      return __spreadProps(__spreadValues({}, state), { boxModels: nextBoxModels });
+    }
+    default:
+      return state;
+  }
+}
+export { getMeasurables as a, getBoxModels as b, createBox2 as c, getBoxModel as d, getBox2 as g, isMeasurable as i, measure as m, parse2 as p, reducer as r };
+//# sourceMappingURL=box-models.es.js.map

package/dist/box-models.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-models.es.js","sources":["../../../node_modules/tiny-invariant/dist/tiny-invariant.esm.js","../../../node_modules/css-box-model/dist/css-box-model.esm.js","../src/state/modules/box-models.ts"],"sourcesContent":["var isProduction = process.env.NODE_ENV === 'production';\nvar prefix = 'Invariant failed';\nfunction invariant(condition, message) {\n    if (condition) {\n        return;\n    }\n    if (isProduction) {\n        throw new Error(prefix);\n    }\n    var provided = typeof message === 'function' ? message() : message;\n    var value = provided ? prefix + \": \" + provided : prefix;\n    throw new Error(value);\n}\n\nexport { invariant as default };\n","import invariant from 'tiny-invariant';\n\nvar getRect = function getRect(_ref) {\n  var top = _ref.top,\n      right = _ref.right,\n      bottom = _ref.bottom,\n      left = _ref.left;\n  var width = right - left;\n  var height = bottom - top;\n  var rect = {\n    top: top,\n    right: right,\n    bottom: bottom,\n    left: left,\n    width: width,\n    height: height,\n    x: left,\n    y: top,\n    center: {\n      x: (right + left) / 2,\n      y: (bottom + top) / 2\n    }\n  };\n  return rect;\n};\nvar expand = function expand(target, expandBy) {\n  return {\n    top: target.top - expandBy.top,\n    left: target.left - expandBy.left,\n    bottom: target.bottom + expandBy.bottom,\n    right: target.right + expandBy.right\n  };\n};\nvar shrink = function shrink(target, shrinkBy) {\n  return {\n    top: target.top + shrinkBy.top,\n    left: target.left + shrinkBy.left,\n    bottom: target.bottom - shrinkBy.bottom,\n    right: target.right - shrinkBy.right\n  };\n};\n\nvar shift = function shift(target, shiftBy) {\n  return {\n    top: target.top + shiftBy.y,\n    left: target.left + shiftBy.x,\n    bottom: target.bottom + shiftBy.y,\n    right: target.right + shiftBy.x\n  };\n};\n\nvar noSpacing = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0\n};\nvar createBox = function createBox(_ref2) {\n  var borderBox = _ref2.borderBox,\n      _ref2$margin = _ref2.margin,\n      margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n      _ref2$border = _ref2.border,\n      border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n      _ref2$padding = _ref2.padding,\n      padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n  var marginBox = getRect(expand(borderBox, margin));\n  var paddingBox = getRect(shrink(borderBox, border));\n  var contentBox = getRect(shrink(paddingBox, padding));\n  return {\n    marginBox: marginBox,\n    borderBox: getRect(borderBox),\n    paddingBox: paddingBox,\n    contentBox: contentBox,\n    margin: margin,\n    border: border,\n    padding: padding\n  };\n};\n\nvar parse = function parse(raw) {\n  var value = raw.slice(0, -2);\n  var suffix = raw.slice(-2);\n\n  if (suffix !== 'px') {\n    return 0;\n  }\n\n  var result = Number(value);\n  !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? invariant(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : invariant(false) : void 0;\n  return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n  return {\n    x: window.pageXOffset,\n    y: window.pageYOffset\n  };\n};\n\nvar offset = function offset(original, change) {\n  var borderBox = original.borderBox,\n      border = original.border,\n      margin = original.margin,\n      padding = original.padding;\n  var shifted = shift(borderBox, change);\n  return createBox({\n    borderBox: shifted,\n    border: border,\n    margin: margin,\n    padding: padding\n  });\n};\nvar withScroll = function withScroll(original, scroll) {\n  if (scroll === void 0) {\n    scroll = getWindowScroll();\n  }\n\n  return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n  var margin = {\n    top: parse(styles.marginTop),\n    right: parse(styles.marginRight),\n    bottom: parse(styles.marginBottom),\n    left: parse(styles.marginLeft)\n  };\n  var padding = {\n    top: parse(styles.paddingTop),\n    right: parse(styles.paddingRight),\n    bottom: parse(styles.paddingBottom),\n    left: parse(styles.paddingLeft)\n  };\n  var border = {\n    top: parse(styles.borderTopWidth),\n    right: parse(styles.borderRightWidth),\n    bottom: parse(styles.borderBottomWidth),\n    left: parse(styles.borderLeftWidth)\n  };\n  return createBox({\n    borderBox: borderBox,\n    margin: margin,\n    padding: padding,\n    border: border\n  });\n};\nvar getBox = function getBox(el) {\n  var borderBox = el.getBoundingClientRect();\n  var styles = window.getComputedStyle(el);\n  return calculateBox(borderBox, styles);\n};\n\nexport { calculateBox, createBox, expand, getBox, getRect, offset, shrink, withScroll };\n","import {\n  BoxModel,\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Measurable>\n  boxModels: Map<string, BoxModel>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Measurable> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, BoxModel> {\n  return state.boxModels\n}\n\nexport function getBoxModel(state: State, elementKey: string): BoxModel | null {\n  return getBoxModels(state).get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE:\n      return {\n        ...state,\n        measurables: new Map(getMeasurables(state)).set(\n          action.payload.elementKey,\n          action.payload.measurable,\n        ),\n      }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const nextMeasurables = new Map(getMeasurables(state))\n\n      const deleted = nextMeasurables.delete(action.payload.elementKey)\n\n      return deleted ? { ...state, measurables: nextMeasurables } : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(getBoxModels(state))\n\n      changedElementBoxModels.forEach((boxModel, elementKey) => {\n        if (boxModel == null) nextBoxModels.delete(elementKey)\n        else nextBoxModels.set(elementKey, boxModel)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"names":["createBox","parse","getBox","createBoxWithoutScroll","getBoxWithoutScroll"],"mappings":"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"}

package/dist/components.cjs.js

@@ -0,0 +1,305 @@
+"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, "__esModule", { value: true });
+exports[Symbol.toStringTag] = "Module";
+var styled = require("styled-components");
+var require$$0 = require("react");
+var react = require("./react.cjs2.js");
+require("./actions.cjs.js");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
+function normalize() {
+  var _ref;
+  return [(_ref = {
+    html: {
+      lineHeight: "1.15",
+      textSizeAdjust: "100%"
+    },
+    body: {
+      margin: "0"
+    },
+    h1: {
+      fontSize: "2em",
+      margin: "0.67em 0"
+    },
+    hr: {
+      boxSizing: "content-box",
+      height: "0",
+      overflow: "visible"
+    },
+    pre: {
+      fontFamily: "monospace, monospace",
+      fontSize: "1em"
+    },
+    a: {
+      backgroundColor: "transparent"
+    },
+    "abbr[title]": {
+      borderBottom: "none",
+      textDecoration: "underline"
+    }
+  }, _ref["b,\n    strong"] = {
+    fontWeight: "bolder"
+  }, _ref["code,\n    kbd,\n    samp"] = {
+    fontFamily: "monospace, monospace",
+    fontSize: "1em"
+  }, _ref.small = {
+    fontSize: "80%"
+  }, _ref["sub,\n    sup"] = {
+    fontSize: "75%",
+    lineHeight: "0",
+    position: "relative",
+    verticalAlign: "baseline"
+  }, _ref.sub = {
+    bottom: "-0.25em"
+  }, _ref.sup = {
+    top: "-0.5em"
+  }, _ref.img = {
+    borderStyle: "none"
+  }, _ref["button,\n    input,\n    optgroup,\n    select,\n    textarea"] = {
+    fontFamily: "inherit",
+    fontSize: "100%",
+    lineHeight: "1.15",
+    margin: "0"
+  }, _ref["button,\n    input"] = {
+    overflow: "visible"
+  }, _ref["button,\n    select"] = {
+    textTransform: "none"
+  }, _ref['button,\n    html [type="button"],\n    [type="reset"],\n    [type="submit"]'] = {
+    WebkitAppearance: "button"
+  }, _ref['button::-moz-focus-inner,\n    [type="button"]::-moz-focus-inner,\n    [type="reset"]::-moz-focus-inner,\n    [type="submit"]::-moz-focus-inner'] = {
+    borderStyle: "none",
+    padding: "0"
+  }, _ref['button:-moz-focusring,\n    [type="button"]:-moz-focusring,\n    [type="reset"]:-moz-focusring,\n    [type="submit"]:-moz-focusring'] = {
+    outline: "1px dotted ButtonText"
+  }, _ref.fieldset = {
+    padding: "0.35em 0.625em 0.75em"
+  }, _ref.legend = {
+    boxSizing: "border-box",
+    color: "inherit",
+    display: "table",
+    maxWidth: "100%",
+    padding: "0",
+    whiteSpace: "normal"
+  }, _ref.progress = {
+    verticalAlign: "baseline"
+  }, _ref.textarea = {
+    overflow: "auto"
+  }, _ref['[type="checkbox"],\n    [type="radio"]'] = {
+    boxSizing: "border-box",
+    padding: "0"
+  }, _ref['[type="number"]::-webkit-inner-spin-button,\n    [type="number"]::-webkit-outer-spin-button'] = {
+    height: "auto"
+  }, _ref['[type="search"]'] = {
+    WebkitAppearance: "textfield",
+    outlineOffset: "-2px"
+  }, _ref['[type="search"]::-webkit-search-decoration'] = {
+    WebkitAppearance: "none"
+  }, _ref["::-webkit-file-upload-button"] = {
+    WebkitAppearance: "button",
+    font: "inherit"
+  }, _ref.details = {
+    display: "block"
+  }, _ref.summary = {
+    display: "list-item"
+  }, _ref.template = {
+    display: "none"
+  }, _ref["[hidden]"] = {
+    display: "none"
+  }, _ref), {
+    "abbr[title]": {
+      textDecoration: "underline dotted"
+    }
+  }];
+}
+const PlaceholderBase = styled__default["default"].div`
+  width: 100%;
+  background: rgba(161, 168, 194, 0.18);
+  height: 80px;
+  padding: 8px;
+`;
+var Placeholder = require$$0.forwardRef(function Placeholder2(props, ref) {
+  return /* @__PURE__ */ react.jsx(PlaceholderBase, __spreadProps(__spreadValues({}, props), {
+    ref,
+    children: /* @__PURE__ */ react.jsx("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      height: "100%",
+      style: {
+        overflow: "visible"
+      },
+      children: /* @__PURE__ */ react.jsx("rect", {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%",
+        strokeWidth: 2,
+        strokeDasharray: "4 2",
+        fill: "none",
+        stroke: "rgba(161, 168, 194, 0.40)",
+        rx: "4",
+        ry: "4"
+      })
+    })
+  }));
+});
+const DEVICES = [
+  { id: "desktop", minWidth: 769 },
+  { id: "tablet", minWidth: 476, maxWidth: 768 },
+  { id: "mobile", maxWidth: 475 }
+];
+const getDevice = (deviceId) => {
+  const device = DEVICES.find(({ id }) => id === deviceId);
+  if (device == null)
+    throw new Error(`Unrecognized device ID: "${deviceId}".`);
+  return device;
+};
+function defaultStrategy(value, fallbacks) {
+  return value || fallbacks[0];
+}
+function findDeviceOverride(values = [], deviceId, strategy = defaultStrategy) {
+  const value = values.find(({ deviceId: d }) => d === deviceId);
+  const fallbacks = DEVICES.slice(0, DEVICES.findIndex((d) => d.id === deviceId) + 1).reverse().map((d) => values.find((v) => v.deviceId === d.id)).filter((override) => Boolean(override));
+  return value != null || fallbacks.length > 0 ? strategy(value, fallbacks) : void 0;
+}
+function join(responsiveValues, joinFn, strategy) {
+  return DEVICES.map(({ id }) => id).map((deviceId) => {
+    const value = joinFn(responsiveValues.map((responsiveValue) => {
+      const deviceValue = responsiveValue && findDeviceOverride(responsiveValue, deviceId, strategy);
+      return deviceValue == null ? void 0 : deviceValue.value;
+    }));
+    if (value == null)
+      return null;
+    return { deviceId, value };
+  }).filter((override) => Boolean(override));
+}
+const getDeviceMediaQuery = (device) => {
+  const parts = ["@media only screen"];
+  if (device.minWidth != null) {
+    parts.push(`(min-width: ${device.minWidth}px)`);
+  }
+  if (device.maxWidth != null) {
+    parts.push(`(max-width: ${device.maxWidth}px)`);
+  }
+  return parts.join(" and ");
+};
+const getIndexes = (spans, index) => {
+  const flattened = spans.reduce((a, s) => a.concat(s), []);
+  if (index < 0 || index > flattened.length)
+    throw new RangeError();
+  let remainder = index;
+  let rowIndex = 0;
+  while (rowIndex < spans.length - 1 && remainder >= spans[rowIndex].length) {
+    remainder -= spans[rowIndex].length;
+    rowIndex += 1;
+  }
+  return [rowIndex, remainder];
+};
+function cssMediaRules(responsiveValues, join$1, strategy) {
+  return (props) => join(typeof responsiveValues === "function" ? responsiveValues(props) : responsiveValues, join$1, strategy).reduce((acc, { deviceId, value }) => {
+    const device = getDevice(deviceId);
+    const mediaQuery = getDeviceMediaQuery(device);
+    return styled.css`
+        ${acc}${mediaQuery} {
+          ${value}
+        }
+      `;
+  }, styled.css``);
+}
+const floor = (d) => (v) => Math.floor(10 ** d * v) / 10 ** d;
+function cssGridItem() {
+  return (props) => styled.css`
+    display: flex;
+
+    /* TODO: A default span of 12 won't work once the column count is modifiable. */
+    ${cssMediaRules([props.grid, props.columnGap, props.rowGap], ([
+    { spans, count } = { spans: [[12]], count: 12 },
+    columnGap = { value: 0, unit: "px" },
+    rowGap = { value: 0, unit: "px" }
+  ]) => {
+    const [rowIndex, columnIndex] = getIndexes(spans, props.index);
+    const firstCol = columnIndex === 0;
+    const lastCol = columnIndex === spans[rowIndex].length - 1;
+    const span = spans[rowIndex][columnIndex];
+    const fraction = floor(5)(span / count);
+    const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`;
+    const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${columnGap.unit} / 2`;
+    const iePrecisionError = "0.01px";
+    const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`;
+    const firstRow = rowIndex === 0;
+    const lastRow = rowIndex === spans.length - 1;
+    return span === 0 ? { display: "none" } : {
+      flexBasis,
+      minWidth: flexBasis,
+      maxWidth: flexBasis,
+      paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
+      paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,
+      paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,
+      paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`
+    };
+  })}
+  `;
+}
+const Normalize = styled.createGlobalStyle`
+  html {
+    box-sizing: border-box;
+  }
+
+  *, *::before, *::after {
+    box-sizing: inherit;
+  }
+
+  ${normalize()}
+`;
+const Grid = styled__default["default"].div`
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+`;
+const GridItem = styled__default["default"].div`
+  display: flex;
+  align-items: flex-start;
+  ${cssGridItem()}
+`;
+var Root = require$$0.forwardRef(function Page({
+  children,
+  rowGap,
+  columnGap
+}, ref) {
+  return /* @__PURE__ */ react.jsxs(react.Fragment, {
+    children: [/* @__PURE__ */ react.jsx(Normalize, {}), /* @__PURE__ */ react.jsx(Grid, {
+      ref,
+      children: children && children.elements.length > 0 ? children.elements.map((child, index) => /* @__PURE__ */ react.jsx(GridItem, {
+        grid: children.columns,
+        index,
+        columnGap,
+        rowGap,
+        children: /* @__PURE__ */ react.jsx(react.Element, {
+          element: child
+        })
+      }, child.key)) : /* @__PURE__ */ react.jsx(Placeholder, {})
+    })]
+  });
+});
+exports.Root = Root;
+//# sourceMappingURL=components.cjs.js.map