@makeswift/runtime 0.13.1 → 0.14.1

package/dist/Navigation.cjs.js

@@ -1,846 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var React = require("react");
-var index = require("./index.cjs4.js");
-var Image = require("./Image.cjs.js");
-var Button = require("./Button.cjs.js");
-var reactPage = require("./react-page.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-var next = require("./index.cjs.js");
-require("use-sync-external-store/shim");
-require("ts-pattern");
-require("./actions.cjs.js");
-require("uuid");
-require("slate");
-require("escape-html");
-require("slate-hyperscript");
-require("parse5");
-require("is-hotkey");
-require("./breakpoints.cjs.js");
-var index$1 = require("./index.cjs3.js");
-var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");
-var css = require("@emotion/css");
-require("next/image");
-require("./placeholders.cjs.js");
-require("./next-version.cjs.js");
-require("next/package.json");
-require("zod");
-require("scroll-into-view-if-needed");
-require("next/link");
-require("redux");
-require("redux-thunk");
-require("corporate-ipsum");
-require("@emotion/serialize");
-require("@emotion/utils");
-require("use-sync-external-store/shim/with-selector");
-require("next/dynamic");
-require("./number.cjs.js");
-require("./combobox.cjs.js");
-require("./types.cjs.js");
-require("./box-models.cjs.js");
-require("css-box-model");
-require("color");
-require("react-dom");
-require("html-react-parser");
-require("next/head");
-require("@emotion/server/create-instance");
-require("next/document");
-require("cors");
-require("path-to-regexp");
-require("cookie");
-require("http-proxy");
-require("set-cookie-parser");
-require("./constants.cjs.js");
-function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
-  var n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    Object.keys(e).forEach(function(k) {
-      if (k !== "default") {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function() {
-            return e[k];
-          }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-var React__namespace = /* @__PURE__ */ _interopNamespace(React);
-var _path$5;
-function _extends$5() {
-  _extends$5 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$5.apply(this, arguments);
-}
-var SvgMobileMenu28 = function SvgMobileMenu282(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends$5({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 28
-  }, props), _path$5 || (_path$5 = /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M27 15H1a1 1 0 0 1-1-1 1 1 0 0 1 1-1h26a1 1 0 0 1 1 1 1 1 0 0 1-1 1zm0-10H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm0 16H1a1 1 0 0 0-1 1 1 1 0 0 0 1 1h26a1 1 0 0 0 1-1 1 1 0 0 0-1-1z"
-  })));
-};
-function PlaceholderLink({
-  width,
-  button
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: reactPage.useStyle({
-      width,
-      height: button === true ? 32 : 8,
-      backgroundColor: "#a1a8c2",
-      borderRadius: button === true ? 6 : 2,
-      opacity: 0.4
-    })
-  });
-}
-const links = [{
-  width: 50
-}, {
-  width: 70
-}, {
-  width: 60
-}, {
-  width: 80,
-  button: true
-}];
-function LinksPlaceholder({
-  gutter
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: links.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx(index.GutterContainer, {
-      gutter,
-      first: i === 0,
-      last: i === links.length - 1,
-      children: /* @__PURE__ */ jsxRuntime.jsx(PlaceholderLink, __spreadValues({}, link))
-    }, i))
-  });
-}
-var _path$4;
-function _extends$4() {
-  _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$4.apply(this, arguments);
-}
-var SvgCaretDown8 = function SvgCaretDown82(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends$4({
-    width: 8,
-    height: 8,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$4 || (_path$4 = /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M1 2a1 1 0 0 0-.707 1.707l3 3a1 1 0 0 0 1.414 0l3-3A1 1 0 0 0 7 2H1z"
-  })));
-};
-var _path$3;
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$3.apply(this, arguments);
-}
-var SvgPlus8 = function SvgPlus82(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends$3({
-    width: 8,
-    height: 8,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$3 || (_path$3 = /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M4 0a1 1 0 0 0-1 1v2H1a1 1 0 1 0 0 2h2v2a1 1 0 0 0 2 0V5h2a1 1 0 0 0 0-2H5V1a1 1 0 0 0-1-1z"
-  })));
-};
-var _path$2;
-function _extends$2() {
-  _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$2.apply(this, arguments);
-}
-var SvgArrowDown8 = function SvgArrowDown82(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends$2({
-    width: 8,
-    height: 8,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2 || (_path$2 = /* @__PURE__ */ React__namespace.createElement("path", {
-    d: "M5 1a1 1 0 0 0-2 0v3.586l-.293-.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414L5 4.586V1z"
-  })));
-};
-var _path$1;
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-var SvgChevronDown8 = function SvgChevronDown82(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends$1({
-    width: 8,
-    height: 8,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$1 || (_path$1 = /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M.293 2.293a1 1 0 0 1 1.414 0L4 4.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z"
-  })));
-};
-const DROP_DOWN_MENU_WIDTH = 200;
-const DROP_DOWN_MENU_CLASS_NAME = "drop-down-menu";
-function DropDownMenu$1(_a) {
-  var _b = _a, {
-    className,
-    position
-  } = _b, restOfProps = __objRest(_b, [
-    "className",
-    "position"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(DROP_DOWN_MENU_CLASS_NAME, reactPage.useStyle({
-      position: "absolute",
-      top: "100%",
-      left: position === "left" ? 0 : "auto",
-      right: position === "right" ? 0 : "auto",
-      background: "#fff",
-      margin: 0,
-      padding: "8px 0",
-      borderRadius: 4,
-      boxShadow: "0 3px 10px rgba(0, 0, 0, 0.15)",
-      width: DROP_DOWN_MENU_WIDTH,
-      zIndex: 99,
-      listStyle: "none",
-      overflow: "hidden",
-      transformOrigin: "50% 0",
-      willChange: "transform, opacity",
-      transformStyle: "preserve-3d",
-      display: "none"
-    }), className)
-  }));
-}
-const dropIn = css.keyframes`
-  0% {
-      opacity: 0;
-      transform: rotateX(-20deg);
-  }
-  100% {
-      opacity: 1;
-      transform: none;
-  }
-`;
-const DropDownContainer = React.forwardRef(function DropDownContainer2(_c, ref) {
-  var _d = _c, {
-    className
-  } = _d, restOfProps = __objRest(_d, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    className: css.cx(reactPage.useStyle({
-      position: "relative",
-      [`&:hover .${DROP_DOWN_MENU_CLASS_NAME}`]: {
-        display: "block",
-        animation: `${dropIn} 0.25s`
-      }
-    }), className)
-  }));
-});
-function DropDownItem$1(_e) {
-  var _f = _e, {
-    className,
-    color,
-    textStyle
-  } = _f, restOfProps = __objRest(_f, [
-    "className",
-    "color",
-    "textStyle"
-  ]);
-  const colorData = next.useResponsiveColor(color);
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Link, __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      display: "block",
-      textDecoration: "none",
-      lineHeight: 1.4,
-      padding: "8px 16px",
-      color: "black",
-      backgroundColor: "transparent",
-      transition: "background-color 0.2s"
-    }), reactPage.useStyle(next.useResponsiveTextStyle(textStyle)), reactPage.useStyle(next.useResponsiveStyle([colorData, textStyle], ([color2, textStyle2 = {}]) => {
-      const fontSize = textStyle2.fontSize || {
-        value: 14,
-        unit: "px"
-      };
-      const fontWeight = textStyle2.fontWeight == null ? "normal" : textStyle2.fontWeight;
-      const fontStyle = textStyle2.fontStyle || [];
-      const letterSpacing = textStyle2.letterSpacing == null ? null : textStyle2.letterSpacing;
-      const textTransform = textStyle2.textTransform || [];
-      return {
-        color: color2 == null ? "black" : next.colorToString(color2),
-        fontSize: `${fontSize.value}${fontSize.unit}`,
-        fontWeight,
-        fontStyle: fontStyle.includes("italic") ? "italic" : "normal",
-        letterSpacing: letterSpacing == null ? "normal" : `${letterSpacing}px`,
-        textTransform: textTransform.includes("uppercase") ? "uppercase" : "none"
-      };
-    })), reactPage.useStyle({
-      "&:hover": {
-        backgroundColor: "rgba(0, 0, 0, 0.04)"
-      }
-    }), className)
-  }));
-}
-function DropDownButton(_g) {
-  var _h = _g, {
-    label,
-    caret = "caret",
-    links: links2 = [],
-    textColor,
-    color
-  } = _h, restOfProps = __objRest(_h, [
-    "label",
-    "caret",
-    "links",
-    "textColor",
-    "color"
-  ]);
-  const container = React.useRef(null);
-  const [position, setPosition] = React.useState("left");
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    if (container.current && container.current.ownerDocument.defaultView.innerWidth < container.current.offsetLeft + DROP_DOWN_MENU_WIDTH) {
-      setPosition("right");
-    } else {
-      setPosition("left");
-    }
-  }, [setPosition]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(DropDownContainer, {
-    ref: container,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Button["default"], __spreadProps(__spreadValues({}, restOfProps), {
-      textColor: next.useResponsiveColor(textColor),
-      color: next.useResponsiveColor(color),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        style: {
-          display: "flex",
-          alignItems: "center"
-        },
-        children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
-          style: {
-            marginRight: 6
-          },
-          children: label
-        }), /* @__PURE__ */ jsxRuntime.jsxs("span", {
-          style: {
-            display: "inline-flex",
-            fill: "currentColor"
-          },
-          children: [caret === "caret" && /* @__PURE__ */ jsxRuntime.jsx(SvgCaretDown8, {}), caret === "plus" && /* @__PURE__ */ jsxRuntime.jsx(SvgPlus8, {}), caret === "arrow-down" && /* @__PURE__ */ jsxRuntime.jsx(SvgArrowDown8, {}), caret === "chevron-down" && /* @__PURE__ */ jsxRuntime.jsx(SvgChevronDown8, {})]
-        })]
-      })
-    })), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu$1, {
-      position,
-      children: links2.map(({
-        id,
-        payload
-      }) => /* @__PURE__ */ React.createElement(DropDownItem$1, __spreadProps(__spreadValues({}, payload), {
-        key: id
-      }), payload.label))
-    })]
-  });
-}
-var _path;
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-var SvgTimes16 = function SvgTimes162(props) {
-  return /* @__PURE__ */ React__namespace.createElement("svg", _extends({
-    width: 16,
-    height: 16,
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path || (_path = /* @__PURE__ */ React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.707 3.707a1 1 0 0 0-1.414-1.414L8 6.586 3.707 2.293a1 1 0 0 0-1.414 1.414L6.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414L8 9.414l4.293 4.293a1 1 0 0 0 1.414-1.414L9.414 8l4.293-4.293Z"
-  })));
-};
-function DropDownMenu(_i) {
-  var _j = _i, {
-    className,
-    open
-  } = _j, restOfProps = __objRest(_j, [
-    "className",
-    "open"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      display: open ? "flex" : "none",
-      flexDirection: "column",
-      padding: 8
-    }), className)
-  }));
-}
-function ButtonLink$1(_k) {
-  var _l = _k, {
-    className
-  } = _l, restOfProps = __objRest(_l, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Button["default"], __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      margin: "8px 0"
-    }), className)
-  }));
-}
-function DropDownItem(_m) {
-  var _n = _m, {
-    color,
-    className,
-    textStyle
-  } = _n, restOfProps = __objRest(_n, [
-    "color",
-    "className",
-    "textStyle"
-  ]);
-  const colorData = next.useResponsiveColor(color);
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Link, __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      textDecoration: "none",
-      lineHeight: 1.4,
-      padding: "8px 16px",
-      color: "black"
-    }), reactPage.useStyle(next.useResponsiveTextStyle(textStyle)), reactPage.useStyle(next.useResponsiveStyle([colorData], ([color2]) => ({
-      color: color2 == null ? "black" : next.colorToString(color2)
-    }))), className)
-  }));
-}
-function MobileDropDownButton(_o) {
-  var _p = _o, {
-    label,
-    caret,
-    links: links2 = [],
-    onClose = () => {
-    },
-    color,
-    textColor
-  } = _p, restOfProps = __objRest(_p, [
-    "label",
-    "caret",
-    "links",
-    "onClose",
-    "color",
-    "textColor"
-  ]);
-  const [isOpen, setIsOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsx(ButtonLink$1, __spreadProps(__spreadValues({}, restOfProps), {
-      textColor: next.useResponsiveColor(textColor),
-      color: next.useResponsiveColor(color),
-      onPointerDown: () => setIsOpen((prev) => !prev),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        style: {
-          display: "flex",
-          alignItems: "center"
-        },
-        children: [/* @__PURE__ */ jsxRuntime.jsx("span", {
-          style: {
-            marginRight: 6
-          },
-          children: label
-        }), /* @__PURE__ */ jsxRuntime.jsx("span", {
-          style: {
-            display: "inline-flex",
-            fill: "currentColor"
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [caret === "caret" && /* @__PURE__ */ jsxRuntime.jsx(SvgCaretDown8, {}), caret === "plus" && /* @__PURE__ */ jsxRuntime.jsx(SvgPlus8, {}), caret === "arrow-down" && /* @__PURE__ */ jsxRuntime.jsx(SvgArrowDown8, {}), caret === "chevron-down" && /* @__PURE__ */ jsxRuntime.jsx(SvgChevronDown8, {})]
-          })
-        })]
-      })
-    })), /* @__PURE__ */ jsxRuntime.jsx(DropDownMenu, {
-      open: isOpen,
-      children: links2.map(({
-        id,
-        payload
-      }) => /* @__PURE__ */ React.createElement(DropDownItem, __spreadProps(__spreadValues({}, payload), {
-        key: id,
-        onClick: onClose
-      }), payload.label))
-    })]
-  });
-}
-function ButtonLink(_q) {
-  var _r = _q, {
-    className,
-    textColor,
-    color
-  } = _r, restOfProps = __objRest(_r, [
-    "className",
-    "textColor",
-    "color"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Button["default"], __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      margin: "8px 0"
-    }), className),
-    textColor: next.useResponsiveColor(textColor),
-    color: next.useResponsiveColor(color)
-  }));
-}
-function Container$1(_s) {
-  var _t = _s, {
-    className,
-    animation,
-    backgroundColor,
-    open
-  } = _t, restOfProps = __objRest(_t, [
-    "className",
-    "animation",
-    "backgroundColor",
-    "open"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      position: "fixed",
-      flexDirection: "column",
-      width: "100%",
-      padding: "40px 15px",
-      transition: "transform 300ms ease-in-out",
-      overflowY: "auto",
-      zIndex: 9999,
-      maxWidth: 575
-    }), reactPage.useStyle(next.useResponsiveStyle([animation, backgroundColor], ([animation2, backgroundColor2]) => {
-      if (animation2 == null)
-        return {
-          display: "none"
-        };
-      return __spreadValues({
-        display: "flex",
-        backgroundColor: backgroundColor2 == null ? "black" : next.colorToString(backgroundColor2),
-        transform: open ? `translate3d(0,0,0)` : `translate3d(${{
-          coverRight: "",
-          coverLeft: "-"
-        }[animation2]}100%, 0, 0)`
-      }, {
-        coverRight: {
-          top: 0,
-          bottom: 0,
-          right: 0
-        },
-        coverLeft: {
-          top: 0,
-          bottom: 0,
-          left: 0
-        }
-      }[animation2]);
-    })), className)
-  }));
-}
-function CloseIconContainer(_u) {
-  var _v = _u, {
-    className,
-    color
-  } = _v, restOfProps = __objRest(_v, [
-    "className",
-    "color"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      position: "absolute",
-      top: 15,
-      right: 15,
-      padding: 0,
-      border: 0,
-      outline: 0,
-      background: "none",
-      fill: "currentcolor"
-    }), reactPage.useStyle(next.useResponsiveStyle([color], ([color2]) => ({
-      color: color2 == null ? "rgba(161, 168, 194, 0.5)" : next.colorToString(color2)
-    }))), className)
-  }));
-}
-function MobileMenu({
-  animation,
-  backgroundColor,
-  open = false,
-  closeIconColor,
-  links: links2 = [],
-  onClose = () => {
-  }
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container$1, {
-    animation,
-    backgroundColor,
-    open,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(CloseIconContainer, {
-      color: closeIconColor,
-      onClick: onClose,
-      children: /* @__PURE__ */ jsxRuntime.jsx(SvgTimes16, {})
-    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        flexShrink: 0
-      },
-      children: links2.map((link) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, {
-        children: [link.type === "button" && /* @__PURE__ */ jsxRuntime.jsx(ButtonLink, __spreadProps(__spreadValues({}, link.payload), {
-          onClick: onClose,
-          children: link.payload.label
-        })), link.type === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(MobileDropDownButton, __spreadProps(__spreadValues({}, link.payload), {
-          onClose
-        }))]
-      }, link.id))
-    })]
-  });
-}
-const Container = React.forwardRef(function Container2(_w, ref) {
-  var _x = _w, {
-    className,
-    width,
-    margin,
-    textStyle,
-    gutter
-  } = _x, restOfProps = __objRest(_x, [
-    "className",
-    "width",
-    "margin",
-    "textStyle",
-    "gutter"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", __spreadProps(__spreadValues({}, restOfProps), {
-    ref,
-    className: css.cx(reactPage.useStyle({
-      display: "flex",
-      alignItems: "center"
-    }), width, margin, reactPage.useStyle(next.useResponsiveTextStyle(textStyle)), reactPage.useStyle(next.useResponsiveStyle([gutter], ([gutter2 = {
-      value: 0,
-      unit: "px"
-    }]) => ({
-      gap: `${gutter2.value}${gutter2.unit}`
-    }))), className)
-  }));
-});
-function LinksContainer(_y) {
-  var _z = _y, {
-    className,
-    alignment,
-    mobileMenuAnimation
-  } = _z, restOfProps = __objRest(_z, [
-    "className",
-    "alignment",
-    "mobileMenuAnimation"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      display: "flex",
-      alignItems: "center",
-      flexGrow: 1
-    }), reactPage.useStyle(next.useResponsiveStyle([alignment, mobileMenuAnimation], ([alignment2 = "flex-end", mobileMenuAnimation2]) => ({
-      display: mobileMenuAnimation2 == null ? "flex" : "none",
-      justifyContent: alignment2
-    }))), className)
-  }));
-}
-function OpenIconContainer(_A) {
-  var _B = _A, {
-    className,
-    mobileMenuAnimation,
-    alignment,
-    color
-  } = _B, restOfProps = __objRest(_B, [
-    "className",
-    "mobileMenuAnimation",
-    "alignment",
-    "color"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("button", __spreadProps(__spreadValues({}, restOfProps), {
-    className: css.cx(reactPage.useStyle({
-      display: "none",
-      flexGrow: 1,
-      alignItems: "center",
-      background: "none",
-      outline: 0,
-      border: 0,
-      padding: 0,
-      fill: "currentcolor"
-    }), reactPage.useStyle(next.useResponsiveStyle([mobileMenuAnimation, alignment, color], ([mobileMenuAnimation2, alignment2 = "flex-end", color2]) => ({
-      display: mobileMenuAnimation2 == null ? "none" : "flex",
-      justifyContent: alignment2,
-      color: color2 == null ? "rgba(161, 168, 194, 0.5)" : next.colorToString(color2)
-    }))), className)
-  }));
-}
-function NavigationButton(props) {
-  const _a = props, {
-    textColor,
-    color
-  } = _a, restOfProps = __objRest(_a, [
-    "textColor",
-    "color"
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Button["default"], __spreadProps(__spreadValues({}, restOfProps), {
-    textColor: next.useResponsiveColor(textColor),
-    color: next.useResponsiveColor(color)
-  }));
-}
-const placeholder = {
-  src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='93.12' height='36' viewBox='0 0 93.12 36'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M18,0A18,18,0,1,1,0,18,18,18,0,0,1,18,0ZM49.36,21.94h6.36V24H46.8V10h2.56Zm9.06.72a4.88,4.88,0,0,1-1.64-3.72,5,5,0,0,1,1.64-3.74,5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18l-.26.26a5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Zm10,10.68,1-1.92a5.28,5.28,0,0,0,3.3,1.22,3.6,3.6,0,0,0,2.32-.72,2.73,2.73,0,0,0,.9-2.26V22.5a3.61,3.61,0,0,1-1.45,1.26,4.35,4.35,0,0,1-2,.46,4.57,4.57,0,0,1-3.58-1.54A5.48,5.48,0,0,1,69.2,18.9a5.42,5.42,0,0,1,1.36-3.74,4.64,4.64,0,0,1,3.62-1.5,4,4,0,0,1,3.44,1.72v-1.5h2.46v9a6.13,6.13,0,0,1-1.43,4.46,5.27,5.27,0,0,1-4,1.44,7.09,7.09,0,0,1-4.53-1.42Zm1.54-8.44a3.4,3.4,0,0,0,.82,2.3,2.72,2.72,0,0,0,2.17.94,3.13,3.13,0,0,0,1.21-.22,2.89,2.89,0,0,0,1-.62,3.08,3.08,0,0,0,.63-1,3.62,3.62,0,0,0,.21-1.3,4,4,0,0,0-.23-1.33,3.3,3.3,0,0,0-.63-1.05,2.74,2.74,0,0,0-1-.68,3.35,3.35,0,0,0-1.25-.24,2.92,2.92,0,0,0-1.2.24,2.58,2.58,0,0,0-.93.67,3,3,0,0,0-.59,1,3.89,3.89,0,0,0-.19,1.31ZM83.8,22.66a4.88,4.88,0,0,1-1.64-3.72A5,5,0,0,1,83.8,15.2a5.57,5.57,0,0,1,7.7,0,5.09,5.09,0,0,1,.26,7.18,3.19,3.19,0,0,1-.26.26,5.56,5.56,0,0,1-7.7,0Zm1.68-6a3.39,3.39,0,0,0,0,4.52,3,3,0,0,0,4.24.08l.08-.08a3.39,3.39,0,0,0,0-4.52,3,3,0,0,0-4.24-.08Z' fill='%23a1a8c2' opacity='0.4' style='isolation: isolate'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A",
-  dimensions: {
-    width: 93,
-    height: 36
-  }
-};
-const Navigation = React.forwardRef(function Navigation2({
-  id,
-  links: links2 = [],
-  linkTextStyle,
-  showLogo,
-  logoFile,
-  logoWidth,
-  logoAltText,
-  logoLink,
-  alignment,
-  gutter,
-  mobileMenuAnimation,
-  mobileMenuOpenIconColor,
-  mobileMenuCloseIconColor,
-  mobileMenuBackgroundColor,
-  width,
-  margin
-}, ref) {
-  const [isOpen, setIsOpen] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, {
-    ref,
-    id,
-    width,
-    margin,
-    textStyle: linkTextStyle,
-    gutter,
-    children: [showLogo === true && /* @__PURE__ */ jsxRuntime.jsx(Image["default"], {
-      altText: logoAltText,
-      file: logoFile,
-      link: logoLink,
-      placeholder,
-      width: logoWidth
-    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      style: {
-        display: "flex",
-        flexGrow: 1,
-        justifyContent: "flex-end"
-      },
-      children: [/* @__PURE__ */ jsxRuntime.jsx(LinksContainer, {
-        alignment,
-        mobileMenuAnimation,
-        children: links2.length > 0 ? links2.map((link, i) => /* @__PURE__ */ jsxRuntime.jsxs(index.GutterContainer, {
-          gutter,
-          first: i === 0,
-          last: i === links2.length - 1,
-          children: [link.type === "button" && /* @__PURE__ */ jsxRuntime.jsx(NavigationButton, __spreadProps(__spreadValues({}, link.payload), {
-            children: link.payload.label
-          })), link.type === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(DropDownButton, __spreadValues({}, link.payload))]
-        }, link.id)) : /* @__PURE__ */ jsxRuntime.jsx(LinksPlaceholder, {
-          gutter
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(OpenIconContainer, {
-        alignment,
-        color: mobileMenuOpenIconColor,
-        mobileMenuAnimation,
-        onClick: () => setIsOpen(true),
-        children: /* @__PURE__ */ jsxRuntime.jsx(SvgMobileMenu28, {})
-      }), /* @__PURE__ */ jsxRuntime.jsx(MobileMenu, {
-        animation: mobileMenuAnimation,
-        backgroundColor: mobileMenuBackgroundColor,
-        closeIconColor: mobileMenuCloseIconColor,
-        links: links2,
-        onClose: () => setIsOpen(false),
-        open: isOpen
-      })]
-    })]
-  });
-});
-exports["default"] = Navigation;
-//# sourceMappingURL=Navigation.cjs.js.map