import React__default from 'react';
import FontPreview from './font-preview.js';
import { separator } from '../select-menu/index.js';
import 'prop-types';
import './font-loader.js';
import '../extends-C4cduGrv.js';
import '../objectWithoutProperties-TXwlfNxG.js';
import '../select-menu-BvA3x4Nf.js';
import '../slicedToArray-BB-AwwkK.js';
import '../defineProperty-CEd-kZQW.js';
import '../floating-ui.react-cWPyyUrN.js';
import '../typeof-CgC7Bq6K.js';
import '../toConsumableArray-dKQYsfpV.js';
import '../index-qSfOyGhk.js';
import 'react-dom';
import 'classnames';
import '../_commonjsHelpers-_1FafXWI.js';
import '../label/index.js';
import '@reach/visually-hidden';
import '../ck-icon/index.js';
import '../ck-icon/assets/icon-map/index.js';
import '../icon/index.js';
import '@fortawesome/react-fontawesome';
import '../icon/icons.js';
import '../icon/library.js';
import '@fortawesome/fontawesome-svg-core';
import '@fortawesome/pro-solid-svg-icons';
import '@fortawesome/pro-light-svg-icons';
import '@fortawesome/free-brands-svg-icons';
import '../portal/index.js';
import '../use-rerender-once/index.js';
import '../use-force-update/index.js';
import '../select-menu/autocomplete.js';

/*
  The fonts in this file are dived by separator which are classified by this structure

  [
    (serif fonts),
    separator,
    (sans serif fonts),
    separator,
    (handwritten fonts)
  ]

  Each font added to the file should be filed according to these attributes.
*/

var fontOptions = [{
  value: "Alegreya, serif",
  label: "Alegreya",
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Alegreya"
  }),
  supportedWeights: [400, 500, 600, 700, 800, 900]
}, {
  value: "Arvo, serif",
  label: "Arvo",
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Arvo"
  }),
  supportedWeights: [400, 700]
}, {
  label: "Century Gothic",
  value: "'Century Gothic', Avenir, 'Trebuchet MS'",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Century Gothic",
    noImport: true
  }),
  noImport: true
}, {
  label: "Times New Roman",
  value: "'Times New Roman', Times, Georgia, serif",
  supportedWeights: [400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Times New Roman",
    noImport: true
  }),
  noImport: true
}, {
  label: "Courier New",
  value: "'Courier New', Courier, monospace",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Courier New",
    noImport: true
  }),
  noImport: true
}, {
  value: "Domine, serif",
  label: "Domine",
  supportedWeights: [400, 500, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Domine"
  })
}, {
  value: "EB Garamond, serif",
  label: "EB Garamond",
  supportedWeights: [400, 500, 600, 700, 800],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "EB Garamond"
  })
}, {
  value: "IBM Plex Serif, serif",
  label: "IBM Plex Serif",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "IBM Plex Serif"
  })
}, {
  value: "Lora, serif",
  label: "Lora",
  supportedWeights: [400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Lora"
  })
}, {
  value: "Merriweather, serif",
  label: "Merriweather",
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Merriweather"
  }),
  supportedWeights: [300, 400, 700, 900]
}, {
  value: "Noto Serif, serif",
  label: "Noto Serif",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Noto Serif"
  })
}, {
  label: "Arial",
  value: "Arial",
  supportedWeights: [100, 400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Arial",
    noImport: true
  }),
  noImport: true
}, {
  label: "Arial Black",
  value: "'Arial Black', 'Arial Bold'",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Arial Black",
    noImport: true
  }),
  noImport: true
}, {
  label: "Red Hat Display",
  value: "'Red Hat Display', Helvetica, Arial, sans-serif",
  supportedWeights: [300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Red Hat Display"
  })
}, {
  value: "Playfair Display, serif",
  label: "Playfair Display",
  supportedWeights: [400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Playfair Display"
  })
}, {
  value: "PT Serif, serif",
  label: "PT Serif",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "PT Serif"
  })
}, {
  value: "Roboto Slab, serif",
  label: "Roboto Slab",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Roboto Slab"
  })
}, {
  value: "Unna, serif",
  label: "Unna",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Unna"
  })
}, {
  value: "Vollkorn, serif",
  label: "Vollkorn",
  supportedWeights: [400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Vollkorn"
  })
}, separator, {
  value: "Archivo, sans-serif",
  label: "Archivo",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Archivo"
  })
}, {
  value: "Exo, sans-serif",
  label: "Exo",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Exo"
  })
}, {
  label: "Geneva",
  value: "Geneva, Calibri",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Geneva",
    noImport: true
  }),
  noImport: true
}, {
  label: "Georgia",
  value: "Georgia, Times, 'Times New Roman', serif",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Georgia",
    noImport: true
  }),
  noImport: true
}, {
  label: "Inter",
  value: "Inter, Helvetica, Arial, sans-serif",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Inter"
  })
}, {
  label: "Lucida Grande",
  value: "'Lucida Grande', Verdana",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Lucida Grande",
    noImport: true
  }),
  noImport: true
}, {
  label: "Verdana",
  value: "Verdana",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Verdana",
    noImport: true
  }),
  noImport: true
}, {
  value: "IBM Plex Sans, sans-serif",
  label: "IBM Plex Sans",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "IBM Plex Sans"
  })
}, {
  value: "Lato, sans-serif",
  label: "Lato",
  supportedWeights: [100, 300, 400, 700, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Lato"
  })
}, {
  value: "Merriweather Sans, sans-serif",
  label: "Merriweather Sans",
  supportedWeights: [300, 400, 500, 600, 700, 800],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Merriweather Sans"
  })
}, {
  value: "Montserrat, sans-serif",
  label: "Montserrat",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Montserrat"
  })
}, {
  value: "Noto Sans, sans-serif",
  label: "Noto Sans",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Noto Sans"
  })
}, {
  value: "Nunito, sans-serif",
  label: "Nunito",
  supportedWeights: [200, 300, 400, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Nunito"
  })
}, {
  value: "Open Sans, sans-serif",
  label: "Open Sans",
  supportedWeights: [300, 400, 600, 700, 800],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Open Sans"
  })
}, {
  value: "Open Sans Condensed, sans-serif",
  label: "Open Sans Condensed",
  supportedWeights: [300, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Open Sans Condensed",
    weight: 300
  })
}, {
  value: "Oswald, sans-serif",
  label: "Oswald",
  supportedWeights: [200, 300, 400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Oswald"
  })
}, {
  value: "PT Sans, sans-serif",
  label: "PT Sans",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "PT Sans"
  })
}, {
  value: "PT Sans Narrow, sans-serif",
  label: "PT Sans Narrow",
  supportedWeights: [400, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "PT Sans Narrow"
  })
}, {
  value: "Raleway, sans-serif",
  label: "Raleway",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Raleway"
  })
}, {
  value: "Roboto, sans-serif",
  label: "Roboto",
  supportedWeights: [100, 300, 400, 500, 700, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Roboto"
  })
}, {
  value: "Roboto Condensed, sans-serif",
  label: "Roboto Condensed",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Roboto Condensed"
  })
}, {
  value: "Rubik, sans-serif",
  label: "Rubik",
  supportedWeights: [300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Rubik"
  })
}, {
  value: "Work Sans, sans-serif",
  label: "Work Sans",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Work Sans"
  })
}, {
  label: "Bricolage Grotesque",
  value: "'Bricolage Grotesque', Helvetica, sans-serif",
  supportedWeights: [200, 300, 400, 500, 600, 700, 800],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Bricolage Grotesque"
  })
}, {
  label: "Figtree",
  value: "Figtree, sans-serif",
  supportedWeights: [300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Figtree"
  })
}, {
  label: "Poppins",
  value: "Poppins, sans-serif",
  supportedWeights: [100, 200, 300, 400, 500, 600, 700, 800, 900],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Poppins"
  })
}, separator, {
  value: "Allura, cursive",
  label: "Allura",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Allura"
  })
}, {
  value: "Amatic SC, cursive",
  label: "Amatic SC",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Amatic SC"
  })
}, {
  value: "Anton, sans-serif",
  label: "Anton",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Anton"
  })
}, {
  value: "Bangers, sans-serif",
  label: "Bangers",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Bangers"
  })
}, {
  value: "Dancing Script, cursive",
  label: "Dancing Script",
  supportedWeights: [400, 500, 600, 700],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Dancing Script"
  })
}, {
  value: "Permanent Marker, sans-serif",
  label: "Permanent Marker",
  supportedWeights: [400],
  component: /*#__PURE__*/React__default.createElement(FontPreview, {
    font: "Permanent Marker"
  })
}];

export { fontOptions };
