@makeswift/runtime 0.0.0-018e17a → 0.0.0-1d7ee6c

package/dist/components.cjs.js

@@ -1,305 +1,75 @@
 "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");
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var react = require("./react.cjs2.js");
+var Page = require("./Page.cjs.js");
+require("react");
+require("use-sync-external-store/shim/with-selector");
+require("@apollo/client");
+require("./react-page.cjs.js");
+require("redux");
+require("redux-thunk");
 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;
+require("./descriptors.cjs.js");
+require("styled-components");
+require("framer-motion");
+require("@apollo/client/react/ssr");
+require("slate");
+require("uuid/v4");
+require("react/jsx-runtime");
+require("html-react-parser");
+require("next/head");
+require("./box-models.cjs.js");
+require("css-box-model");
+require("next/image");
+require("react-player");
+require("color");
+require("scroll-into-view-if-needed");
+require("next/link");
+require("react-use-gesture");
+require("@popmotion/popcorn");
+require("formik");
+require("polished");
+require("slate-hotkeys");
+require("corporate-ipsum");
+require("slate-react");
+require("@convertkit/slate-lists");
+exports.Box = react.Box;
+exports.Button = react.Button;
+exports.Carousel = react.Carousel;
+exports.Countdown = react.Countdown;
+exports.DEFAULT_BOX_ANIMATE_DELAY = react.DEFAULT_BOX_ANIMATE_DELAY;
+exports.DEFAULT_BOX_ANIMATE_DURATION = react.DEFAULT_BOX_ANIMATE_DURATION;
+exports.DEFAULT_BOX_ANIMATE_TYPE = react.DEFAULT_BOX_ANIMATE_TYPE;
+exports.DEFAULT_ITEM_ANIMATE_DELAY = react.DEFAULT_ITEM_ANIMATE_DELAY;
+exports.DEFAULT_ITEM_ANIMATE_DURATION = react.DEFAULT_ITEM_ANIMATE_DURATION;
+exports.DEFAULT_ITEM_ANIMATE_TYPE = react.DEFAULT_ITEM_ANIMATE_TYPE;
+exports.DEFAULT_ITEM_STAGGER_DURATION = react.DEFAULT_ITEM_STAGGER_DURATION;
+exports.Divider = react.Divider;
+exports.Embed = react.Embed;
+exports.Form = react.Form;
+exports.Image = react.ImageComponent;
+exports.Navigation = react.Navigation;
+exports.Root = react.Root;
+exports.SocialLinks = react.SocialLinks;
+exports.Text = react.Text;
+exports.cssBorder = react.cssBorder;
+exports.cssBorderRadius = react.cssBorderRadius;
+exports.cssBoxShadow = react.cssBoxShadow;
+exports.cssGridItem = react.cssGridItem;
+exports.cssMargin = react.cssMargin;
+exports.cssMediaRules = react.cssMediaRules;
+exports.cssPadding = react.cssPadding;
+exports.cssTextStyle = react.cssTextStyle;
+exports.cssWidth = react.cssWidth;
+exports.registerBuiltinComponents = react.registerBuiltinComponents;
+exports.registerComponent = react.registerComponent;
+exports.useBackgrounds = react.useBackgrounds;
+exports.useBorder = react.useBorder;
+exports.useBoxShadow = react.useBoxShadow;
+exports.useColor = react.useColor;
+exports.useFile = react.useFile;
+exports.useMediaQuery = react.useMediaQuery;
+exports.usePage = react.usePage;
+exports.useTable = react.useTable;
+exports.Page = Page.Page;
 //# sourceMappingURL=components.cjs.js.map