@makeswift/runtime 0.10.15 → 0.10.16

package/dist/Image.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport type NextLegacyImageType from 'next/legacy/image'\n\nimport {\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  ResponsiveOpacityValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { Breakpoints, findBreakpointOverride } from '../../../state/modules/breakpoints'\nimport { placeholders } from '../../utils/placeholders'\nimport { Link } from '../../shared/Link'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveWidth } from '../../utils/responsive-style'\nimport { useFile } from '../../../runtimes/react/hooks/makeswift-api'\nimport { major as nextMajorVersion } from '../../../next/next-version'\nimport { useBreakpoints } from '../../../runtimes/react'\nimport { match, P } from 'ts-pattern'\n\nconst NextLegacyImage = NextImage as typeof NextLegacyImageType\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(breakpoints: Breakpoints, width?: Props['width']): string {\n  const baseDevice = breakpoints.find(breakpoint => breakpoint.maxWidth == null)\n  const baseWidth = baseDevice && width && findBreakpointOverride(breakpoints, width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return breakpoints\n    .map(breakpoint => {\n      const override = findBreakpointOverride(breakpoints, width, breakpoint.id)\n\n      if (override == null || breakpoint.maxWidth == null || override.value.unit !== 'px') {\n        return null\n      }\n\n      return `(max-width: ${breakpoint.maxWidth}px) ${Math.min(\n        breakpoint.maxWidth,\n        override.value.value,\n      )}px`\n    })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLAnchorElement & HTMLDivElement>,\n) {\n  const fileId = match(file)\n    .with(P.string, v => v)\n    .with({ type: 'makeswift-file', version: 1 }, v => v.id)\n    .otherwise(() => null)\n  const fileData = useFile(fileId)\n  const imageSrc = match([file, fileData])\n    .with([P.any, P.not(P.nullish)], ([, fileData]) => fileData.publicUrl)\n    .with([{ type: 'external-file', version: 1 }, P.any], ([file]) => file.url)\n    .otherwise(() => placeholder.src)\n  const dataDimensions = match([file, fileData, imageSrc])\n    .with(\n      [{ type: 'external-file', version: 1, width: P.number, height: P.number }, P.any, P.any],\n      ([externalFile]) => ({ width: externalFile.width, height: externalFile.height }),\n    )\n    .with([P.any, P.not(P.nullish), P.any], ([, data]) => data.dimensions)\n    .with([P.any, P.any, placeholder.src], () => placeholder.dimensions)\n    .otherwise(() => null)\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const breakpoints = useBreakpoints()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n  const Container = link ? Link : 'div'\n  const containerClassName = cx(\n    useStyle({ lineHeight: 0, overflow: 'hidden' }),\n    useStyle(useResponsiveWidth(width, dimensions?.width)),\n    useStyle(useResponsiveStyle([opacity] as const, ([opacity = 1]) => ({ opacity }))),\n    margin,\n    padding,\n    border,\n    borderRadius,\n    boxShadow,\n    className,\n  )\n\n  if (!dimensions) return null\n\n  return (\n    <Container link={link} ref={ref} id={id} className={containerClassName}>\n      {nextMajorVersion < 13 ? (\n        <NextLegacyImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      ) : (\n        <NextImage\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText ?? ''}\n          width={dimensions.width}\n          height={dimensions.height}\n          style={{\n            width: '100%',\n            height: 'auto',\n          }}\n        />\n      )}\n    </Container>\n  )\n})\n\nexport default ImageComponent\n"],"names":["NextLegacyImage","NextImage","src","Promise","resolve","reject","image","Image","onload","onerror","breakpoints","width","baseDevice","find","breakpoint","maxWidth","baseWidth","findBreakpointOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","opacity","boxShadow","placeholder","placeholders","className","ref","fileId","match","with","P","string","v","type","version","otherwise","fileData","useFile","imageSrc","any","not","nullish","publicUrl","url","dataDimensions","number","height","externalFile","data","dimensions","measuredDimensions","setMeasuredDimensions","useState","useBreakpoints","useEffect","cleanedUp","then","naturalWidth","naturalHeight","catch","console","error","Container","Link","containerClassName","cx","useStyle","lineHeight","overflow","useResponsiveWidth","useResponsiveStyle","nextMajorVersion","_jsx","imageSizes"],"mappings":"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"}
+{"version":3,"file":"Image.cjs.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport type NextLegacyImageType from 'next/legacy/image'\n\nimport {\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  ResponsiveOpacityValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { Breakpoints, findBreakpointOverride } from '../../../state/modules/breakpoints'\nimport { placeholders } from '../../utils/placeholders'\nimport { Link } from '../../shared/Link'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveWidth } from '../../utils/responsive-style'\nimport { useFile } from '../../../runtimes/react/hooks/makeswift-api'\nimport { major as nextMajorVersion } from '../../../next/next-version'\nimport { useBreakpoints } from '../../../runtimes/react'\nimport { match, P } from 'ts-pattern'\n\nconst NextLegacyImage = NextImage as typeof NextLegacyImageType\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(breakpoints: Breakpoints, width?: Props['width']): string {\n  const baseDevice = breakpoints.find(breakpoint => breakpoint.maxWidth == null)\n  const baseWidth = baseDevice && width && findBreakpointOverride(breakpoints, width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return breakpoints\n    .map(breakpoint => {\n      const override = findBreakpointOverride(breakpoints, width, breakpoint.id)\n\n      if (override == null || breakpoint.maxWidth == null || override.value.unit !== 'px') {\n        return null\n      }\n\n      return `(max-width: ${breakpoint.maxWidth}px) ${Math.min(\n        breakpoint.maxWidth,\n        override.value.value,\n      )}px`\n    })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLAnchorElement & HTMLDivElement>,\n) {\n  const fileId = match(file)\n    .with(P.string, v => v)\n    .with({ type: 'makeswift-file', version: 1 }, v => v.id)\n    .otherwise(() => null)\n  const fileData = useFile(fileId)\n  const imageSrc = match([file, fileData])\n    .with([P.any, P.not(P.nullish)], ([, fileData]) => fileData.publicUrl)\n    .with([{ type: 'external-file', version: 1 }, P.any], ([file]) => file.url)\n    .otherwise(() => placeholder.src)\n  const dataDimensions = match([file, fileData, imageSrc])\n    .with(\n      [{ type: 'external-file', version: 1, width: P.number, height: P.number }, P.any, P.any],\n      ([externalFile]) => ({ width: externalFile.width, height: externalFile.height }),\n    )\n    .with([P.any, P.not(P.nullish), P.any], ([, data]) => data.dimensions)\n    .with([P.any, P.any, placeholder.src], () => placeholder.dimensions)\n    .otherwise(() => null)\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const breakpoints = useBreakpoints()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n  const Container = link ? Link : 'div'\n  const containerClassName = cx(\n    useStyle({ lineHeight: 0, overflow: 'hidden' }),\n    useStyle(useResponsiveWidth(width, dimensions?.width)),\n    useStyle(useResponsiveStyle([opacity] as const, ([opacity = 1]) => ({ opacity }))),\n    margin,\n    padding,\n    border,\n    borderRadius,\n    boxShadow,\n    className,\n  )\n\n  if (!dimensions) return null\n\n  return (\n    <Container link={link} ref={ref} id={id} className={containerClassName}>\n      {nextMajorVersion < 13 ? (\n        <NextLegacyImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      ) : (\n        <NextImage\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText ?? ''}\n          width={dimensions.width}\n          height={dimensions.height}\n          style={{\n            width: '100%',\n            height: 'auto',\n          }}\n        />\n      )}\n    </Container>\n  )\n})\n\nexport default ImageComponent\n"],"names":["NextLegacyImage","NextImage","src","Promise","resolve","reject","image","Image","onload","onerror","breakpoints","width","baseDevice","find","breakpoint","maxWidth","baseWidth","findBreakpointOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","opacity","boxShadow","placeholder","placeholders","className","ref","fileId","match","with","P","string","v","type","version","otherwise","fileData","useFile","imageSrc","any","not","nullish","publicUrl","url","dataDimensions","number","height","externalFile","data","dimensions","measuredDimensions","setMeasuredDimensions","useState","useBreakpoints","useEffect","cleanedUp","then","naturalWidth","naturalHeight","catch","console","error","Container","Link","containerClassName","cx","useStyle","lineHeight","overflow","useResponsiveWidth","useResponsiveStyle","nextMajorVersion","_jsx","imageSizes"],"mappings":"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"}

package/dist/Image.es.js

@@ -18,6 +18,7 @@ import "redux-thunk";
 import "corporate-ipsum";
 import "slate";
 import "uuid";
+import "escape-html";
 import "@emotion/serialize";
 import "@emotion/utils";
 import "is-hotkey";

package/dist/Image.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.es.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport type NextLegacyImageType from 'next/legacy/image'\n\nimport {\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  ResponsiveOpacityValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { Breakpoints, findBreakpointOverride } from '../../../state/modules/breakpoints'\nimport { placeholders } from '../../utils/placeholders'\nimport { Link } from '../../shared/Link'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveWidth } from '../../utils/responsive-style'\nimport { useFile } from '../../../runtimes/react/hooks/makeswift-api'\nimport { major as nextMajorVersion } from '../../../next/next-version'\nimport { useBreakpoints } from '../../../runtimes/react'\nimport { match, P } from 'ts-pattern'\n\nconst NextLegacyImage = NextImage as typeof NextLegacyImageType\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(breakpoints: Breakpoints, width?: Props['width']): string {\n  const baseDevice = breakpoints.find(breakpoint => breakpoint.maxWidth == null)\n  const baseWidth = baseDevice && width && findBreakpointOverride(breakpoints, width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return breakpoints\n    .map(breakpoint => {\n      const override = findBreakpointOverride(breakpoints, width, breakpoint.id)\n\n      if (override == null || breakpoint.maxWidth == null || override.value.unit !== 'px') {\n        return null\n      }\n\n      return `(max-width: ${breakpoint.maxWidth}px) ${Math.min(\n        breakpoint.maxWidth,\n        override.value.value,\n      )}px`\n    })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLAnchorElement & HTMLDivElement>,\n) {\n  const fileId = match(file)\n    .with(P.string, v => v)\n    .with({ type: 'makeswift-file', version: 1 }, v => v.id)\n    .otherwise(() => null)\n  const fileData = useFile(fileId)\n  const imageSrc = match([file, fileData])\n    .with([P.any, P.not(P.nullish)], ([, fileData]) => fileData.publicUrl)\n    .with([{ type: 'external-file', version: 1 }, P.any], ([file]) => file.url)\n    .otherwise(() => placeholder.src)\n  const dataDimensions = match([file, fileData, imageSrc])\n    .with(\n      [{ type: 'external-file', version: 1, width: P.number, height: P.number }, P.any, P.any],\n      ([externalFile]) => ({ width: externalFile.width, height: externalFile.height }),\n    )\n    .with([P.any, P.not(P.nullish), P.any], ([, data]) => data.dimensions)\n    .with([P.any, P.any, placeholder.src], () => placeholder.dimensions)\n    .otherwise(() => null)\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const breakpoints = useBreakpoints()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n  const Container = link ? Link : 'div'\n  const containerClassName = cx(\n    useStyle({ lineHeight: 0, overflow: 'hidden' }),\n    useStyle(useResponsiveWidth(width, dimensions?.width)),\n    useStyle(useResponsiveStyle([opacity] as const, ([opacity = 1]) => ({ opacity }))),\n    margin,\n    padding,\n    border,\n    borderRadius,\n    boxShadow,\n    className,\n  )\n\n  if (!dimensions) return null\n\n  return (\n    <Container link={link} ref={ref} id={id} className={containerClassName}>\n      {nextMajorVersion < 13 ? (\n        <NextLegacyImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      ) : (\n        <NextImage\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText ?? ''}\n          width={dimensions.width}\n          height={dimensions.height}\n          style={{\n            width: '100%',\n            height: 'auto',\n          }}\n        />\n      )}\n    </Container>\n  )\n})\n\nexport default ImageComponent\n"],"names":["NextLegacyImage","NextImage","src","Promise","resolve","reject","image","Image","onload","onerror","breakpoints","width","baseDevice","find","breakpoint","maxWidth","baseWidth","findBreakpointOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","opacity","boxShadow","placeholder","placeholders","className","ref","fileId","match","with","P","string","v","type","version","otherwise","fileData","useFile","imageSrc","any","not","nullish","publicUrl","url","dataDimensions","number","height","externalFile","data","dimensions","measuredDimensions","setMeasuredDimensions","useState","useBreakpoints","useEffect","cleanedUp","then","naturalWidth","naturalHeight","catch","console","error","Container","Link","containerClassName","cx","useStyle","lineHeight","overflow","useResponsiveWidth","useResponsiveStyle","nextMajorVersion","_jsx","imageSizes"],"mappings":"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"}
+{"version":3,"file":"Image.es.js","sources":["../src/components/builtin/Image/Image.tsx"],"sourcesContent":["import { useState, useEffect, Ref, forwardRef } from 'react'\nimport NextImage from 'next/image'\nimport type NextLegacyImageType from 'next/legacy/image'\n\nimport {\n  ElementIDValue,\n  ImageValue,\n  LinkValue,\n  ResponsiveOpacityValue,\n  TextInputValue,\n  WidthValue,\n} from '../../../prop-controllers/descriptors'\nimport { Breakpoints, findBreakpointOverride } from '../../../state/modules/breakpoints'\nimport { placeholders } from '../../utils/placeholders'\nimport { Link } from '../../shared/Link'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveWidth } from '../../utils/responsive-style'\nimport { useFile } from '../../../runtimes/react/hooks/makeswift-api'\nimport { major as nextMajorVersion } from '../../../next/next-version'\nimport { useBreakpoints } from '../../../runtimes/react'\nimport { match, P } from 'ts-pattern'\n\nconst NextLegacyImage = NextImage as typeof NextLegacyImageType\n\ntype Props = {\n  id?: ElementIDValue\n  file?: ImageValue\n  altText?: TextInputValue\n  link?: LinkValue\n  width?: WidthValue\n  margin?: string\n  padding?: string\n  border?: string\n  borderRadius?: string\n  boxShadow?: string\n  opacity?: ResponsiveOpacityValue\n  placeholder?: { src: string; dimensions: { width: number; height: number } }\n  className?: string\n}\n\nfunction loadImage(src: string): Promise<HTMLImageElement> {\n  return new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image()\n\n    image.onload = () => resolve(image)\n    image.onerror = reject\n    image.src = src\n  })\n}\n\nfunction imageSizes(breakpoints: Breakpoints, width?: Props['width']): string {\n  const baseDevice = breakpoints.find(breakpoint => breakpoint.maxWidth == null)\n  const baseWidth = baseDevice && width && findBreakpointOverride(breakpoints, width, baseDevice.id)\n  const baseWidthSize =\n    baseWidth == null || baseWidth.value.unit !== 'px' ? '100vw' : `${baseWidth.value.value}px`\n\n  return breakpoints\n    .map(breakpoint => {\n      const override = findBreakpointOverride(breakpoints, width, breakpoint.id)\n\n      if (override == null || breakpoint.maxWidth == null || override.value.unit !== 'px') {\n        return null\n      }\n\n      return `(max-width: ${breakpoint.maxWidth}px) ${Math.min(\n        breakpoint.maxWidth,\n        override.value.value,\n      )}px`\n    })\n    .filter((size): size is NonNullable<typeof size> => size != null)\n    .reduce((sourceSizes, sourceSize) => `${sourceSize}, ${sourceSizes}`, baseWidthSize)\n}\n\ntype Dimensions = {\n  width: number\n  height: number\n}\n\nconst ImageComponent = forwardRef(function Image(\n  {\n    id,\n    width,\n    margin,\n    padding,\n    file,\n    border,\n    borderRadius,\n    altText,\n    link,\n    opacity,\n    boxShadow,\n    placeholder = placeholders.image,\n    className,\n  }: Props,\n  ref: Ref<HTMLAnchorElement & HTMLDivElement>,\n) {\n  const fileId = match(file)\n    .with(P.string, v => v)\n    .with({ type: 'makeswift-file', version: 1 }, v => v.id)\n    .otherwise(() => null)\n  const fileData = useFile(fileId)\n  const imageSrc = match([file, fileData])\n    .with([P.any, P.not(P.nullish)], ([, fileData]) => fileData.publicUrl)\n    .with([{ type: 'external-file', version: 1 }, P.any], ([file]) => file.url)\n    .otherwise(() => placeholder.src)\n  const dataDimensions = match([file, fileData, imageSrc])\n    .with(\n      [{ type: 'external-file', version: 1, width: P.number, height: P.number }, P.any, P.any],\n      ([externalFile]) => ({ width: externalFile.width, height: externalFile.height }),\n    )\n    .with([P.any, P.not(P.nullish), P.any], ([, data]) => data.dimensions)\n    .with([P.any, P.any, placeholder.src], () => placeholder.dimensions)\n    .otherwise(() => null)\n  const [measuredDimensions, setMeasuredDimensions] = useState<Dimensions | null>(null)\n  const breakpoints = useBreakpoints()\n\n  useEffect(() => {\n    if (dataDimensions) return\n\n    let cleanedUp = false\n\n    loadImage(imageSrc)\n      .then(image => {\n        if (!cleanedUp) {\n          setMeasuredDimensions({ width: image.naturalWidth, height: image.naturalHeight })\n        }\n      })\n      .catch(console.error)\n\n    return () => {\n      cleanedUp = true\n    }\n  }, [dataDimensions, imageSrc])\n\n  const dimensions = dataDimensions ?? measuredDimensions\n  const Container = link ? Link : 'div'\n  const containerClassName = cx(\n    useStyle({ lineHeight: 0, overflow: 'hidden' }),\n    useStyle(useResponsiveWidth(width, dimensions?.width)),\n    useStyle(useResponsiveStyle([opacity] as const, ([opacity = 1]) => ({ opacity }))),\n    margin,\n    padding,\n    border,\n    borderRadius,\n    boxShadow,\n    className,\n  )\n\n  if (!dimensions) return null\n\n  return (\n    <Container link={link} ref={ref} id={id} className={containerClassName}>\n      {nextMajorVersion < 13 ? (\n        <NextLegacyImage\n          layout=\"responsive\"\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText}\n          width={dimensions.width}\n          height={dimensions.height}\n        />\n      ) : (\n        <NextImage\n          src={imageSrc}\n          sizes={imageSizes(breakpoints, width)}\n          alt={altText ?? ''}\n          width={dimensions.width}\n          height={dimensions.height}\n          style={{\n            width: '100%',\n            height: 'auto',\n          }}\n        />\n      )}\n    </Container>\n  )\n})\n\nexport default ImageComponent\n"],"names":["NextLegacyImage","NextImage","src","Promise","resolve","reject","image","Image","onload","onerror","breakpoints","width","baseDevice","find","breakpoint","maxWidth","baseWidth","findBreakpointOverride","id","baseWidthSize","value","unit","map","override","Math","min","filter","size","reduce","sourceSizes","sourceSize","ImageComponent","forwardRef","margin","padding","file","border","borderRadius","altText","link","opacity","boxShadow","placeholder","placeholders","className","ref","fileId","match","with","P","string","v","type","version","otherwise","fileData","useFile","imageSrc","any","not","nullish","publicUrl","url","dataDimensions","number","height","externalFile","data","dimensions","measuredDimensions","setMeasuredDimensions","useState","useBreakpoints","useEffect","cleanedUp","then","naturalWidth","naturalHeight","catch","console","error","Container","Link","containerClassName","cx","useStyle","lineHeight","overflow","useResponsiveWidth","useResponsiveStyle","nextMajorVersion","_jsx","imageSizes"],"mappings":"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"}

package/dist/LiveProvider.cjs.js

@@ -13,6 +13,7 @@ require("./combobox.cjs.js");
 require("ts-pattern");
 require("uuid");
 require("slate");
+require("escape-html");
 require("use-sync-external-store/shim");
 require("redux");
 require("redux-thunk");

package/dist/LiveProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveProvider.cjs.js","sources":["../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["client","children","rootElements","runtime","store","useMemo","ReactPage","preloadedState","getState","ReactRuntime","_jsx","StoreContext","MakeswiftProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaqC,sBAAA;AAAA,EACnCA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACqB;AACfC,QAAAA,QAAQC,cACZ,MACEC,yBAAyB;AAAA,IACvBC,gBAAgBJ,UAAUA,QAAQC,MAAMI,aAAaC,KAAAA,aAAaL,MAAMI,SADjD;AAAA,IAEvBN;AAAAA,EAFF,CAAA,GAIF,CAACA,cAAcC,OAAf,CANmB;AAUnB,SAAAO,2BAAA,IAACC,kBAAa,UAAd;AAAA,IAAuB,OAAOP;AAAAA,IAA9B,yCACGQ,wBAAD;AAAA,MAAmB;AAAA,MAAiBX;AAAAA,IAAAA,CAApC;AAAA,EAAA,CAFJ;AAKD;;"}
+{"version":3,"file":"LiveProvider.cjs.js","sources":["../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["client","children","rootElements","runtime","store","useMemo","ReactPage","preloadedState","getState","ReactRuntime","_jsx","StoreContext","MakeswiftProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaqC,sBAAA;AAAA,EACnCA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACqB;AACfC,QAAAA,QAAQC,cACZ,MACEC,yBAAyB;AAAA,IACvBC,gBAAgBJ,UAAUA,QAAQC,MAAMI,aAAaC,KAAAA,aAAaL,MAAMI,SADjD;AAAA,IAEvBN;AAAAA,EAFF,CAAA,GAIF,CAACA,cAAcC,OAAf,CANmB;AAUnB,SAAAO,2BAAA,IAACC,kBAAa,UAAd;AAAA,IAAuB,OAAOP;AAAAA,IAA9B,yCACGQ,wBAAD;AAAA,MAAmB;AAAA,MAAiBX;AAAAA,IAAAA,CAApC;AAAA,EAAA,CAFJ;AAKD;;"}

package/dist/LiveProvider.es.js

@@ -11,6 +11,7 @@ import "./combobox.es.js";
 import "ts-pattern";
 import "uuid";
 import "slate";
+import "escape-html";
 import "use-sync-external-store/shim";
 import "redux";
 import "redux-thunk";

package/dist/LiveProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveProvider.es.js","sources":["../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["client","children","rootElements","runtime","store","useMemo","ReactPage","preloadedState","getState","ReactRuntime","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaqC,sBAAA;AAAA,EACnCA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACqB;AACfC,QAAAA,QAAQC,QACZ,MACEC,eAAyB;AAAA,IACvBC,gBAAgBJ,UAAUA,QAAQC,MAAMI,aAAaC,aAAaL,MAAMI,SADjD;AAAA,IAEvBN;AAAAA,EAFF,CAAA,GAIF,CAACA,cAAcC,OAAf,CANmB;AAUnB,SAAAO,oBAAC,aAAa,UAAd;AAAA,IAAuB,OAAON;AAAAA,IAA9B,8BACG,mBAAD;AAAA,MAAmB;AAAA,MAAiBH;AAAAA,IAAAA,CAApC;AAAA,EAAA,CAFJ;AAKD;;"}
+{"version":3,"file":"LiveProvider.es.js","sources":["../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext, ReactRuntime } from '..'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftProvider, MakeswiftClient } from '../../../api/react'\n\ntype Props = {\n  client: MakeswiftClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nexport default function LiveProvider({\n  client,\n  children,\n  rootElements,\n  runtime,\n}: Props): JSX.Element {\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n      }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftProvider client={client}>{children}</MakeswiftProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"names":["client","children","rootElements","runtime","store","useMemo","ReactPage","preloadedState","getState","ReactRuntime","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaqC,sBAAA;AAAA,EACnCA;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,GACqB;AACfC,QAAAA,QAAQC,QACZ,MACEC,eAAyB;AAAA,IACvBC,gBAAgBJ,UAAUA,QAAQC,MAAMI,aAAaC,aAAaL,MAAMI,SADjD;AAAA,IAEvBN;AAAAA,EAFF,CAAA,GAIF,CAACA,cAAcC,OAAf,CANmB;AAUnB,SAAAO,oBAAC,aAAa,UAAd;AAAA,IAAuB,OAAON;AAAAA,IAA9B,8BACG,mBAAD;AAAA,MAAmB;AAAA,MAAiBH;AAAAA,IAAAA,CAApC;AAAA,EAAA,CAFJ;AAKD;;"}

package/dist/Navigation.cjs.js

@@ -43,6 +43,7 @@ require("./actions.cjs.js");
 require("ts-pattern");
 require("uuid");
 require("slate");
+require("escape-html");
 require("./state/breakpoints.cjs.js");
 var index$1 = require("./index.cjs3.js");
 var useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect.cjs.js");

package/dist/Navigation.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs.js","sources":["../src/components/icons/mobile-menu-28.svg","../src/components/builtin/Navigation/components/LinksPlaceholder/index.tsx","../src/components/icons/caret-down-8.svg","../src/components/icons/plus-8.svg","../src/components/icons/arrow-down-8.svg","../src/components/icons/chevron-down-8.svg","../src/components/builtin/Navigation/components/DropDownButton/index.tsx","../src/components/icons/times-16.svg","../src/components/builtin/Navigation/components/MobileMenu/components/MobileDropDownButton/index.tsx","../src/components/builtin/Navigation/components/MobileMenu/index.tsx","../src/components/builtin/Navigation/Navigation.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CiAgPHBhdGggZD0iTTI3IDE1SDFhMSAxIDAgMCAxLTEtMSAxIDEgMCAwIDEgMS0xaDI2YTEgMSAwIDAgMSAxIDEgMSAxIDAgMCAxLTEgMXptMC0xMEgxYTEgMSAwIDAgMC0xIDEgMSAxIDAgMCAwIDEgMWgyNmExIDEgMCAwIDAgMS0xIDEgMSAwIDAgMC0xLTF6bTAgMTZIMWExIDEgMCAwIDAtMSAxIDEgMSAwIDAgMCAxIDFoMjZhMSAxIDAgMCAwIDEtMSAxIDEgMCAwIDAtMS0xeiIvPgo8L3N2Zz4=\"","import { ResponsiveLengthValue } from '../../../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport GutterContainer from '../../../../shared/GutterContainer'\n\ntype PlaceholderLinkProps = {\n  width: number\n  button?: boolean\n}\n\nfunction PlaceholderLink({ width, button }: PlaceholderLinkProps) {\n  return (\n    <div\n      className={useStyle({\n        width,\n        height: button === true ? 32 : 8,\n        backgroundColor: '#a1a8c2',\n        borderRadius: button === true ? 6 : 2,\n        opacity: 0.4,\n      })}\n    />\n  )\n}\n\ntype Props = { gutter?: ResponsiveLengthValue }\n\nconst links = [{ width: 50 }, { width: 70 }, { width: 60 }, { width: 80, button: true }]\n\nexport default function LinksPlaceholder({ gutter }: Props): JSX.Element {\n  return (\n    <>\n      {links.map((link, i) => (\n        <GutterContainer key={i} gutter={gutter} first={i === 0} last={i === links.length - 1}>\n          <PlaceholderLink {...link} />\n        </GutterContainer>\n      ))}\n    </>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDJhMSAxIDAgMCAwLS43MDcgMS43MDdsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNyAySDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDBhMSAxIDAgMCAwLTEgMXYySDFhMSAxIDAgMSAwIDAgMmgydjJhMSAxIDAgMCAwIDIgMFY1aDJhMSAxIDAgMCAwIDAtMkg1VjFhMSAxIDAgMCAwLTEtMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDFhMSAxIDAgMCAwLTIgMHYzLjU4NmwtLjI5My0uMjkzYTEgMSAwIDAgMC0xLjQxNCAxLjQxNGwyIDJhMSAxIDAgMCAwIDEuNDE0IDBsMi0yYTEgMSAwIDAgMC0xLjQxNC0xLjQxNEw1IDQuNTg2VjF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5MyAyLjI5M2ExIDEgMCAwIDEgMS40MTQgMEw0IDQuNTg2bDIuMjkzLTIuMjkzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMyAzYTEgMSAwIDAgMS0xLjQxNCAwbC0zLTNhMSAxIDAgMCAxIDAtMS40MTR6Ii8+PC9zdmc+\"","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useRef, useState } from 'react'\n\nimport { ReactComponent as CaretDown8 } from '../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../icons/chevron-down-8.svg'\nimport {\n  ResponsiveColorValue,\n  TextStyleValue,\n  LinkValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../hooks'\n\nimport { Link } from '../../../../shared/Link'\nimport Button from '../../../Button'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\nimport { cx, keyframes } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../../../utils/responsive-style'\n\nconst DROP_DOWN_MENU_WIDTH = 200\n\ntype Position = 'left' | 'right'\n\nconst DROP_DOWN_MENU_CLASS_NAME = 'drop-down-menu'\n\ntype DropDownMenuBaseProps = {\n  position: Position\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, position, ...restOfProps }: DropDownMenuProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        DROP_DOWN_MENU_CLASS_NAME,\n        useStyle({\n          position: 'absolute',\n          top: '100%',\n          left: position === 'left' ? 0 : 'auto',\n          right: position === 'right' ? 0 : 'auto',\n          background: '#fff',\n          margin: 0,\n          padding: '8px 0',\n          borderRadius: 4,\n          boxShadow: '0 3px 10px rgba(0, 0, 0, 0.15)',\n          width: DROP_DOWN_MENU_WIDTH,\n          zIndex: 99,\n          listStyle: 'none',\n          overflow: 'hidden',\n          transformOrigin: '50% 0',\n          willChange: 'transform, opacity',\n          transformStyle: 'preserve-3d',\n          display: 'none',\n        }),\n        className,\n      )}\n    />\n  )\n}\n\nconst dropIn = keyframes`\n  0% {\n      opacity: 0;\n      transform: rotateX(-20deg);\n  }\n  100% {\n      opacity: 1;\n      transform: none;\n  }\n`\n\ntype DropDownContainerProps = ComponentPropsWithoutRef<'div'>\n\nconst DropDownContainer = forwardRef(function DropDownContainer(\n  { className, ...restOfProps }: DropDownContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          [`&:hover .${DROP_DOWN_MENU_CLASS_NAME}`]: {\n            display: 'block',\n            animation: `${dropIn} 0.25s`,\n          },\n        }),\n        className,\n      )}\n    />\n  )\n})\n\ntype BaseDropDownItemProps = {\n  className?: string\n  color?: ResponsiveColorValue\n  textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ className, color, textStyle, ...restOfProps }: DropDownItemProps) {\n  const colorData = useResponsiveColor(color)\n\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'block',\n          textDecoration: 'none',\n          lineHeight: 1.4,\n          padding: '8px 16px',\n          color: 'black',\n          backgroundColor: 'transparent',\n          transition: 'background-color 0.2s',\n        }),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([colorData, textStyle] as const, ([color, textStyle = {}]) => {\n            const fontSize = textStyle.fontSize || { value: 14, unit: 'px' }\n            const fontWeight = textStyle.fontWeight == null ? 'normal' : textStyle.fontWeight\n            const fontStyle = textStyle.fontStyle || []\n            const letterSpacing = textStyle.letterSpacing == null ? null : textStyle.letterSpacing\n            const textTransform = textStyle.textTransform || []\n\n            return {\n              color: color == null ? 'black' : colorToString(color),\n              fontSize: `${fontSize.value}${fontSize.unit}`,\n              fontWeight,\n              fontStyle: fontStyle.includes('italic') ? 'italic' : 'normal',\n              letterSpacing: letterSpacing == null ? 'normal' : `${letterSpacing}px`,\n              textTransform: textTransform.includes('uppercase') ? 'uppercase' : 'none',\n            }\n          }),\n        ),\n        useStyle({\n          '&:hover': {\n            backgroundColor: 'rgba(0, 0, 0, 0.04)',\n          },\n        }),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' | 'color'> & {\n  label: string\n  caret?: 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n  links?: Array<{\n    id: string\n    payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n      link?: LinkValue\n      label: string\n    }\n  }>\n  textColor?: ResponsiveColorValue\n  color?: ResponsiveColorValue\n}\n\nexport default function DropDownButton({\n  label,\n  caret = 'caret',\n  links = [],\n  textColor,\n  color,\n  ...restOfProps\n}: Props): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [position, setPosition] = useState<Position>('left')\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      container.current &&\n      container.current.ownerDocument.defaultView!.innerWidth <\n        container.current.offsetLeft + DROP_DOWN_MENU_WIDTH\n    ) {\n      setPosition('right')\n    } else {\n      setPosition('left')\n    }\n  }, [setPosition])\n\n  return (\n    <DropDownContainer ref={container}>\n      <Button\n        {...restOfProps}\n        textColor={useResponsiveColor(textColor)}\n        color={useResponsiveColor(color)}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <span style={{ marginRight: 6 }}>{label}</span>\n          <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n            {caret === 'caret' && <CaretDown8 />}\n            {caret === 'plus' && <Plus8 />}\n            {caret === 'arrow-down' && <ArrowDown8 />}\n            {caret === 'chevron-down' && <ChevronDown8 />}\n          </span>\n        </div>\n      </Button>\n      <DropDownMenu position={position}>\n        {links.map(({ id, payload }) => (\n          <DropDownItem {...payload} key={id}>\n            {payload.label}\n          </DropDownItem>\n        ))}\n      </DropDownMenu>\n    </DropDownContainer>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43MDcgMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDggNi41ODYgMy43MDcgMi4yOTNhMSAxIDAgMCAwLTEuNDE0IDEuNDE0TDYuNTg2IDhsLTQuMjkzIDQuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEw4IDkuNDE0bDQuMjkzIDQuMjkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEw5LjQxNCA4bDQuMjkzLTQuMjkzWiIvPgo8L3N2Zz4=\"","import { ComponentPropsWithoutRef, useState } from 'react'\n\nimport {\n  ResponsiveColorValue,\n  TextStyleValue,\n  LinkValue,\n} from '../../../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../../../hooks'\n\nimport { ReactComponent as CaretDown8 } from '../../../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../../../icons/chevron-down-8.svg'\n\nimport { Link } from '../../../../../../shared/Link'\nimport Button from '../../../../../Button'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport {\n  useResponsiveStyle,\n  useResponsiveTextStyle,\n} from '../../../../../../utils/responsive-style'\n\ntype DropDownMenuBaseProps = {\n  className?: string\n  open: boolean\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, open, ...restOfProps }: DropDownMenuProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({ display: open ? 'flex' : 'none', flexDirection: 'column', padding: 8 }),\n        className,\n      )}\n    />\n  )\n}\n\ntype ButtonLinkBaseProps = {\n  className?: string\n}\n\ntype ButtonLinkProps = ButtonLinkBaseProps &\n  Omit<ComponentPropsWithoutRef<typeof Button>, keyof ButtonLinkBaseProps>\n\nfunction ButtonLink({ className, ...restOfProps }: ButtonLinkProps) {\n  return <Button {...restOfProps} className={cx(useStyle({ margin: '8px 0' }), className)} />\n}\n\ntype BaseDropDownItemProps = {\n  className?: string\n  color?: ResponsiveColorValue\n  textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ color, className, textStyle, ...restOfProps }: DropDownItemProps) {\n  const colorData = useResponsiveColor(color)\n\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          textDecoration: 'none',\n          lineHeight: 1.4,\n          padding: '8px 16px',\n          color: 'black',\n        }),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([colorData] as const, ([color]) => ({\n            color: color == null ? 'black' : colorToString(color),\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' | 'color'> & {\n  label: string\n  links?: Array<{\n    id: string\n    payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n      link?: LinkValue\n      label: string\n    }\n  }>\n  onClose?: () => unknown\n  caret?: string\n  textColor?: ResponsiveColorValue\n  color?: ResponsiveColorValue\n}\n\nexport default function MobileDropDownButton({\n  label,\n  caret,\n  links = [],\n  onClose = () => {},\n  color,\n  textColor,\n  ...restOfProps\n}: Props): JSX.Element {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <>\n      <ButtonLink\n        {...restOfProps}\n        textColor={useResponsiveColor(textColor)}\n        color={useResponsiveColor(color)}\n        onPointerDown={() => setIsOpen(prev => !prev)}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <span style={{ marginRight: 6 }}>{label}</span>\n          <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n            <>\n              {caret === 'caret' && <CaretDown8 />}\n              {caret === 'plus' && <Plus8 />}\n              {caret === 'arrow-down' && <ArrowDown8 />}\n              {caret === 'chevron-down' && <ChevronDown8 />}\n            </>\n          </span>\n        </div>\n      </ButtonLink>\n      <DropDownMenu open={isOpen}>\n        {links.map(({ id, payload }) => (\n          <DropDownItem {...payload} key={id} onClick={onClose}>\n            {payload.label}\n          </DropDownItem>\n        ))}\n      </DropDownMenu>\n    </>\n  )\n}\n","import { ComponentPropsWithoutRef, Fragment } from 'react'\n\nimport {\n  ResponsiveValue,\n  NavigationLinksValue,\n  NavigationButton as NavigationButtonValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { ReactComponent as Times16 } from '../../../../icons/times-16.svg'\n\nimport Button from '../../../Button'\nimport DropDownButton from './components/MobileDropDownButton'\nimport { ResponsiveColor } from '../../../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../../../hooks'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n  Omit<ComponentPropsWithoutRef<typeof Button>, 'color' | 'textColor'>\n\nfunction ButtonLink({\n  className,\n  textColor,\n  color,\n  ...restOfProps\n}: NavigationButtonProps): JSX.Element {\n  return (\n    <Button\n      {...restOfProps}\n      className={cx(useStyle({ margin: '8px 0' }), className)}\n      textColor={useResponsiveColor(textColor)}\n      color={useResponsiveColor(color)}\n    />\n  )\n}\n\ntype ContainerBaseProps = {\n  className?: string\n  animation?: ResponsiveValue<'coverRight' | 'coverLeft'>\n  backgroundColor?: ResponsiveValue<Color> | null\n  open: boolean\n}\n\ntype ContainerProps = ContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nfunction Container({\n  className,\n  animation,\n  backgroundColor,\n  open,\n  ...restOfProps\n}: ContainerProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          position: 'fixed',\n          flexDirection: 'column',\n          width: '100%',\n          padding: '40px 15px',\n          transition: 'transform 300ms ease-in-out',\n          overflowY: 'auto',\n          zIndex: 9999,\n          maxWidth: 575,\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [animation, backgroundColor] as const,\n            ([animation, backgroundColor]) => {\n              if (animation == null) return { display: 'none' }\n\n              return {\n                display: 'flex',\n                backgroundColor: backgroundColor == null ? 'black' : colorToString(backgroundColor),\n                transform: open\n                  ? `translate3d(0,0,0)`\n                  : `translate3d(${{ coverRight: '', coverLeft: '-' }[animation]}100%, 0, 0)`,\n                ...{\n                  coverRight: { top: 0, bottom: 0, right: 0 },\n                  coverLeft: { top: 0, bottom: 0, left: 0 },\n                }[animation],\n              }\n            },\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype CloseIconContainerBaseProps = {\n  className?: string\n  color?: ResponsiveColor | null\n}\n\ntype CloseIconContainerProps = CloseIconContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'button'>, keyof CloseIconContainerBaseProps>\n\nfunction CloseIconContainer({ className, color, ...restOfProps }: CloseIconContainerProps) {\n  return (\n    <button\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          position: 'absolute',\n          top: 15,\n          right: 15,\n          padding: 0,\n          border: 0,\n          outline: 0,\n          background: 'none',\n          fill: 'currentcolor',\n        }),\n        useStyle(\n          useResponsiveStyle([color] as const, ([color]) => ({\n            color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = {\n  animation?: ResponsiveValue<'coverRight' | 'coverLeft'>\n  backgroundColor?: ResponsiveColor | null\n  closeIconColor?: ResponsiveColor | null\n  links?: NavigationLinksValue\n  onClose?: () => unknown\n  open?: boolean\n}\n\nexport default function MobileMenu({\n  animation,\n  backgroundColor,\n  open = false,\n  closeIconColor,\n  links = [],\n  onClose = () => {},\n}: Props): JSX.Element {\n  return (\n    <Container animation={animation} backgroundColor={backgroundColor} open={open}>\n      <CloseIconContainer color={closeIconColor} onClick={onClose}>\n        <Times16 />\n      </CloseIconContainer>\n      <div\n        style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', flexShrink: 0 }}\n      >\n        {links.map(link => (\n          <Fragment key={link.id}>\n            {link.type === 'button' && (\n              <ButtonLink {...link.payload} onClick={onClose}>\n                {link.payload.label}\n              </ButtonLink>\n            )}\n            {link.type === 'dropdown' && <DropDownButton {...link.payload} onClose={onClose} />}\n          </Fragment>\n        ))}\n      </div>\n    </Container>\n  )\n}\n","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useState } from 'react'\n\nimport { ReactComponent as MobileMenu28 } from '../../icons/mobile-menu-28.svg'\n\nimport GutterContainer from '../../shared/GutterContainer'\nimport Image from '../Image'\nimport Button from '../Button'\nimport LinksPlaceholder from './components/LinksPlaceholder'\nimport DropDownButton from './components/DropDownButton'\nimport MobileMenu from './components/MobileMenu'\nimport {\n  ResponsiveValue,\n  CheckboxValue,\n  ElementIDValue,\n  GapXValue,\n  ImageValue,\n  LinkValue,\n  NavigationLinksValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveLengthValue,\n  ResponsiveSelectValue,\n  TextInputValue,\n  TextStyleValue,\n  NavigationButton as NavigationButtonValue,\n} from '../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../utils/types'\nimport { colorToString } from '../../utils/colorToString'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../hooks'\nimport { cx } from '@emotion/css'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../utils/responsive-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  id?: ElementIDValue\n  links?: NavigationLinksValue\n  linkTextStyle?: TextStyleValue\n  showLogo?: CheckboxValue\n  logoFile?: ImageValue\n  logoWidth?: ResponsiveLengthValue\n  logoAltText?: TextInputValue\n  logoLink?: LinkValue\n  alignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gutter?: GapXValue\n  mobileMenuAnimation?: ResponsiveSelectValue<'coverRight' | 'coverLeft'>\n  mobileMenuOpenIconColor?: ResponsiveColor | null\n  mobileMenuCloseIconColor?: ResponsiveColor | null\n  mobileMenuBackgroundColor?: ResponsiveColor | null\n  width?: string\n  margin?: string\n}\n\ntype ContainerBaseProps = {\n  width?: string\n  margin?: string\n  textStyle: Props['linkTextStyle']\n  gutter: Props['gutter']\n}\n\ntype ContainerProps = ContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'nav'>, keyof ContainerBaseProps>\n\nconst Container = forwardRef(function Container(\n  { className, width, margin, textStyle, gutter, ...restOfProps }: ContainerProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <nav\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ display: 'flex', alignItems: 'center' }),\n        width,\n        margin,\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            gap: `${gutter.value}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n})\n\ntype LinksContainerBaseProps = {\n  alignment: Props['alignment']\n  mobileMenuAnimation: Props['mobileMenuAnimation']\n}\n\ntype LinksContainerProps = LinksContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof LinksContainerBaseProps>\n\nfunction LinksContainer({\n  className,\n  alignment,\n  mobileMenuAnimation,\n  ...restOfProps\n}: LinksContainerProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'flex',\n          alignItems: 'center',\n          flexGrow: 1,\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [alignment, mobileMenuAnimation] as const,\n            ([alignment = 'flex-end', mobileMenuAnimation]) => ({\n              display: mobileMenuAnimation == null ? 'flex' : 'none',\n              justifyContent: alignment,\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype OpenIconContainerBaseProps = {\n  mobileMenuAnimation: Props['mobileMenuAnimation']\n  alignment: Props['alignment']\n  color: ResponsiveValue<Color> | null | undefined\n}\n\ntype OpenIconContainerProps = OpenIconContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'button'>, keyof OpenIconContainerBaseProps>\n\nfunction OpenIconContainer({\n  className,\n  mobileMenuAnimation,\n  alignment,\n  color,\n  ...restOfProps\n}: OpenIconContainerProps) {\n  return (\n    <button\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'none',\n          flexGrow: 1,\n          alignItems: 'center',\n          background: 'none',\n          outline: 0,\n          border: 0,\n          padding: 0,\n          fill: 'currentcolor',\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [mobileMenuAnimation, alignment, color] as const,\n            ([mobileMenuAnimation, alignment = 'flex-end', color]) => ({\n              display: mobileMenuAnimation == null ? 'none' : 'flex',\n              justifyContent: alignment,\n              color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n  Omit<ComponentPropsWithoutRef<typeof Button>, 'color' | 'textColor'>\n\nfunction NavigationButton(props: NavigationButtonProps): JSX.Element {\n  const { textColor, color, ...restOfProps } = props\n\n  return (\n    <Button\n      {...restOfProps}\n      textColor={useResponsiveColor(textColor)}\n      color={useResponsiveColor(color)}\n    />\n  )\n}\n\nconst placeholder = {\n  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\",\n  dimensions: { width: 93, height: 36 },\n}\n\nconst Navigation = forwardRef<HTMLDivElement, Props>(function Navigation(\n  {\n    id,\n    links = [],\n    linkTextStyle,\n    showLogo,\n    logoFile,\n    logoWidth,\n    logoAltText,\n    logoLink,\n    alignment,\n    gutter,\n    mobileMenuAnimation,\n    mobileMenuOpenIconColor,\n    mobileMenuCloseIconColor,\n    mobileMenuBackgroundColor,\n    width,\n    margin,\n  },\n  ref,\n) {\n  const [isOpen, setIsOpen] = useState(false)\n\n  return (\n    <Container\n      ref={ref}\n      id={id}\n      width={width}\n      margin={margin}\n      textStyle={linkTextStyle}\n      gutter={gutter}\n    >\n      {showLogo === true && (\n        <Image\n          altText={logoAltText}\n          file={logoFile}\n          link={logoLink}\n          placeholder={placeholder}\n          width={logoWidth}\n        />\n      )}\n      <div style={{ display: 'flex', flexGrow: 1, justifyContent: 'flex-end' }}>\n        <LinksContainer alignment={alignment} mobileMenuAnimation={mobileMenuAnimation}>\n          {links.length > 0 ? (\n            links.map((link, i) => (\n              <GutterContainer\n                key={link.id}\n                gutter={gutter}\n                first={i === 0}\n                last={i === links.length - 1}\n              >\n                {link.type === 'button' && (\n                  <NavigationButton {...link.payload}>{link.payload.label}</NavigationButton>\n                )}\n                {link.type === 'dropdown' && <DropDownButton {...link.payload} />}\n              </GutterContainer>\n            ))\n          ) : (\n            <LinksPlaceholder gutter={gutter} />\n          )}\n        </LinksContainer>\n        <OpenIconContainer\n          alignment={alignment}\n          color={mobileMenuOpenIconColor}\n          mobileMenuAnimation={mobileMenuAnimation}\n          onClick={() => setIsOpen(true)}\n        >\n          <MobileMenu28 />\n        </OpenIconContainer>\n        <MobileMenu\n          animation={mobileMenuAnimation}\n          backgroundColor={mobileMenuBackgroundColor}\n          closeIconColor={mobileMenuCloseIconColor}\n          links={links}\n          onClose={() => setIsOpen(false)}\n          open={isOpen}\n        />\n      </div>\n    </Container>\n  )\n})\n\nexport default Navigation\n"],"names":["_path","_extends","React","width","button","useStyle","height","backgroundColor","borderRadius","opacity","links","gutter","_Fragment","map","link","i","GutterContainer","length","DROP_DOWN_MENU_WIDTH","DROP_DOWN_MENU_CLASS_NAME","className","position","restOfProps","cx","top","left","right","background","margin","padding","boxShadow","zIndex","listStyle","overflow","transformOrigin","willChange","transformStyle","display","dropIn","keyframes","DropDownContainer","forwardRef","ref","animation","color","textStyle","colorData","useResponsiveColor","Link","textDecoration","lineHeight","transition","useResponsiveTextStyle","useResponsiveStyle","fontSize","value","unit","fontWeight","fontStyle","letterSpacing","textTransform","colorToString","includes","label","caret","textColor","container","useRef","setPosition","useState","useIsomorphicLayoutEffect","current","ownerDocument","defaultView","innerWidth","offsetLeft","_jsx","Button","alignItems","marginRight","_jsxs","fill","CaretDown8","Plus8","ArrowDown8","ChevronDown8","DropDownMenu","id","payload","DropDownItem","open","flexDirection","onClose","isOpen","setIsOpen","ButtonLink","prev","overflowY","maxWidth","transform","coverRight","coverLeft","bottom","border","outline","closeIconColor","Container","Times16","flexShrink","Fragment","type","DropDownButton","gap","alignment","mobileMenuAnimation","flexGrow","justifyContent","props","placeholder","src","dimensions","Navigation","linkTextStyle","showLogo","logoFile","logoWidth","logoAltText","logoLink","mobileMenuOpenIconColor","mobileMenuCloseIconColor","mobileMenuBackgroundColor","Image","MobileMenu28"],"mappings":"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"}
+{"version":3,"file":"Navigation.cjs.js","sources":["../src/components/icons/mobile-menu-28.svg","../src/components/builtin/Navigation/components/LinksPlaceholder/index.tsx","../src/components/icons/caret-down-8.svg","../src/components/icons/plus-8.svg","../src/components/icons/arrow-down-8.svg","../src/components/icons/chevron-down-8.svg","../src/components/builtin/Navigation/components/DropDownButton/index.tsx","../src/components/icons/times-16.svg","../src/components/builtin/Navigation/components/MobileMenu/components/MobileDropDownButton/index.tsx","../src/components/builtin/Navigation/components/MobileMenu/index.tsx","../src/components/builtin/Navigation/Navigation.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CiAgPHBhdGggZD0iTTI3IDE1SDFhMSAxIDAgMCAxLTEtMSAxIDEgMCAwIDEgMS0xaDI2YTEgMSAwIDAgMSAxIDEgMSAxIDAgMCAxLTEgMXptMC0xMEgxYTEgMSAwIDAgMC0xIDEgMSAxIDAgMCAwIDEgMWgyNmExIDEgMCAwIDAgMS0xIDEgMSAwIDAgMC0xLTF6bTAgMTZIMWExIDEgMCAwIDAtMSAxIDEgMSAwIDAgMCAxIDFoMjZhMSAxIDAgMCAwIDEtMSAxIDEgMCAwIDAtMS0xeiIvPgo8L3N2Zz4=\"","import { ResponsiveLengthValue } from '../../../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport GutterContainer from '../../../../shared/GutterContainer'\n\ntype PlaceholderLinkProps = {\n  width: number\n  button?: boolean\n}\n\nfunction PlaceholderLink({ width, button }: PlaceholderLinkProps) {\n  return (\n    <div\n      className={useStyle({\n        width,\n        height: button === true ? 32 : 8,\n        backgroundColor: '#a1a8c2',\n        borderRadius: button === true ? 6 : 2,\n        opacity: 0.4,\n      })}\n    />\n  )\n}\n\ntype Props = { gutter?: ResponsiveLengthValue }\n\nconst links = [{ width: 50 }, { width: 70 }, { width: 60 }, { width: 80, button: true }]\n\nexport default function LinksPlaceholder({ gutter }: Props): JSX.Element {\n  return (\n    <>\n      {links.map((link, i) => (\n        <GutterContainer key={i} gutter={gutter} first={i === 0} last={i === links.length - 1}>\n          <PlaceholderLink {...link} />\n        </GutterContainer>\n      ))}\n    </>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDJhMSAxIDAgMCAwLS43MDcgMS43MDdsMyAzYTEgMSAwIDAgMCAxLjQxNCAwbDMtM0ExIDEgMCAwIDAgNyAySDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00IDBhMSAxIDAgMCAwLTEgMXYySDFhMSAxIDAgMSAwIDAgMmgydjJhMSAxIDAgMCAwIDIgMFY1aDJhMSAxIDAgMCAwIDAtMkg1VjFhMSAxIDAgMCAwLTEtMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01IDFhMSAxIDAgMCAwLTIgMHYzLjU4NmwtLjI5My0uMjkzYTEgMSAwIDAgMC0xLjQxNCAxLjQxNGwyIDJhMSAxIDAgMCAwIDEuNDE0IDBsMi0yYTEgMSAwIDAgMC0xLjQxNC0xLjQxNEw1IDQuNTg2VjF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLjI5MyAyLjI5M2ExIDEgMCAwIDEgMS40MTQgMEw0IDQuNTg2bDIuMjkzLTIuMjkzYTEgMSAwIDAgMSAxLjQxNCAxLjQxNGwtMyAzYTEgMSAwIDAgMS0xLjQxNCAwbC0zLTNhMSAxIDAgMCAxIDAtMS40MTR6Ii8+PC9zdmc+\"","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useRef, useState } from 'react'\n\nimport { ReactComponent as CaretDown8 } from '../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../icons/chevron-down-8.svg'\nimport {\n  ResponsiveColorValue,\n  TextStyleValue,\n  LinkValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../hooks'\n\nimport { Link } from '../../../../shared/Link'\nimport Button from '../../../Button'\nimport { useIsomorphicLayoutEffect } from '../../../../hooks/useIsomorphicLayoutEffect'\nimport { cx, keyframes } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../../../utils/responsive-style'\n\nconst DROP_DOWN_MENU_WIDTH = 200\n\ntype Position = 'left' | 'right'\n\nconst DROP_DOWN_MENU_CLASS_NAME = 'drop-down-menu'\n\ntype DropDownMenuBaseProps = {\n  position: Position\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, position, ...restOfProps }: DropDownMenuProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        DROP_DOWN_MENU_CLASS_NAME,\n        useStyle({\n          position: 'absolute',\n          top: '100%',\n          left: position === 'left' ? 0 : 'auto',\n          right: position === 'right' ? 0 : 'auto',\n          background: '#fff',\n          margin: 0,\n          padding: '8px 0',\n          borderRadius: 4,\n          boxShadow: '0 3px 10px rgba(0, 0, 0, 0.15)',\n          width: DROP_DOWN_MENU_WIDTH,\n          zIndex: 99,\n          listStyle: 'none',\n          overflow: 'hidden',\n          transformOrigin: '50% 0',\n          willChange: 'transform, opacity',\n          transformStyle: 'preserve-3d',\n          display: 'none',\n        }),\n        className,\n      )}\n    />\n  )\n}\n\nconst dropIn = keyframes`\n  0% {\n      opacity: 0;\n      transform: rotateX(-20deg);\n  }\n  100% {\n      opacity: 1;\n      transform: none;\n  }\n`\n\ntype DropDownContainerProps = ComponentPropsWithoutRef<'div'>\n\nconst DropDownContainer = forwardRef(function DropDownContainer(\n  { className, ...restOfProps }: DropDownContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({\n          position: 'relative',\n          [`&:hover .${DROP_DOWN_MENU_CLASS_NAME}`]: {\n            display: 'block',\n            animation: `${dropIn} 0.25s`,\n          },\n        }),\n        className,\n      )}\n    />\n  )\n})\n\ntype BaseDropDownItemProps = {\n  className?: string\n  color?: ResponsiveColorValue\n  textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ className, color, textStyle, ...restOfProps }: DropDownItemProps) {\n  const colorData = useResponsiveColor(color)\n\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'block',\n          textDecoration: 'none',\n          lineHeight: 1.4,\n          padding: '8px 16px',\n          color: 'black',\n          backgroundColor: 'transparent',\n          transition: 'background-color 0.2s',\n        }),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([colorData, textStyle] as const, ([color, textStyle = {}]) => {\n            const fontSize = textStyle.fontSize || { value: 14, unit: 'px' }\n            const fontWeight = textStyle.fontWeight == null ? 'normal' : textStyle.fontWeight\n            const fontStyle = textStyle.fontStyle || []\n            const letterSpacing = textStyle.letterSpacing == null ? null : textStyle.letterSpacing\n            const textTransform = textStyle.textTransform || []\n\n            return {\n              color: color == null ? 'black' : colorToString(color),\n              fontSize: `${fontSize.value}${fontSize.unit}`,\n              fontWeight,\n              fontStyle: fontStyle.includes('italic') ? 'italic' : 'normal',\n              letterSpacing: letterSpacing == null ? 'normal' : `${letterSpacing}px`,\n              textTransform: textTransform.includes('uppercase') ? 'uppercase' : 'none',\n            }\n          }),\n        ),\n        useStyle({\n          '&:hover': {\n            backgroundColor: 'rgba(0, 0, 0, 0.04)',\n          },\n        }),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' | 'color'> & {\n  label: string\n  caret?: 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n  links?: Array<{\n    id: string\n    payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n      link?: LinkValue\n      label: string\n    }\n  }>\n  textColor?: ResponsiveColorValue\n  color?: ResponsiveColorValue\n}\n\nexport default function DropDownButton({\n  label,\n  caret = 'caret',\n  links = [],\n  textColor,\n  color,\n  ...restOfProps\n}: Props): JSX.Element {\n  const container = useRef<HTMLDivElement>(null)\n  const [position, setPosition] = useState<Position>('left')\n\n  useIsomorphicLayoutEffect(() => {\n    if (\n      container.current &&\n      container.current.ownerDocument.defaultView!.innerWidth <\n        container.current.offsetLeft + DROP_DOWN_MENU_WIDTH\n    ) {\n      setPosition('right')\n    } else {\n      setPosition('left')\n    }\n  }, [setPosition])\n\n  return (\n    <DropDownContainer ref={container}>\n      <Button\n        {...restOfProps}\n        textColor={useResponsiveColor(textColor)}\n        color={useResponsiveColor(color)}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <span style={{ marginRight: 6 }}>{label}</span>\n          <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n            {caret === 'caret' && <CaretDown8 />}\n            {caret === 'plus' && <Plus8 />}\n            {caret === 'arrow-down' && <ArrowDown8 />}\n            {caret === 'chevron-down' && <ChevronDown8 />}\n          </span>\n        </div>\n      </Button>\n      <DropDownMenu position={position}>\n        {links.map(({ id, payload }) => (\n          <DropDownItem {...payload} key={id}>\n            {payload.label}\n          </DropDownItem>\n        ))}\n      </DropDownMenu>\n    </DropDownContainer>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43MDcgMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDggNi41ODYgMy43MDcgMi4yOTNhMSAxIDAgMCAwLTEuNDE0IDEuNDE0TDYuNTg2IDhsLTQuMjkzIDQuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEw4IDkuNDE0bDQuMjkzIDQuMjkzYTEgMSAwIDAgMCAxLjQxNC0xLjQxNEw5LjQxNCA4bDQuMjkzLTQuMjkzWiIvPgo8L3N2Zz4=\"","import { ComponentPropsWithoutRef, useState } from 'react'\n\nimport {\n  ResponsiveColorValue,\n  TextStyleValue,\n  LinkValue,\n} from '../../../../../../../prop-controllers/descriptors'\nimport { colorToString } from '../../../../../../utils/colorToString'\nimport { useResponsiveColor } from '../../../../../../hooks'\n\nimport { ReactComponent as CaretDown8 } from '../../../../../../icons/caret-down-8.svg'\nimport { ReactComponent as Plus8 } from '../../../../../../icons/plus-8.svg'\nimport { ReactComponent as ArrowDown8 } from '../../../../../../icons/arrow-down-8.svg'\nimport { ReactComponent as ChevronDown8 } from '../../../../../../icons/chevron-down-8.svg'\n\nimport { Link } from '../../../../../../shared/Link'\nimport Button from '../../../../../Button'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../../../runtimes/react/use-style'\nimport {\n  useResponsiveStyle,\n  useResponsiveTextStyle,\n} from '../../../../../../utils/responsive-style'\n\ntype DropDownMenuBaseProps = {\n  className?: string\n  open: boolean\n}\n\ntype DropDownMenuProps = DropDownMenuBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof DropDownMenuBaseProps>\n\nfunction DropDownMenu({ className, open, ...restOfProps }: DropDownMenuProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({ display: open ? 'flex' : 'none', flexDirection: 'column', padding: 8 }),\n        className,\n      )}\n    />\n  )\n}\n\ntype ButtonLinkBaseProps = {\n  className?: string\n}\n\ntype ButtonLinkProps = ButtonLinkBaseProps &\n  Omit<ComponentPropsWithoutRef<typeof Button>, keyof ButtonLinkBaseProps>\n\nfunction ButtonLink({ className, ...restOfProps }: ButtonLinkProps) {\n  return <Button {...restOfProps} className={cx(useStyle({ margin: '8px 0' }), className)} />\n}\n\ntype BaseDropDownItemProps = {\n  className?: string\n  color?: ResponsiveColorValue\n  textStyle?: TextStyleValue\n}\n\ntype DropDownItemProps = BaseDropDownItemProps &\n  Omit<ComponentPropsWithoutRef<typeof Link>, keyof BaseDropDownItemProps>\n\nfunction DropDownItem({ color, className, textStyle, ...restOfProps }: DropDownItemProps) {\n  const colorData = useResponsiveColor(color)\n\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          textDecoration: 'none',\n          lineHeight: 1.4,\n          padding: '8px 16px',\n          color: 'black',\n        }),\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([colorData] as const, ([color]) => ({\n            color: color == null ? 'black' : colorToString(color),\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = Omit<ComponentPropsWithoutRef<typeof Button>, 'textColor' | 'color'> & {\n  label: string\n  links?: Array<{\n    id: string\n    payload: ComponentPropsWithoutRef<typeof DropDownItem> & {\n      link?: LinkValue\n      label: string\n    }\n  }>\n  onClose?: () => unknown\n  caret?: string\n  textColor?: ResponsiveColorValue\n  color?: ResponsiveColorValue\n}\n\nexport default function MobileDropDownButton({\n  label,\n  caret,\n  links = [],\n  onClose = () => {},\n  color,\n  textColor,\n  ...restOfProps\n}: Props): JSX.Element {\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    <>\n      <ButtonLink\n        {...restOfProps}\n        textColor={useResponsiveColor(textColor)}\n        color={useResponsiveColor(color)}\n        onPointerDown={() => setIsOpen(prev => !prev)}\n      >\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <span style={{ marginRight: 6 }}>{label}</span>\n          <span style={{ display: 'inline-flex', fill: 'currentColor' }}>\n            <>\n              {caret === 'caret' && <CaretDown8 />}\n              {caret === 'plus' && <Plus8 />}\n              {caret === 'arrow-down' && <ArrowDown8 />}\n              {caret === 'chevron-down' && <ChevronDown8 />}\n            </>\n          </span>\n        </div>\n      </ButtonLink>\n      <DropDownMenu open={isOpen}>\n        {links.map(({ id, payload }) => (\n          <DropDownItem {...payload} key={id} onClick={onClose}>\n            {payload.label}\n          </DropDownItem>\n        ))}\n      </DropDownMenu>\n    </>\n  )\n}\n","import { ComponentPropsWithoutRef, Fragment } from 'react'\n\nimport {\n  ResponsiveValue,\n  NavigationLinksValue,\n  NavigationButton as NavigationButtonValue,\n} from '../../../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../../../utils/types'\nimport { colorToString } from '../../../../utils/colorToString'\nimport { ReactComponent as Times16 } from '../../../../icons/times-16.svg'\n\nimport Button from '../../../Button'\nimport DropDownButton from './components/MobileDropDownButton'\nimport { ResponsiveColor } from '../../../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../../../hooks'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../../../utils/responsive-style'\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n  Omit<ComponentPropsWithoutRef<typeof Button>, 'color' | 'textColor'>\n\nfunction ButtonLink({\n  className,\n  textColor,\n  color,\n  ...restOfProps\n}: NavigationButtonProps): JSX.Element {\n  return (\n    <Button\n      {...restOfProps}\n      className={cx(useStyle({ margin: '8px 0' }), className)}\n      textColor={useResponsiveColor(textColor)}\n      color={useResponsiveColor(color)}\n    />\n  )\n}\n\ntype ContainerBaseProps = {\n  className?: string\n  animation?: ResponsiveValue<'coverRight' | 'coverLeft'>\n  backgroundColor?: ResponsiveValue<Color> | null\n  open: boolean\n}\n\ntype ContainerProps = ContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof ContainerBaseProps>\n\nfunction Container({\n  className,\n  animation,\n  backgroundColor,\n  open,\n  ...restOfProps\n}: ContainerProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          position: 'fixed',\n          flexDirection: 'column',\n          width: '100%',\n          padding: '40px 15px',\n          transition: 'transform 300ms ease-in-out',\n          overflowY: 'auto',\n          zIndex: 9999,\n          maxWidth: 575,\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [animation, backgroundColor] as const,\n            ([animation, backgroundColor]) => {\n              if (animation == null) return { display: 'none' }\n\n              return {\n                display: 'flex',\n                backgroundColor: backgroundColor == null ? 'black' : colorToString(backgroundColor),\n                transform: open\n                  ? `translate3d(0,0,0)`\n                  : `translate3d(${{ coverRight: '', coverLeft: '-' }[animation]}100%, 0, 0)`,\n                ...{\n                  coverRight: { top: 0, bottom: 0, right: 0 },\n                  coverLeft: { top: 0, bottom: 0, left: 0 },\n                }[animation],\n              }\n            },\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype CloseIconContainerBaseProps = {\n  className?: string\n  color?: ResponsiveColor | null\n}\n\ntype CloseIconContainerProps = CloseIconContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'button'>, keyof CloseIconContainerBaseProps>\n\nfunction CloseIconContainer({ className, color, ...restOfProps }: CloseIconContainerProps) {\n  return (\n    <button\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          position: 'absolute',\n          top: 15,\n          right: 15,\n          padding: 0,\n          border: 0,\n          outline: 0,\n          background: 'none',\n          fill: 'currentcolor',\n        }),\n        useStyle(\n          useResponsiveStyle([color] as const, ([color]) => ({\n            color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype Props = {\n  animation?: ResponsiveValue<'coverRight' | 'coverLeft'>\n  backgroundColor?: ResponsiveColor | null\n  closeIconColor?: ResponsiveColor | null\n  links?: NavigationLinksValue\n  onClose?: () => unknown\n  open?: boolean\n}\n\nexport default function MobileMenu({\n  animation,\n  backgroundColor,\n  open = false,\n  closeIconColor,\n  links = [],\n  onClose = () => {},\n}: Props): JSX.Element {\n  return (\n    <Container animation={animation} backgroundColor={backgroundColor} open={open}>\n      <CloseIconContainer color={closeIconColor} onClick={onClose}>\n        <Times16 />\n      </CloseIconContainer>\n      <div\n        style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', flexShrink: 0 }}\n      >\n        {links.map(link => (\n          <Fragment key={link.id}>\n            {link.type === 'button' && (\n              <ButtonLink {...link.payload} onClick={onClose}>\n                {link.payload.label}\n              </ButtonLink>\n            )}\n            {link.type === 'dropdown' && <DropDownButton {...link.payload} onClose={onClose} />}\n          </Fragment>\n        ))}\n      </div>\n    </Container>\n  )\n}\n","import { ComponentPropsWithoutRef, ForwardedRef, forwardRef, useState } from 'react'\n\nimport { ReactComponent as MobileMenu28 } from '../../icons/mobile-menu-28.svg'\n\nimport GutterContainer from '../../shared/GutterContainer'\nimport Image from '../Image'\nimport Button from '../Button'\nimport LinksPlaceholder from './components/LinksPlaceholder'\nimport DropDownButton from './components/DropDownButton'\nimport MobileMenu from './components/MobileMenu'\nimport {\n  ResponsiveValue,\n  CheckboxValue,\n  ElementIDValue,\n  GapXValue,\n  ImageValue,\n  LinkValue,\n  NavigationLinksValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveLengthValue,\n  ResponsiveSelectValue,\n  TextInputValue,\n  TextStyleValue,\n  NavigationButton as NavigationButtonValue,\n} from '../../../prop-controllers/descriptors'\nimport { ColorValue as Color } from '../../utils/types'\nimport { colorToString } from '../../utils/colorToString'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { useResponsiveColor } from '../../hooks'\nimport { cx } from '@emotion/css'\nimport { useResponsiveStyle, useResponsiveTextStyle } from '../../utils/responsive-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\n\ntype Props = {\n  id?: ElementIDValue\n  links?: NavigationLinksValue\n  linkTextStyle?: TextStyleValue\n  showLogo?: CheckboxValue\n  logoFile?: ImageValue\n  logoWidth?: ResponsiveLengthValue\n  logoAltText?: TextInputValue\n  logoLink?: LinkValue\n  alignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gutter?: GapXValue\n  mobileMenuAnimation?: ResponsiveSelectValue<'coverRight' | 'coverLeft'>\n  mobileMenuOpenIconColor?: ResponsiveColor | null\n  mobileMenuCloseIconColor?: ResponsiveColor | null\n  mobileMenuBackgroundColor?: ResponsiveColor | null\n  width?: string\n  margin?: string\n}\n\ntype ContainerBaseProps = {\n  width?: string\n  margin?: string\n  textStyle: Props['linkTextStyle']\n  gutter: Props['gutter']\n}\n\ntype ContainerProps = ContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'nav'>, keyof ContainerBaseProps>\n\nconst Container = forwardRef(function Container(\n  { className, width, margin, textStyle, gutter, ...restOfProps }: ContainerProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  return (\n    <nav\n      {...restOfProps}\n      ref={ref}\n      className={cx(\n        useStyle({ display: 'flex', alignItems: 'center' }),\n        width,\n        margin,\n        useStyle(useResponsiveTextStyle(textStyle)),\n        useStyle(\n          useResponsiveStyle([gutter] as const, ([gutter = { value: 0, unit: 'px' }]) => ({\n            gap: `${gutter.value}${gutter.unit}`,\n          })),\n        ),\n        className,\n      )}\n    />\n  )\n})\n\ntype LinksContainerBaseProps = {\n  alignment: Props['alignment']\n  mobileMenuAnimation: Props['mobileMenuAnimation']\n}\n\ntype LinksContainerProps = LinksContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'div'>, keyof LinksContainerBaseProps>\n\nfunction LinksContainer({\n  className,\n  alignment,\n  mobileMenuAnimation,\n  ...restOfProps\n}: LinksContainerProps) {\n  return (\n    <div\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'flex',\n          alignItems: 'center',\n          flexGrow: 1,\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [alignment, mobileMenuAnimation] as const,\n            ([alignment = 'flex-end', mobileMenuAnimation]) => ({\n              display: mobileMenuAnimation == null ? 'flex' : 'none',\n              justifyContent: alignment,\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype OpenIconContainerBaseProps = {\n  mobileMenuAnimation: Props['mobileMenuAnimation']\n  alignment: Props['alignment']\n  color: ResponsiveValue<Color> | null | undefined\n}\n\ntype OpenIconContainerProps = OpenIconContainerBaseProps &\n  Omit<ComponentPropsWithoutRef<'button'>, keyof OpenIconContainerBaseProps>\n\nfunction OpenIconContainer({\n  className,\n  mobileMenuAnimation,\n  alignment,\n  color,\n  ...restOfProps\n}: OpenIconContainerProps) {\n  return (\n    <button\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'none',\n          flexGrow: 1,\n          alignItems: 'center',\n          background: 'none',\n          outline: 0,\n          border: 0,\n          padding: 0,\n          fill: 'currentcolor',\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [mobileMenuAnimation, alignment, color] as const,\n            ([mobileMenuAnimation, alignment = 'flex-end', color]) => ({\n              display: mobileMenuAnimation == null ? 'none' : 'flex',\n              justifyContent: alignment,\n              color: color == null ? 'rgba(161, 168, 194, 0.5)' : colorToString(color),\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n\ntype NavigationButtonProps = NavigationButtonValue['payload'] &\n  Omit<ComponentPropsWithoutRef<typeof Button>, 'color' | 'textColor'>\n\nfunction NavigationButton(props: NavigationButtonProps): JSX.Element {\n  const { textColor, color, ...restOfProps } = props\n\n  return (\n    <Button\n      {...restOfProps}\n      textColor={useResponsiveColor(textColor)}\n      color={useResponsiveColor(color)}\n    />\n  )\n}\n\nconst placeholder = {\n  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\",\n  dimensions: { width: 93, height: 36 },\n}\n\nconst Navigation = forwardRef<HTMLDivElement, Props>(function Navigation(\n  {\n    id,\n    links = [],\n    linkTextStyle,\n    showLogo,\n    logoFile,\n    logoWidth,\n    logoAltText,\n    logoLink,\n    alignment,\n    gutter,\n    mobileMenuAnimation,\n    mobileMenuOpenIconColor,\n    mobileMenuCloseIconColor,\n    mobileMenuBackgroundColor,\n    width,\n    margin,\n  },\n  ref,\n) {\n  const [isOpen, setIsOpen] = useState(false)\n\n  return (\n    <Container\n      ref={ref}\n      id={id}\n      width={width}\n      margin={margin}\n      textStyle={linkTextStyle}\n      gutter={gutter}\n    >\n      {showLogo === true && (\n        <Image\n          altText={logoAltText}\n          file={logoFile}\n          link={logoLink}\n          placeholder={placeholder}\n          width={logoWidth}\n        />\n      )}\n      <div style={{ display: 'flex', flexGrow: 1, justifyContent: 'flex-end' }}>\n        <LinksContainer alignment={alignment} mobileMenuAnimation={mobileMenuAnimation}>\n          {links.length > 0 ? (\n            links.map((link, i) => (\n              <GutterContainer\n                key={link.id}\n                gutter={gutter}\n                first={i === 0}\n                last={i === links.length - 1}\n              >\n                {link.type === 'button' && (\n                  <NavigationButton {...link.payload}>{link.payload.label}</NavigationButton>\n                )}\n                {link.type === 'dropdown' && <DropDownButton {...link.payload} />}\n              </GutterContainer>\n            ))\n          ) : (\n            <LinksPlaceholder gutter={gutter} />\n          )}\n        </LinksContainer>\n        <OpenIconContainer\n          alignment={alignment}\n          color={mobileMenuOpenIconColor}\n          mobileMenuAnimation={mobileMenuAnimation}\n          onClick={() => setIsOpen(true)}\n        >\n          <MobileMenu28 />\n        </OpenIconContainer>\n        <MobileMenu\n          animation={mobileMenuAnimation}\n          backgroundColor={mobileMenuBackgroundColor}\n          closeIconColor={mobileMenuCloseIconColor}\n          links={links}\n          onClose={() => setIsOpen(false)}\n          open={isOpen}\n        />\n      </div>\n    </Container>\n  )\n})\n\nexport default Navigation\n"],"names":["_path","_extends","React","width","button","useStyle","height","backgroundColor","borderRadius","opacity","links","gutter","_Fragment","map","link","i","GutterContainer","length","DROP_DOWN_MENU_WIDTH","DROP_DOWN_MENU_CLASS_NAME","className","position","restOfProps","cx","top","left","right","background","margin","padding","boxShadow","zIndex","listStyle","overflow","transformOrigin","willChange","transformStyle","display","dropIn","keyframes","DropDownContainer","forwardRef","ref","animation","color","textStyle","colorData","useResponsiveColor","Link","textDecoration","lineHeight","transition","useResponsiveTextStyle","useResponsiveStyle","fontSize","value","unit","fontWeight","fontStyle","letterSpacing","textTransform","colorToString","includes","label","caret","textColor","container","useRef","setPosition","useState","useIsomorphicLayoutEffect","current","ownerDocument","defaultView","innerWidth","offsetLeft","_jsx","Button","alignItems","marginRight","_jsxs","fill","CaretDown8","Plus8","ArrowDown8","ChevronDown8","DropDownMenu","id","payload","DropDownItem","open","flexDirection","onClose","isOpen","setIsOpen","ButtonLink","prev","overflowY","maxWidth","transform","coverRight","coverLeft","bottom","border","outline","closeIconColor","Container","Times16","flexShrink","Fragment","type","DropDownButton","gap","alignment","mobileMenuAnimation","flexGrow","justifyContent","props","placeholder","src","dimensions","Navigation","linkTextStyle","showLogo","logoFile","logoWidth","logoAltText","logoLink","mobileMenuOpenIconColor","mobileMenuCloseIconColor","mobileMenuBackgroundColor","Image","MobileMenu28"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAIA;AAEJ,sBAAoB;AAAEC,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,kBAAkB,0BAAyB,OAAO;AACpD,SAAoBC,iCAAM,cAAc,OAAOD,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ,GAAK,KAAK,GAAGD,WAAUA,WAAqBE,iCAAM,cAAc,QAAQ;AAAA,IACpE,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACLA,yBAAyB;AAAA,EAAEC;AAAAA,EAAOC;AAAAA,GAAgC;AAE9D,wCAAA,OAAA;AAAA,IACE,WAAWC,UAAAA,SAAS;AAAA,MAClBF;AAAAA,MACAG,QAAQF,WAAW,OAAO,KAAK;AAAA,MAC/BG,iBAAiB;AAAA,MACjBC,cAAcJ,WAAW,OAAO,IAAI;AAAA,MACpCK,SAAS;AAAA,IAAA,CALQ;AAAA,EAAA,CAFvB;AAWD;AAID,MAAMC,QAAQ,CAAC;AAAA,EAAEP,OAAO;AAAT,GAAe;AAAA,EAAEA,OAAO;AAAT,GAAe;AAAA,EAAEA,OAAO;AAAT,GAAe;AAAA,EAAEA,OAAO;AAAA,EAAIC,QAAQ;AAArB,CAA9C;AAE2B,0BAAA;AAAA,EAAEO;AAAAA,GAA8B;AAErE,wCAAAC,WAAAA,UAAA;AAAA,IACGF,UAAAA,MAAMG,IAAI,CAACC,MAAMC,qCACfC,uBAAD;AAAA,MAAyB;AAAA,MAAgB,OAAOD,MAAM;AAAA,MAAG,MAAMA,MAAML,MAAMO,SAAS;AAAA,MAClF,yCAAC,iBAAoBH,mBAAAA,KAArB;AAAA,IADF,GAAsBC,CAAtB,CADD;AAAA,EAAA,CAFL;AASD;ACrCD,IAAIf;AAEJ,sBAAoB;AAAEC,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,gBAAgB,wBAAuB,OAAO;AAChD,SAAoBC,iCAAM,cAAc,OAAOD,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACX,GAAK,KAAK,GAAGD,WAAUA,WAAqBE,iCAAM,cAAc,QAAQ;AAAA,IACpE,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACdA,IAAIF;AAEJ,sBAAoB;AAAEC,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,WAAW,mBAAkB,OAAO;AACtC,SAAoBC,iCAAM,cAAc,OAAOD,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACX,GAAK,KAAK,GAAGD,WAAUA,WAAqBE,iCAAM,cAAc,QAAQ;AAAA,IACpE,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACdA,IAAIF;AAEJ,sBAAoB;AAAEC,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,gBAAgB,wBAAuB,OAAO;AAChD,SAAoBC,iCAAM,cAAc,OAAOD,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACX,GAAK,KAAK,GAAGD,WAAUA,WAAqBE,iCAAM,cAAc,QAAQ;AAAA,IACpE,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACdA,IAAIF;AAEJ,sBAAoB;AAAEC,eAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAOA,WAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,kBAAkB,0BAAyB,OAAO;AACpD,SAAoBC,iCAAM,cAAc,OAAOD,WAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACX,GAAK,KAAK,GAAGD,WAAUA,WAAqBE,iCAAM,cAAc,QAAQ;AAAA,IACpE,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACKA,MAAMgB,uBAAuB;AAI7B,MAAMC,4BAA4B;AASlC,wBAAsB,IAA4D;AAA5D,eAAEC;AAAAA;AAAAA,IAAWC;AAAAA,MAAb,IAA0BC,wBAA1B,IAA0BA;AAAAA,IAAxBF;AAAAA,IAAWC;AAAAA;AACjC,gFAEQC;IACJ,WAAWC,IAAAA,GACTJ,2BACAd,mBAAS;AAAA,MACPgB,UAAU;AAAA,MACVG,KAAK;AAAA,MACLC,MAAMJ,aAAa,SAAS,IAAI;AAAA,MAChCK,OAAOL,aAAa,UAAU,IAAI;AAAA,MAClCM,YAAY;AAAA,MACZC,QAAQ;AAAA,MACRC,SAAS;AAAA,MACTrB,cAAc;AAAA,MACdsB,WAAW;AAAA,MACX3B,OAAOe;AAAAA,MACPa,QAAQ;AAAA,MACRC,WAAW;AAAA,MACXC,UAAU;AAAA,MACVC,iBAAiB;AAAA,MACjBC,YAAY;AAAA,MACZC,gBAAgB;AAAA,MAChBC,SAAS;AAAA,IAjBH,CAAA,GAmBRjB,SArBW;AAAA,EAAA,EAHjB;AA4BD;AAED,MAAMkB,SAASC,IAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAaf,MAAMC,oBAAoBC,MAAAA,WAAW,4BACnC,IACAC,KACA;AAFA,eAAEtB;AAAAA;AAAAA,MAAF,IAAgBE,wBAAhB,IAAgBA;AAAAA,IAAdF;AAAAA;AAGF,gFAEQE;IACJ;AAAA,IACA,WAAWC,OACTlB,mBAAS;AAAA,MACPgB,UAAU;AAAA,OACR,YAAWF,8BAA8B;AAAA,QACzCkB,SAAS;AAAA,QACTM,WAAY,GAAEL;AAAAA,MAF2B;AAAA,IAFrC,CAAA,GAORlB,SARW;AAAA,EAAA,EAJjB;AAgBD,CApBmC;AA+BpC,wBAAsB,IAAoE;AAApE,eAAEA;AAAAA;AAAAA,IAAWwB;AAAAA,IAAOC;AAAAA,MAApB,IAAkCvB,wBAAlC,IAAkCA;AAAAA,IAAhCF;AAAAA,IAAWwB;AAAAA,IAAOC;AAAAA;AAClCC,QAAAA,YAAYC,wBAAmBH,KAAD;AAGlC,wCAACI,QAAAA,MAAD,iCACM1B,cADN;AAAA,IAEE,WAAWC,OACTlB,mBAAS;AAAA,MACPgC,SAAS;AAAA,MACTY,gBAAgB;AAAA,MAChBC,YAAY;AAAA,MACZrB,SAAS;AAAA,MACTe,OAAO;AAAA,MACPrC,iBAAiB;AAAA,MACjB4C,YAAY;AAAA,IAAA,CAPN,GASR9C,UAAAA,SAAS+C,4BAAuBP,SAAD,CAAvB,GACRxC,UACEgD,SAAAA,KAAAA,mBAAmB,CAACP,WAAWD,SAAZ,GAAiC,CAAC,CAACD,QAAOC,aAAY,CAAQ,OAAA;AACzES,YAAAA,WAAWT,WAAUS,YAAY;AAAA,QAAEC,OAAO;AAAA,QAAIC,MAAM;AAAA,MAAA;AAC1D,YAAMC,aAAaZ,WAAUY,cAAc,OAAO,WAAWZ,WAAUY;AACjEC,YAAAA,YAAYb,WAAUa,aAAa;AACzC,YAAMC,gBAAgBd,WAAUc,iBAAiB,OAAO,OAAOd,WAAUc;AACnEC,YAAAA,gBAAgBf,WAAUe,iBAAiB;AAE1C,aAAA;AAAA,QACLhB,OAAOA,UAAS,OAAO,UAAUiB,KAAAA,cAAcjB,MAAD;AAAA,QAC9CU,UAAW,GAAEA,SAASC,QAAQD,SAASE;AAAAA,QACvCC;AAAAA,QACAC,WAAWA,UAAUI,SAAS,QAAnB,IAA+B,WAAW;AAAA,QACrDH,eAAeA,iBAAiB,OAAO,WAAY,GAAEA;AAAAA,QACrDC,eAAeA,cAAcE,SAAS,WAAvB,IAAsC,cAAc;AAAA,MAAA;AAAA,IANrE,CAPgB,CADZ,GAkBRzD,UAAAA,SAAS;AAAA,MACI,WAAA;AAAA,QACTE,iBAAiB;AAAA,MADR;AAAA,IADL,CAAA,GAKRa,SAlCW;AAAA,EAAA,EAHjB;AAyCD;AAgBsC,wBAAA,IAOhB;AAPgB,eACrC2C;AAAAA;AAAAA,IACAC,QAAQ;AAAA,IACRtD,gBAAQ,CAH6B;AAAA,IAIrCuD;AAAAA,IACArB;AAAAA,MALqC,IAMlCtB,wBANkC,IAMlCA;AAAAA,IALHyC;AAAAA,IACAC;AAAAA,IACAtD;AAAAA,IACAuD;AAAAA,IACArB;AAAAA;AAGMsB,QAAAA,YAAYC,aAAuB,IAAjB;AAClB,QAAA,CAAC9C,UAAU+C,eAAeC,MAAAA,SAAmB,MAAX;AAExCC,4BAAAA,0BAA0B,MAAM;AAE5BJ,QAAAA,UAAUK,WACVL,UAAUK,QAAQC,cAAcC,YAAaC,aAC3CR,UAAUK,QAAQI,aAAazD,sBACjC;AACAkD,kBAAY,OAAD;AAAA,IAAA,OACN;AACLA,kBAAY,MAAD;AAAA,IACZ;AAAA,EAAA,GACA,CAACA,WAAD,CAVsB;AAYzB,yCACG,mBAAD;AAAA,IAAmB,KAAKF;AAAAA,IACtB,UAAA,CAAAU,2BAAA,IAACC,mBAAD,iCACMvD,cADN;AAAA,MAEE,WAAWyB,wBAAmBkB,SAAD;AAAA,MAC7B,OAAOlB,wBAAmBH,KAAD;AAAA,MAEzB,0CAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEP,SAAS;AAAA,UAAQyC,YAAY;AAAA,QAA3C;AAAA,QACE,UAAA,CAAAF,2BAAA,IAAA,QAAA;AAAA,UAAM,OAAO;AAAA,YAAEG,aAAa;AAAA,UAA5B;AAAA,UAAkChB,UAAAA;AAAAA,QAAAA,CAAlC,GACAiB,2BAAA,KAAA,QAAA;AAAA,UAAM,OAAO;AAAA,YAAE3C,SAAS;AAAA,YAAe4C,MAAM;AAAA,UAA7C;AAAA,UAAA,UAAA,CACGjB,UAAU,WAAYY,+BAAAM,eADzB,CAAA,CAAA,GAEGlB,UAAU,UAAUY,2BAAAA,IAACO,UAAD,CAAA,CAAA,GACpBnB,UAAU,gBAAiBY,+BAAAQ,eAAD,CAAA,CAAA,GAC1BpB,UAAU,kBAAkBY,2BAAAA,IAACS,iBAJhC,CAAA,CAAA,CAAA;AAAA,QAAA,CAFF,CAAA;AAAA,MAAA,CAAA;AAAA,IAAA,EANJ,GAgBET,2BAAA,IAACU,gBAAD;AAAA,MAAc;AAAA,MAAd,UACG5E,OAAMG,IAAI,CAAC;AAAA,QAAE0E;AAAAA,QAAIC;AAAAA,gDACfC,gBAAD,iCAAkBD,UAAlB;AAAA,QAA2B,KAAKD;AAAAA,MAAAA,IAC7BC,QAAQzB,KADX,CADD;AAAA,IAAA,CAjBL,CAAA;AAAA,EAAA,CADF;AA0BD;AC1ND,IAAI;AAEJ,oBAAoB;AAAE,aAAW,OAAO,UAAU,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU;AAAI,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,OAAO,OAAO;AAAA,QAAK;AAAA;IAAM;AAAC,WAAO;AAAA;AAAW,SAAO,SAAS,MAAM,MAAM,SAAS;AAAI;AAI7T,IAAI,aAAa,qBAAoB,OAAO;AAC1C,SAAoB7D,iCAAM,cAAc,OAAO,SAAS;AAAA,IACtD,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACX,GAAK,KAAK,GAAG,SAAU,SAAqBA,iCAAM,cAAc,QAAQ;AAAA,IACpE,UAAU;AAAA,IACV,UAAU;AAAA,IACV,GAAG;AAAA,EACJ,CAAA,EAAE;AACL;ACgBA,sBAAsB,IAAwD;AAAxD,eAAEkB;AAAAA;AAAAA,IAAWsE;AAAAA,MAAb,IAAsBpE,wBAAtB,IAAsBA;AAAAA,IAApBF;AAAAA,IAAWsE;AAAAA;AACjC,gFAEQpE;IACJ,WAAWC,OACTlB,mBAAS;AAAA,MAAEgC,SAASqD,OAAO,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAU9D,SAAS;AAAA,IAAtE,CAAA,GACRT,SAFW;AAAA,EAAA,EAHjB;AASD;AASD,sBAAoB,IAAgD;AAAhD,eAAEA;AAAAA;AAAAA,MAAF,IAAgBE,wBAAhB,IAAgBA;AAAAA,IAAdF;AAAAA;AACb,wCAACyD,OAAAA,YAAD,iCAAYvD,cAAZ;AAAA,IAAyB,WAAWC,OAAGlB,mBAAS;AAAA,MAAEuB,QAAQ;AAAA,IAAX,CAAA,GAAuBR,SAAhC;AAAA,EAAA,EAA7C;AACD;AAWD,sBAAsB,IAAoE;AAApE,eAAEwB;AAAAA;AAAAA,IAAOxB;AAAAA,IAAWyB;AAAAA,MAApB,IAAkCvB,wBAAlC,IAAkCA;AAAAA,IAAhCsB;AAAAA,IAAOxB;AAAAA,IAAWyB;AAAAA;AAClCC,QAAAA,YAAYC,wBAAmBH,KAAD;AAGlC,wCAACI,QAAAA,MAAD,iCACM1B,cADN;AAAA,IAEE,WAAWC,OACTlB,mBAAS;AAAA,MACP4C,gBAAgB;AAAA,MAChBC,YAAY;AAAA,MACZrB,SAAS;AAAA,MACTe,OAAO;AAAA,IAJD,CAAA,GAMRvC,UAAS+C,SAAAA,4BAAuBP,SAAD,CAAvB,GACRxC,UAAAA,SACEgD,KAAAA,mBAAmB,CAACP,SAAD,GAAsB,CAAC,CAACF,YAAY;AAAA,MACrDA,OAAOA,UAAS,OAAO,UAAUiB,KAAAA,cAAcjB,MAAD;AAAA,IAAA,EAD9B,CADZ,GAKRxB,SAbW;AAAA,EAAA,EAHjB;AAoBD;AAiB4C,8BAAA,IAQtB;AARsB,eAC3C2C;AAAAA;AAAAA,IACAC;AAAAA,IACAtD,gBAAQ,CAHmC;AAAA,IAI3CkF,UAAU,MAAM;AAAA,IAAE;AAAA,IAClBhD;AAAAA,IACAqB;AAAAA,MAN2C,IAOxC3C,wBAPwC,IAOxCA;AAAAA,IANHyC;AAAAA,IACAC;AAAAA,IACAtD;AAAAA,IACAkF;AAAAA,IACAhD;AAAAA,IACAqB;AAAAA;AAGM,QAAA,CAAC4B,QAAQC,aAAazB,MAAAA,SAAS,KAAD;AAElC,yCAAAzD,WAAAA,UAAA;AAAA,IACE,UAAA,CAAAgE,2BAAA,IAACmB,cAAD,iCACMzE,cADN;AAAA,MAEE,WAAWyB,wBAAmBkB,SAAD;AAAA,MAC7B,OAAOlB,wBAAmBH,KAAD;AAAA,MACzB,eAAe,MAAMkD,UAAUE,CAAAA,SAAQ,CAACA,IAAV;AAAA,MAE9B,0CAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAE3D,SAAS;AAAA,UAAQyC,YAAY;AAAA,QAA3C;AAAA,QACE,UAAA,CAAAF,2BAAA,IAAA,QAAA;AAAA,UAAM,OAAO;AAAA,YAAEG,aAAa;AAAA,UAA5B;AAAA,UAAkChB,UAAAA;AAAAA,QAAAA,CAAlC,GACAa,2BAAA,IAAA,QAAA;AAAA,UAAM,OAAO;AAAA,YAAEvC,SAAS;AAAA,YAAe4C,MAAM;AAAA,UAA7C;AAAA,UACE,0CAAArE,qBAAA;AAAA,YAAA,UAAA,CACGoD,UAAU,WAAYY,+BAAAM,eADzB,CAAA,CAAA,GAEGlB,UAAU,UAAUY,2BAAAA,IAACO,UAAD,CAAA,CAAA,GACpBnB,UAAU,gBAAiBY,+BAAAQ,eAAD,CAAA,CAAA,GAC1BpB,UAAU,kBAAkBY,2BAAAA,IAACS,iBAJhC,CAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAAA,CAHJ,CAAA;AAAA,MAAA,CAAA;AAAA,IAAA,EAPJ,GAmBET,2BAAA,IAAC,cAAD;AAAA,MAAc,MAAMiB;AAAAA,MAApB,UACGnF,OAAMG,IAAI,CAAC;AAAA,QAAE0E;AAAAA,QAAIC;AAAAA,gDACf,cAAD,iCAAkBA,UAAlB;AAAA,QAA2B,KAAKD;AAAAA,QAAI,SAASK;AAAAA,MAAAA,IAC1CJ,QAAQzB,KADX,CADD;AAAA,IAAA,CApBL,CAAA;AAAA,EAAA,CADF;AA6BD;ACzHD,oBAAoB,IAKmB;AALnB,eAClB3C;AAAAA;AAAAA,IACA6C;AAAAA,IACArB;AAAAA,MAHkB,IAIftB,wBAJe,IAIfA;AAAAA,IAHHF;AAAAA,IACA6C;AAAAA,IACArB;AAAAA;AAIE,wCAACiC,OAAAA,YAAD,iCACMvD,cADN;AAAA,IAEE,WAAWC,OAAGlB,mBAAS;AAAA,MAAEuB,QAAQ;AAAA,IAAX,CAAA,GAAuBR,SAAhC;AAAA,IACb,WAAW2B,wBAAmBkB,SAAD;AAAA,IAC7B,OAAOlB,wBAAmBH,KAAD;AAAA,EAAA,EAL7B;AAQD;AAYD,qBAAmB,IAMA;AANA,eACjBxB;AAAAA;AAAAA,IACAuB;AAAAA,IACApC;AAAAA,IACAmF;AAAAA,MAJiB,IAKdpE,wBALc,IAKdA;AAAAA,IAJHF;AAAAA,IACAuB;AAAAA,IACApC;AAAAA,IACAmF;AAAAA;AAGA,gFAEQpE;IACJ,WAAWC,OACTlB,mBAAS;AAAA,MACPgB,UAAU;AAAA,MACVsE,eAAe;AAAA,MACfxF,OAAO;AAAA,MACP0B,SAAS;AAAA,MACTsB,YAAY;AAAA,MACZ8C,WAAW;AAAA,MACXlE,QAAQ;AAAA,MACRmE,UAAU;AAAA,IAAA,CARJ,GAUR7F,UAAAA,SACEgD,KACE,mBAAA,CAACV,WAAWpC,eAAZ,GACA,CAAC,CAACoC,YAAWpC,sBAAqB;AAChC,UAAIoC,cAAa;AAAa,eAAA;AAAA,UAAEN,SAAS;AAAA,QAAA;AAElC,aAAA;AAAA,QACLA,SAAS;AAAA,QACT9B,iBAAiBA,oBAAmB,OAAO,UAAUsD,KAAAA,cAActD,gBAAD;AAAA,QAClE4F,WAAWT,OACN,uBACA,eAAc;AAAA,UAAEU,YAAY;AAAA,UAAIC,WAAW;AAAA,QAAA,EAAM1D;AAAAA,SACnD;AAAA,QACDyD,YAAY;AAAA,UAAE5E,KAAK;AAAA,UAAG8E,QAAQ;AAAA,UAAG5E,OAAO;AAAA,QADvC;AAAA,QAED2E,WAAW;AAAA,UAAE7E,KAAK;AAAA,UAAG8E,QAAQ;AAAA,UAAG7E,MAAM;AAAA,QAA3B;AAAA,MACXkB,EAAAA;AAAAA,IATJ,CALc,CADZ,GAoBRvB,SA/BW;AAAA,EAAA,EAHjB;AAsCD;AAUD,4BAA4B,IAA+D;AAA/D,eAAEA;AAAAA;AAAAA,IAAWwB;AAAAA,MAAb,IAAuBtB,wBAAvB,IAAuBA;AAAAA,IAArBF;AAAAA,IAAWwB;AAAAA;AACvC,mFAEQtB;IACJ,WAAWC,OACTlB,mBAAS;AAAA,MACPgB,UAAU;AAAA,MACVG,KAAK;AAAA,MACLE,OAAO;AAAA,MACPG,SAAS;AAAA,MACT0E,QAAQ;AAAA,MACRC,SAAS;AAAA,MACT7E,YAAY;AAAA,MACZsD,MAAM;AAAA,IAAA,CARA,GAUR5E,UACEgD,SAAAA,wBAAmB,CAACT,KAAD,GAAkB,CAAC,CAACA,YAAY;AAAA,MACjDA,OAAOA,UAAS,OAAO,6BAA6BiB,KAAAA,cAAcjB,MAAD;AAAA,IAAA,EADjD,CADZ,GAKRxB,SAhBW;AAAA,EAAA,EAHjB;AAuBD;AAWkC,oBAAA;AAAA,EACjCuB;AAAAA,EACApC;AAAAA,EACAmF,OAAO;AAAA,EACPe;AAAAA,EACA/F,gBAAQ,CALyB;AAAA,EAMjCkF,UAAU,MAAM;AAAA,EAAE;AAAA,GACG;AACrB,yCACGc,aAAD;AAAA,IAAW;AAAA,IAAsB;AAAA,IAAkC;AAAA,IAAnE,UAAA,CACE9B,2BAAA,IAAC,oBAAD;AAAA,MAAoB,OAAO6B;AAAAA,MAAgB,SAASb;AAAAA,MAApD,UACEhB,2BAAAA,IAAC+B,YAAD,EAAA;AAAA,IAAA,CADF,GAGA/B,2BAAA,IAAA,OAAA;AAAA,MACE,OAAO;AAAA,QAAEvC,SAAS;AAAA,QAAQsD,eAAe;AAAA,QAAUb,YAAY;AAAA,QAAU8B,YAAY;AAAA,MADvF;AAAA,MAAA,UAGGlG,OAAMG,IAAIC,CAAAA,yCACR+F,MAAAA,UAAD;AAAA,QACG/F,UAAAA,CAAAA,KAAKgG,SAAS,2CACZ,YAAD,iCAAgBhG,KAAK0E,UAArB;AAAA,UAA8B,SAASI;AAAAA,UACpC9E,UAAAA,KAAK0E,QAAQzB;AAAAA,QADhB,EAAA,GAIDjD,KAAKgG,SAAS,6CAAeC,sBAAD,iCAAoBjG,KAAK0E,UAAzB;AAAA,UAAkC;AAAA,QAAA,EANjE,CAAA;AAAA,MAAA,GAAe1E,KAAKyE,EAApB,CADD;AAAA,IAAA,CAPL,CAAA;AAAA,EAAA,CADF;AAqBD;ACzGD,MAAMmB,YAAYjE,MAAAA,WAAW,oBAC3B,IACAC,KACA;AAFA,eAAEtB;AAAAA;AAAAA,IAAWjB;AAAAA,IAAOyB;AAAAA,IAAQiB;AAAAA,IAAWlC;AAAAA,MAAvC,IAAkDW,wBAAlD,IAAkDA;AAAAA,IAAhDF;AAAAA,IAAWjB;AAAAA,IAAOyB;AAAAA,IAAQiB;AAAAA,IAAWlC;AAAAA;AAGvC,gFAEQW;IACJ;AAAA,IACA,WAAWC,OACTlB,mBAAS;AAAA,MAAEgC,SAAS;AAAA,MAAQyC,YAAY;AAAA,IAAhC,CAAA,GACR3E,OACAyB,QACAvB,UAAAA,SAAS+C,4BAAuBP,SAAD,CAAvB,GACRxC,UAAAA,SACEgD,KAAAA,mBAAmB,CAAC1C,MAAD,GAAmB,CAAC,CAACA,UAAS;AAAA,MAAE4C,OAAO;AAAA,MAAGC,MAAM;AAAA,IAAA,OAAa;AAAA,MAC9EwD,KAAM,GAAErG,QAAO4C,QAAQ5C,QAAO6C;AAAAA,IAAAA,EADd,CADZ,GAKRpC,SAVW;AAAA,EAAA,EAJjB;AAkBD,CAtB2B;AAgC5B,wBAAwB,IAKA;AALA,eACtBA;AAAAA;AAAAA,IACA6F;AAAAA,IACAC;AAAAA,MAHsB,IAInB5F,wBAJmB,IAInBA;AAAAA,IAHHF;AAAAA,IACA6F;AAAAA,IACAC;AAAAA;AAGA,gFAEQ5F;IACJ,WAAWC,OACTlB,mBAAS;AAAA,MACPgC,SAAS;AAAA,MACTyC,YAAY;AAAA,MACZqC,UAAU;AAAA,IAHJ,CAAA,GAKR9G,UACEgD,SAAAA,wBACE,CAAC4D,WAAWC,mBAAZ,GACA,CAAC,CAACD,aAAY,YAAYC,0BAA0B;AAAA,MAClD7E,SAAS6E,wBAAuB,OAAO,SAAS;AAAA,MAChDE,gBAAgBH;AAAAA,IAAAA,EAJF,CADZ,GASR7F,SAfW;AAAA,EAAA,EAHjB;AAsBD;AAWD,2BAA2B,IAMA;AANA,eACzBA;AAAAA;AAAAA,IACA8F;AAAAA,IACAD;AAAAA,IACArE;AAAAA,MAJyB,IAKtBtB,wBALsB,IAKtBA;AAAAA,IAJHF;AAAAA,IACA8F;AAAAA,IACAD;AAAAA,IACArE;AAAAA;AAGA,mFAEQtB;IACJ,WAAWC,OACTlB,mBAAS;AAAA,MACPgC,SAAS;AAAA,MACT8E,UAAU;AAAA,MACVrC,YAAY;AAAA,MACZnD,YAAY;AAAA,MACZ6E,SAAS;AAAA,MACTD,QAAQ;AAAA,MACR1E,SAAS;AAAA,MACToD,MAAM;AAAA,IARA,CAAA,GAUR5E,UAAAA,SACEgD,KAAAA,mBACE,CAAC6D,qBAAqBD,WAAWrE,KAAjC,GACA,CAAC,CAACsE,sBAAqBD,aAAY,YAAYrE,YAAY;AAAA,MACzDP,SAAS6E,wBAAuB,OAAO,SAAS;AAAA,MAChDE,gBAAgBH;AAAAA,MAChBrE,OAAOA,UAAS,OAAO,6BAA6BiB,KAAAA,cAAcjB,MAAD;AAAA,IAAA,EALnD,CADZ,GAURxB,SArBW;AAAA,EAAA,EAHjB;AA4BD;AAKD,0BAA0BiG,OAA2C;AAC7D,QAAuCA,YAArCpD;AAAAA;AAAAA,IAAWrB;AAAAA,MAA0ByE,IAAhB/F,wBAAgB+F,IAAhB/F;AAAAA,IAArB2C;AAAAA,IAAWrB;AAAAA;AAGjB,wCAACiC,OAAAA,YAAD,iCACMvD,cADN;AAAA,IAEE,WAAWyB,wBAAmBkB,SAAD;AAAA,IAC7B,OAAOlB,wBAAmBH,KAAD;AAAA,EAAA,EAJ7B;AAOD;AAED,MAAM0E,cAAc;AAAA,EAClBC,KAAK;AAAA,EACLC,YAAY;AAAA,IAAErH,OAAO;AAAA,IAAIG,QAAQ;AAAA,EAArB;AAFM;AAKdmH,MAAAA,aAAahF,MAAAA,WAAkC,qBACnD;AAAA,EACE8C;AAAAA,EACA7E,gBAAQ,CAFV;AAAA,EAGEgH;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAd;AAAAA,EACAtG;AAAAA,EACAuG;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA/H;AAAAA,EACAyB;AAAAA,GAEFc,KACA;AACM,QAAA,CAACmD,QAAQC,aAAazB,MAAAA,SAAS,KAAD;AAEpC,yCACG,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAWqD;AAAAA,IACX;AAAA,IANF,UAAA,CAQGC,aAAa,uCACXQ,MAAAA,YAAD;AAAA,MACE,SAASL;AAAAA,MACT,MAAMF;AAAAA,MACN,MAAMG;AAAAA,MACN;AAAA,MACA,OAAOF;AAAAA,IAAAA,CALT,GAQF7C,2BAAA,KAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAE3C,SAAS;AAAA,QAAQ8E,UAAU;AAAA,QAAGC,gBAAgB;AAAA,MAA5D;AAAA,MAAA,UAAA,CACExC,2BAAA,IAAC,gBAAD;AAAA,QAAgB;AAAA,QAAsB;AAAA,QAAtC,UACGlE,OAAMO,SAAS,IACdP,OAAMG,IAAI,CAACC,MAAMC,MACfiE,2BAAA,KAAChE,uBAAD;AAAA,UAEE;AAAA,UACA,OAAOD,MAAM;AAAA,UACb,MAAMA,MAAML,OAAMO,SAAS;AAAA,UAE1BH,UAAAA,CAAAA,KAAKgG,SAAS,2CACZ,kBAAD,iCAAsBhG,KAAK0E,UAA3B;AAAA,YAAqC1E,UAAAA,KAAK0E,QAAQzB;AAAAA,UAPtD,EAAA,GASGjD,KAAKgG,SAAS,6CAAe,gBAAmBhG,mBAAAA,KAAK0E,QATxD,CAAA;AAAA,WACO1E,KAAKyE,EADZ,CADF,mCAcC,kBAAD;AAAA,UAAkB;AAAA,QAAA,CAAlB;AAAA,MAAA,CAjBN,GAoBEX,2BAAA,IAAC,mBAAD;AAAA,QACE;AAAA,QACA,OAAOoD;AAAAA,QACP;AAAA,QACA,SAAS,MAAMlC,UAAU,IAAD;AAAA,QAJ1B,UAMElB,2BAAAA,IAACwD,iBAAD,EAAA;AAAA,MAAA,CA1BJ,GA4BExD,2BAAA,IAAC,YAAD;AAAA,QACE,WAAWsC;AAAAA,QACX,iBAAiBgB;AAAAA,QACjB,gBAAgBD;AAAAA,QAChB;AAAA,QACA,SAAS,MAAMnC,UAAU,KAAD;AAAA,QACxB,MAAMD;AAAAA,MAAAA,CAlCV,CAAA;AAAA,IAAA,CAjBF,CAAA;AAAA,EAAA,CADF;AAyDD,CAhF4B;;"}

package/dist/Navigation.es.js

@@ -42,6 +42,7 @@ import "./actions.es.js";
 import "ts-pattern";
 import "uuid";
 import "slate";
+import "escape-html";
 import "./state/breakpoints.es.js";
 import { L as Link } from "./index.es3.js";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";