fontdue-js 0.1.0-alpha26 → 0.1.0-alpha29

package/dist/__generated__/CharacterViewer_Query.graphql.d.ts

@@ -0,0 +1,16 @@
+import { ConcreteRequest } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type CharacterViewer_QueryVariables = {
+    collectionId: string;
+};
+export declare type CharacterViewer_QueryResponse = {
+    readonly node: {
+        readonly " $fragmentRefs": FragmentRefs<"CharacterViewer_collection">;
+    } | null;
+};
+export declare type CharacterViewer_Query = {
+    readonly response: CharacterViewer_QueryResponse;
+    readonly variables: CharacterViewer_QueryVariables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/CharacterViewer_Query.graphql.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+
+/*
+query CharacterViewer_Query(
+  $collectionId: ID!
+) {
+  node(id: $collectionId) {
+    __typename
+    ...CharacterViewer_collection
+    id
+  }
+}
+
+fragment CharacterViewer_collection on FontCollection {
+  featureStyle {
+    id
+  }
+  id
+  name
+  fontStyles {
+    id
+    cssFamily
+    name
+    characterBlocks {
+      name
+      characters
+    }
+    featureCharacters {
+      feature
+      name
+      characters
+    }
+  }
+  children(collectionTypes: [FAMILY]) {
+    id
+    name
+    fontStyles {
+      id
+      cssFamily
+      name
+      characterBlocks {
+        name
+        characters
+      }
+      featureCharacters {
+        feature
+        name
+        characters
+      }
+    }
+  }
+}
+*/
+const node = function () {
+  var v0 = [{
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "collectionId"
+  }],
+      v1 = [{
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "collectionId"
+  }],
+      v2 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  },
+      v3 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "name",
+    "storageKey": null
+  },
+      v4 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "characters",
+    "storageKey": null
+  },
+      v5 = {
+    "alias": null,
+    "args": null,
+    "concreteType": "FontStyle",
+    "kind": "LinkedField",
+    "name": "fontStyles",
+    "plural": true,
+    "selections": [v2
+    /*: any*/
+    , {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cssFamily",
+      "storageKey": null
+    }, v3
+    /*: any*/
+    , {
+      "alias": null,
+      "args": null,
+      "concreteType": "CharacterBlock",
+      "kind": "LinkedField",
+      "name": "characterBlocks",
+      "plural": true,
+      "selections": [v3
+      /*: any*/
+      , v4
+      /*: any*/
+      ],
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FeatureCharacters",
+      "kind": "LinkedField",
+      "name": "featureCharacters",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "feature",
+        "storageKey": null
+      }, v3
+      /*: any*/
+      , v4
+      /*: any*/
+      ],
+      "storageKey": null
+    }],
+    "storageKey": null
+  };
+  return {
+    "fragment": {
+      "argumentDefinitions": v0
+      /*: any*/
+      ,
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "CharacterViewer_Query",
+      "selections": [{
+        "alias": null,
+        "args": v1
+        /*: any*/
+        ,
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [{
+          "args": null,
+          "kind": "FragmentSpread",
+          "name": "CharacterViewer_collection"
+        }],
+        "storageKey": null
+      }],
+      "type": "RootQueryType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0
+      /*: any*/
+      ,
+      "kind": "Operation",
+      "name": "CharacterViewer_Query",
+      "selections": [{
+        "alias": null,
+        "args": v1
+        /*: any*/
+        ,
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "__typename",
+          "storageKey": null
+        }, v2
+        /*: any*/
+        , {
+          "kind": "InlineFragment",
+          "selections": [{
+            "alias": null,
+            "args": null,
+            "concreteType": "FontStyle",
+            "kind": "LinkedField",
+            "name": "featureStyle",
+            "plural": false,
+            "selections": [v2
+            /*: any*/
+            ],
+            "storageKey": null
+          }, v3
+          /*: any*/
+          , v5
+          /*: any*/
+          , {
+            "alias": null,
+            "args": [{
+              "kind": "Literal",
+              "name": "collectionTypes",
+              "value": ["FAMILY"]
+            }],
+            "concreteType": "FontCollection",
+            "kind": "LinkedField",
+            "name": "children",
+            "plural": true,
+            "selections": [v2
+            /*: any*/
+            , v3
+            /*: any*/
+            , v5
+            /*: any*/
+            ],
+            "storageKey": "children(collectionTypes:[\"FAMILY\"])"
+          }],
+          "type": "FontCollection",
+          "abstractKey": null
+        }],
+        "storageKey": null
+      }]
+    },
+    "params": {
+      "cacheID": "20623638a41f7530e73d456e039a0433",
+      "id": null,
+      "metadata": {},
+      "name": "CharacterViewer_Query",
+      "operationKind": "query",
+      "text": "query CharacterViewer_Query(\n  $collectionId: ID!\n) {\n  node(id: $collectionId) {\n    __typename\n    ...CharacterViewer_collection\n    id\n  }\n}\n\nfragment CharacterViewer_collection on FontCollection {\n  featureStyle {\n    id\n  }\n  id\n  name\n  fontStyles {\n    id\n    cssFamily\n    name\n    characterBlocks {\n      name\n      characters\n    }\n    featureCharacters {\n      feature\n      name\n      characters\n    }\n  }\n  children(collectionTypes: [FAMILY]) {\n    id\n    name\n    fontStyles {\n      id\n      cssFamily\n      name\n      characterBlocks {\n        name\n        characters\n      }\n      featureCharacters {\n        feature\n        name\n        characters\n      }\n    }\n  }\n}\n"
+    }
+  };
+}();
+
+node.hash = '10b58f0e5e086adbcd2a0d4cd44c442c';
+var _default = node;
+exports.default = _default;

package/dist/__generated__/CharacterViewer_collection.graphql.d.ts

@@ -0,0 +1,49 @@
+import { ReaderFragment } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type CharacterViewer_collection = {
+    readonly featureStyle: {
+        readonly id: string;
+    } | null;
+    readonly id: string;
+    readonly name: string;
+    readonly fontStyles: ReadonlyArray<{
+        readonly id: string;
+        readonly cssFamily: string | null;
+        readonly name: string;
+        readonly characterBlocks: ReadonlyArray<{
+            readonly name: string;
+            readonly characters: ReadonlyArray<string>;
+        }> | null;
+        readonly featureCharacters: ReadonlyArray<{
+            readonly feature: string;
+            readonly name: string;
+            readonly characters: ReadonlyArray<string>;
+        }> | null;
+    }> | null;
+    readonly children: ReadonlyArray<{
+        readonly id: string;
+        readonly name: string;
+        readonly fontStyles: ReadonlyArray<{
+            readonly id: string;
+            readonly cssFamily: string | null;
+            readonly name: string;
+            readonly characterBlocks: ReadonlyArray<{
+                readonly name: string;
+                readonly characters: ReadonlyArray<string>;
+            }> | null;
+            readonly featureCharacters: ReadonlyArray<{
+                readonly feature: string;
+                readonly name: string;
+                readonly characters: ReadonlyArray<string>;
+            }> | null;
+        }> | null;
+    }> | null;
+    readonly " $refType": "CharacterViewer_collection";
+};
+export declare type CharacterViewer_collection$data = CharacterViewer_collection;
+export declare type CharacterViewer_collection$key = {
+    readonly " $data"?: CharacterViewer_collection$data;
+    readonly " $fragmentRefs": FragmentRefs<"CharacterViewer_collection">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/CharacterViewer_collection.graphql.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+const node = function () {
+  var v0 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  },
+      v1 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "name",
+    "storageKey": null
+  },
+      v2 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "characters",
+    "storageKey": null
+  },
+      v3 = {
+    "alias": null,
+    "args": null,
+    "concreteType": "FontStyle",
+    "kind": "LinkedField",
+    "name": "fontStyles",
+    "plural": true,
+    "selections": [v0
+    /*: any*/
+    , {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cssFamily",
+      "storageKey": null
+    }, v1
+    /*: any*/
+    , {
+      "alias": null,
+      "args": null,
+      "concreteType": "CharacterBlock",
+      "kind": "LinkedField",
+      "name": "characterBlocks",
+      "plural": true,
+      "selections": [v1
+      /*: any*/
+      , v2
+      /*: any*/
+      ],
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FeatureCharacters",
+      "kind": "LinkedField",
+      "name": "featureCharacters",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "feature",
+        "storageKey": null
+      }, v1
+      /*: any*/
+      , v2
+      /*: any*/
+      ],
+      "storageKey": null
+    }],
+    "storageKey": null
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CharacterViewer_collection",
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "featureStyle",
+      "plural": false,
+      "selections": [v0
+      /*: any*/
+      ],
+      "storageKey": null
+    }, v0
+    /*: any*/
+    , v1
+    /*: any*/
+    , v3
+    /*: any*/
+    , {
+      "alias": null,
+      "args": [{
+        "kind": "Literal",
+        "name": "collectionTypes",
+        "value": ["FAMILY"]
+      }],
+      "concreteType": "FontCollection",
+      "kind": "LinkedField",
+      "name": "children",
+      "plural": true,
+      "selections": [v0
+      /*: any*/
+      , v1
+      /*: any*/
+      , v3
+      /*: any*/
+      ],
+      "storageKey": "children(collectionTypes:[\"FAMILY\"])"
+    }],
+    "type": "FontCollection",
+    "abstractKey": null
+  };
+}();
+
+node.hash = '6f5a8250fc907a798d7e83c8a9ce3f45';
+var _default = node;
+exports.default = _default;

package/dist/__generated__/CharacterViewer_family.graphql.d.ts

@@ -0,0 +1,28 @@
+import { ReaderFragment } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type CharacterViewer_family = {
+    readonly id: string;
+    readonly name: string;
+    readonly fontStyles: ReadonlyArray<{
+        readonly id: string;
+        readonly cssFamily: string | null;
+        readonly name: string;
+        readonly characterBlocks: ReadonlyArray<{
+            readonly name: string;
+            readonly characters: ReadonlyArray<string>;
+        }> | null;
+        readonly featureCharacters: ReadonlyArray<{
+            readonly feature: string;
+            readonly name: string;
+            readonly characters: ReadonlyArray<string>;
+        }> | null;
+    }> | null;
+    readonly " $refType": "CharacterViewer_family";
+};
+export declare type CharacterViewer_family$data = CharacterViewer_family;
+export declare type CharacterViewer_family$key = {
+    readonly " $data"?: CharacterViewer_family$data;
+    readonly " $fragmentRefs": FragmentRefs<"CharacterViewer_family">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/CharacterViewer_family.graphql.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+const node = function () {
+  var v0 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  },
+      v1 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "name",
+    "storageKey": null
+  },
+      v2 = {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "characters",
+    "storageKey": null
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CharacterViewer_family",
+    "selections": [v0
+    /*: any*/
+    , v1
+    /*: any*/
+    , {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "fontStyles",
+      "plural": true,
+      "selections": [v0
+      /*: any*/
+      , {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "cssFamily",
+        "storageKey": null
+      }, v1
+      /*: any*/
+      , {
+        "alias": null,
+        "args": null,
+        "concreteType": "CharacterBlock",
+        "kind": "LinkedField",
+        "name": "characterBlocks",
+        "plural": true,
+        "selections": [v1
+        /*: any*/
+        , v2
+        /*: any*/
+        ],
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "FeatureCharacters",
+        "kind": "LinkedField",
+        "name": "featureCharacters",
+        "plural": true,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "feature",
+          "storageKey": null
+        }, v1
+        /*: any*/
+        , v2
+        /*: any*/
+        ],
+        "storageKey": null
+      }],
+      "storageKey": null
+    }],
+    "type": "FontCollection",
+    "abstractKey": null
+  };
+}();
+
+node.hash = '2883e053de6bd4a34d802fe4af824991';
+var _default = node;
+exports.default = _default;

package/dist/components/CharacterViewer/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CharacterViewer_props {
+    collectionId: string;
+}
+declare const CharacterViewerQueryRenderer: React.FC<CharacterViewer_props>;
+export default CharacterViewerQueryRenderer;

package/dist/components/CharacterViewer/index.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactRelay = require("react-relay");
+
+var _reactStaticContainer = _interopRequireDefault(require("react-static-container"));
+
+var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
+
+var _utils = require("../../utils");
+
+var _Select = _interopRequireDefault(require("../Select"));
+
+var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
+
+var _CharacterViewer_family, _CharacterViewer_collection, _CharacterViewer_Query;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function useSize() {
+  const ref = (0, _react.useRef)(null);
+
+  const [size, setSize] = _react.default.useState();
+
+  _react.default.useLayoutEffect(() => {
+    if (!ref.current) return;
+    setSize(ref.current.getBoundingClientRect());
+  }, [ref]);
+
+  (0, _resizeObserver.default)(ref, entry => setSize(entry.contentRect));
+  return {
+    ref,
+    width: size === null || size === void 0 ? void 0 : size.width,
+    height: size === null || size === void 0 ? void 0 : size.height
+  };
+}
+
+const collectionInfo = collection => ({
+  name: collection.name,
+  fontStyles: collection.fontStyles
+});
+
+const CharacterViewerComponent = ({
+  collection
+}) => {
+  var _collection$children$, _collection$children, _ref, _collection$featureSt, _collection$featureSt2, _collection$fontStyle, _collection$fontStyle2, _collection$children2, _collection$children3, _collection$children4, _collection$children5, _fontStyle$characterB, _fontStyle$characterB2, _fontStyle$featureCha, _fontStyle$featureCha2, _fontStyle$featureCha3, _fontStyle$featureCha4, _fontStyle$featureCha5, _fontStyle$characterB3, _fontStyle$featureCha6;
+
+  const allCollections = [collectionInfo(collection)].concat((_collection$children$ = (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) !== null && _collection$children$ !== void 0 ? _collection$children$ : []);
+  const [fontStyleId, setFontStyleId] = (0, _react.useState)((_ref = (_collection$featureSt = (_collection$featureSt2 = collection.featureStyle) === null || _collection$featureSt2 === void 0 ? void 0 : _collection$featureSt2.id) !== null && _collection$featureSt !== void 0 ? _collection$featureSt : (_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : (_collection$fontStyle2 = _collection$fontStyle[0]) === null || _collection$fontStyle2 === void 0 ? void 0 : _collection$fontStyle2.id) !== null && _ref !== void 0 ? _ref : (_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : (_collection$children5 = _collection$children4[0]) === null || _collection$children5 === void 0 ? void 0 : _collection$children5.id);
+  const fontStyle = allCollections.flatMap(coll => coll.fontStyles).find(style => style.id === fontStyleId);
+  const {
+    style
+  } = (0, _useFontStyle.default)({
+    fontFamily: `${fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.cssFamily} ${fontStyle === null || fontStyle === void 0 ? void 0 : fontStyle.name}`,
+    fontWeight: '400',
+    fontStyle: 'normal'
+  });
+  const [selectedCharacter, setSelectedCharacter] = (0, _react.useState)();
+  const [activeCharacter, setActiveCharacter] = (0, _react.useState)(fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$characterB = fontStyle.characterBlocks) === null || _fontStyle$characterB === void 0 ? void 0 : (_fontStyle$characterB2 = _fontStyle$characterB[0]) === null || _fontStyle$characterB2 === void 0 ? void 0 : _fontStyle$characterB2.characters[0]);
+  const visibleCharacter = activeCharacter !== null && activeCharacter !== void 0 ? activeCharacter : selectedCharacter;
+  const [selectedFeatureCharacter, setSelectedFeatureCharacter] = (0, _react.useState)();
+  const [activeFeatureCharacter, setActiveFeatureCharacter] = (0, _react.useState)([(_fontStyle$featureCha = fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha2 = fontStyle.featureCharacters) === null || _fontStyle$featureCha2 === void 0 ? void 0 : (_fontStyle$featureCha3 = _fontStyle$featureCha2[0]) === null || _fontStyle$featureCha3 === void 0 ? void 0 : _fontStyle$featureCha3.characters[0]) !== null && _fontStyle$featureCha !== void 0 ? _fontStyle$featureCha : '', fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$featureCha4 = fontStyle.featureCharacters) === null || _fontStyle$featureCha4 === void 0 ? void 0 : (_fontStyle$featureCha5 = _fontStyle$featureCha4[0]) === null || _fontStyle$featureCha5 === void 0 ? void 0 : _fontStyle$featureCha5.feature]);
+  const visibleFeatureCharacter = activeFeatureCharacter !== null && activeFeatureCharacter !== void 0 ? activeFeatureCharacter : selectedFeatureCharacter;
+
+  const handleMouseLeave = () => {
+    if (selectedCharacter) setActiveCharacter(undefined);
+  };
+
+  const handleFeatureCharacterMouseLeave = () => {
+    if (selectedFeatureCharacter) setActiveFeatureCharacter(undefined);
+  };
+
+  const {
+    ref: blocksRef,
+    width: blocksWidth
+  } = useSize();
+  const {
+    ref: monitorRef,
+    width: monitorWidth
+  } = useSize();
+  const {
+    ref: featureMonitorRef,
+    width: featureMonitorWidth
+  } = useSize();
+  if (!fontStyle) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__character-map"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor"
+  }, visibleCharacter && /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__title"
+  }, "Character map"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__character",
+    style: { ...style,
+      '--width': monitorWidth
+    },
+    ref: monitorRef
+  }, /*#__PURE__*/_react.default.createElement("span", null, visibleCharacter)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__details"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Font style"), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: allCollections.flatMap(coll => {
+      var _coll$fontStyles$map$, _coll$fontStyles;
+
+      return (_coll$fontStyles$map$ = (_coll$fontStyles = coll.fontStyles) === null || _coll$fontStyles === void 0 ? void 0 : _coll$fontStyles.map(style => ({
+        value: style.id,
+        text: `${coll.name} ${style.name}`
+      })).filter(_utils.notEmpty)) !== null && _coll$fontStyles$map$ !== void 0 ? _coll$fontStyles$map$ : [];
+    }),
+    value: fontStyle.id,
+    onChange: e => setFontStyleId(e.target.value)
+  })), /*#__PURE__*/_react.default.createElement("span", null, "Unicode decimal"), /*#__PURE__*/_react.default.createElement("span", null, visibleCharacter.charCodeAt(0).toString(10)), /*#__PURE__*/_react.default.createElement("span", null, "Unicode hex"), /*#__PURE__*/_react.default.createElement("span", null, visibleCharacter.charCodeAt(0).toString(16).padStart(4, '0')), /*#__PURE__*/_react.default.createElement("span", null, "HTML entity"), /*#__PURE__*/_react.default.createElement("span", null, "&#x", visibleCharacter.charCodeAt(0).toString(16), ";")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer_blocks",
+    ref: blocksRef,
+    style: {
+      '--width': blocksWidth
+    }
+  }, (_fontStyle$characterB3 = fontStyle.characterBlocks) === null || _fontStyle$characterB3 === void 0 ? void 0 : _fontStyle$characterB3.map(({
+    name,
+    characters
+  }, i) => /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block",
+    key: i
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__name"
+  }, name), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__characters",
+    style: style,
+    onMouseLeave: handleMouseLeave
+  }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
+    key: j,
+    onClick: () => setSelectedCharacter(chars),
+    onMouseEnter: () => setActiveCharacter(chars),
+    "data-selected": selectedCharacter === chars
+  }, chars))))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__features-map"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor"
+  }, visibleFeatureCharacter && /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor__title"
+  }, "OpenType features"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor__characters",
+    ref: featureMonitorRef,
+    style: {
+      '--width': featureMonitorWidth
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor__characters__off"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__feature-monitor__label"
+  }, "OFF"), /*#__PURE__*/_react.default.createElement("div", {
+    style: { ...style,
+      fontFeatureSettings: `'calt' off, 'liga' off, '${visibleFeatureCharacter[1]}' off`
+    }
+  }, visibleFeatureCharacter[0])), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__feature-monitor__characters__on"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__feature-monitor__label"
+  }, "ON"), /*#__PURE__*/_react.default.createElement("div", {
+    style: { ...style,
+      fontFeatureSettings: `'${visibleFeatureCharacter[1]}' on`
+    }
+  }, visibleFeatureCharacter[0]))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__details"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Font style"), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: allCollections.flatMap(coll => {
+      var _coll$fontStyles$map$2, _coll$fontStyles2;
+
+      return (_coll$fontStyles$map$2 = (_coll$fontStyles2 = coll.fontStyles) === null || _coll$fontStyles2 === void 0 ? void 0 : _coll$fontStyles2.map(style => ({
+        value: style.id,
+        text: `${coll.name} ${style.name}`
+      })).filter(_utils.notEmpty)) !== null && _coll$fontStyles$map$2 !== void 0 ? _coll$fontStyles$map$2 : [];
+    }),
+    value: fontStyle.id,
+    onChange: e => setFontStyleId(e.target.value)
+  })), /*#__PURE__*/_react.default.createElement("span", null, "Unicode decimal"), /*#__PURE__*/_react.default.createElement("span", null, visibleFeatureCharacter[0].split('').map(char => char.charCodeAt(0).toString(10)).join(', ')), /*#__PURE__*/_react.default.createElement("span", null, "Unicode hex"), /*#__PURE__*/_react.default.createElement("span", null, visibleFeatureCharacter[0].split('').map(char => char.charCodeAt(0).toString(16).padStart(4, '0')).join(', ')), /*#__PURE__*/_react.default.createElement("span", null, "OpenType feature"), /*#__PURE__*/_react.default.createElement("span", null, visibleFeatureCharacter[1]), /*#__PURE__*/_react.default.createElement("span", null, "HTML entities"), /*#__PURE__*/_react.default.createElement("span", null, visibleFeatureCharacter[0].split('').map(char => `&#x${char.charCodeAt(0).toString(16)};`).join(''))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer_blocks",
+    style: {
+      '--width': blocksWidth
+    }
+  }, (_fontStyle$featureCha6 = fontStyle.featureCharacters) === null || _fontStyle$featureCha6 === void 0 ? void 0 : _fontStyle$featureCha6.map(({
+    name,
+    feature,
+    characters
+  }, i) => /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block",
+    key: i
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__name"
+  }, name), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block__characters",
+    style: { ...style,
+      fontFeatureSettings: `'${feature}' 1`
+    },
+    onMouseLeave: handleFeatureCharacterMouseLeave
+  }, characters.map((chars, j) => /*#__PURE__*/_react.default.createElement("div", {
+    key: j,
+    onClick: () => setSelectedFeatureCharacter([chars, feature]),
+    onMouseEnter: () => setActiveFeatureCharacter([chars, feature]),
+    "data-selected": (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[0]) === chars && (selectedFeatureCharacter === null || selectedFeatureCharacter === void 0 ? void 0 : selectedFeatureCharacter[1]) === feature
+  }, chars))))))));
+};
+
+_CharacterViewer_family !== void 0 ? _CharacterViewer_family : (_CharacterViewer_family = require("../../__generated__/CharacterViewer_family.graphql"), _CharacterViewer_family.hash && _CharacterViewer_family.hash !== "2883e053de6bd4a34d802fe4af824991" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family);
+const CharacterViewer = (0, _reactRelay.createFragmentContainer)(CharacterViewerComponent, {
+  collection: _CharacterViewer_collection !== void 0 ? _CharacterViewer_collection : (_CharacterViewer_collection = require("../../__generated__/CharacterViewer_collection.graphql"), _CharacterViewer_collection.hash && _CharacterViewer_collection.hash !== "6f5a8250fc907a798d7e83c8a9ce3f45" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection)
+});
+
+const CharacterViewerQueryRenderer = ({
+  collectionId
+}) => {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  return /*#__PURE__*/_react.default.createElement(_reactRelay.QueryRenderer, {
+    query: _CharacterViewer_Query !== void 0 ? _CharacterViewer_Query : (_CharacterViewer_Query = require("../../__generated__/CharacterViewer_Query.graphql"), _CharacterViewer_Query.hash && _CharacterViewer_Query.hash !== "10b58f0e5e086adbcd2a0d4cd44c442c" && console.error("The definition of 'CharacterViewer_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_Query),
+    variables: {
+      collectionId
+    },
+    environment: environment,
+    render: ({
+      props
+    }) => /*#__PURE__*/_react.default.createElement(_reactStaticContainer.default, {
+      shouldUpdate: props
+    }, props !== null && props !== void 0 && props.node ? /*#__PURE__*/_react.default.createElement(CharacterViewer, {
+      collection: props.node
+    }) : null)
+  });
+};
+
+var _default = CharacterViewerQueryRenderer;
+exports.default = _default;

package/dist/components/Root/index.js

@@ -44,6 +44,7 @@ const customElementMap = {
   'fontdue-buy-button': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyButton')))),
   'fontdue-cart': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Cart')))),
   'fontdue-cart-button': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CartButton')))),
+  'fontdue-character-viewer': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CharacterViewer')))),
   // @ts-ignore
   'fontdue-collection-aa': loadable(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CollectionAa')))),
   // @ts-ignore

package/dist/components/Select/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Select_props {
+    value: string;
+    options: {
+        value: string;
+        text: string;
+    }[];
+}
+declare type SelectHTMLProps = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
+declare const Select: React.FC<Select_props & SelectHTMLProps>;
+export default Select;

package/dist/components/Select/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Icons = require("../Icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const NBSP = '\xa0';
+
+const Select = ({
+  options,
+  value,
+  ...rest
+}) => {
+  var _options$find;
+
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: "select"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "select__text"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownArrow, null), NBSP, (_options$find = options.find(({
+    value: v
+  }) => value === v)) === null || _options$find === void 0 ? void 0 : _options$find.text), /*#__PURE__*/_react.default.createElement("select", _extends({
+    value: value,
+    className: "select__select"
+  }, rest), options.map(({
+    value,
+    text
+  }) => /*#__PURE__*/_react.default.createElement("option", {
+    value: value,
+    key: value
+  }, text))));
+};
+
+var _default = Select;
+exports.default = _default;

package/dist/components/TypeTester/TypeTesterFeaturesButton.js

@@ -19,6 +19,7 @@ const TypeTesterFeaturesButton = ({
   toggleFeaturesOpen
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: "type-tester__features-button",
+  "data-features-open": featuresOpen,
   "data-features-selected": features.length || 0
 }, /*#__PURE__*/_react.default.createElement("button", {
   className: "type-tester__features-button__button",

package/dist/components/TypeTester/TypeTesterFloatingToolbar.js

@@ -58,16 +58,14 @@ const TypeTesterFloatingToolbar = ({
         setOpen(false);
         (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
       }
-
-      if (entry.isIntersecting) setOpen(true);
     });
-    const typeTesterElement = document.querySelector(`[data-type-tester-id="${id}"]`);
+    const typeTesterElement = document.querySelector(`[data-type-tester-id="${activeId}"]`);
     if (!typeTesterElement) return;
     observer.observe(typeTesterElement);
     return () => {
       observer.disconnect();
     };
-  }, [id]);
+  }, [activeId]);
   (0, _react.useEffect)(() => {
     onToolbarOpenClose === null || onToolbarOpenClose === void 0 ? void 0 : onToolbarOpenClose(open);
   }, [onToolbarOpenClose, open]);

package/dist/components/TypeTester/TypeTesterStyleSelect.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _DownArrow = _interopRequireDefault(require("../Icons/DownArrow"));
+var _Select = _interopRequireDefault(require("../Select"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -28,37 +28,29 @@ const TypeTesterStyleSelect = ({
   if (!selectedFamily || !selectedFontStyle) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "type-tester-select"
-  }, /*#__PURE__*/_react.default.createElement("label", {
-    className: "type-tester-select__label"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "type-tester-select__text"
-  }, /*#__PURE__*/_react.default.createElement(_DownArrow.default, null), NBSP, selectedFamily.name), /*#__PURE__*/_react.default.createElement("select", {
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: families.map(({
+      id,
+      name
+    }) => ({
+      value: id,
+      text: name
+    })),
     value: selectedFamily.id,
     onChange: e => onSelectFamilyId(e.target.value),
-    className: "type-tester-select__select",
     onClick: e => e.stopPropagation()
-  }, families.map(({
-    id,
-    name
-  }) => /*#__PURE__*/_react.default.createElement("option", {
-    value: id,
-    key: id
-  }, name)))), selectedFamily.fontStyles && /*#__PURE__*/_react.default.createElement("label", {
-    className: "type-tester-select__label"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "type-tester-select__text"
-  }, /*#__PURE__*/_react.default.createElement(_DownArrow.default, null), " ", selectedFontStyle.name), /*#__PURE__*/_react.default.createElement("select", {
+  }), selectedFamily.fontStyles && /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: selectedFamily.fontStyles.map(({
+      id,
+      name
+    }) => ({
+      value: id,
+      text: name
+    })),
     value: selectedFontStyleId,
     onChange: e => onSelectFontStyleId(e.target.value),
-    className: "type-tester-select__select",
     onClick: e => e.stopPropagation()
-  }, selectedFamily.fontStyles.map(({
-    id,
-    name
-  }) => /*#__PURE__*/_react.default.createElement("option", {
-    value: id,
-    key: id
-  }, name)))));
+  }));
 };
 
 var _default = TypeTesterStyleSelect;

package/fontdue.css

@@ -659,28 +659,6 @@ div[data-component=TypeTesters] {
 .type-tester-select {
   display: flex;
 }
-.type-tester-select__label {
-  position: relative;
-  display: block;
-  margin-right: 20px;
-  white-space: nowrap;
-}
-.type-tester-select__select {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  font-size: 16px;
-  opacity: 0;
-  z-index: 1;
-}
-.type-tester-select__text .icon {
-  font-size: 14px;
-  vertical-align: baseline;
-  position: relative;
-  bottom: -2px;
-}
 
 .select-button {
   background: none;
@@ -759,6 +737,132 @@ div[data-component=TypeTesters] {
   opacity: 0.5;
 }
 
+.character-viewer {
+  line-height: normal;
+}
+
+.character-viewer__character-map {
+  margin-bottom: 30px;
+}
+
+.character-viewer__character-map,
+.character-viewer__features-map {
+  display: grid;
+  grid-template-columns: minmax(0, min(40%, 500px)) auto;
+  grid-gap: 30px;
+  position: relative;
+}
+@media screen and (max-width: 599px) {
+  .character-viewer__character-map,
+.character-viewer__features-map {
+    grid-template-columns: auto;
+  }
+}
+
+.character-viewer__monitor__title,
+.character-viewer__feature-monitor__title {
+  height: 30px;
+}
+
+@media screen and (max-width: 599px) {
+  .character-viewer__monitor,
+.character-viewer__feature-monitor {
+    display: none;
+  }
+}
+
+.character-viewer__monitor__container,
+.character-viewer__feature-monitor__container {
+  position: sticky;
+  top: 16px;
+}
+
+.character-viewer__monitor__character {
+  font-size: calc(1px * var(--width) * 2 / 3);
+  text-align: center;
+  border: 1px solid;
+  margin-bottom: 16px;
+}
+
+.character-viewer__monitor__details {
+  display: grid;
+  grid-template-columns: max-content auto;
+  grid-column-gap: 20px;
+}
+@media screen and (max-width: 1000px) {
+  .character-viewer__monitor__details {
+    grid-template-columns: auto;
+  }
+  .character-viewer__monitor__details > :nth-child(2n) {
+    margin-bottom: 16px;
+  }
+}
+
+.character-viewer__feature-monitor__characters {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 1fr;
+  grid-gap: 20px;
+  margin-bottom: 16px;
+}
+.character-viewer__feature-monitor__characters > div {
+  border: 1px solid;
+  padding: 0 10px;
+  position: relative;
+}
+.character-viewer__feature-monitor__characters > div > div {
+  display: block;
+  font-size: calc(1px * var(--width) * 1 / 3);
+  text-align: center;
+  white-space: pre;
+}
+
+.character-viewer__feature-monitor__characters__off {
+  overflow: auto;
+}
+.character-viewer__feature-monitor__characters__off > div {
+  opacity: 0.3;
+}
+
+.character-viewer__feature-monitor__label {
+  position: absolute;
+  top: 0;
+  left: 5px;
+}
+
+.character-viewer__block__name {
+  height: 30px;
+}
+
+.character-viewer__block:not(:last-child) .character-viewer__block__characters {
+  margin-bottom: 20px;
+}
+
+.character-viewer__block__characters {
+  display: grid;
+  grid-template-columns: repeat(calc(var(--width) / 60), 1fr);
+  font-size: 30px;
+  margin-left: 1px;
+}
+.character-viewer__block__characters > div {
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-bottom: 1px solid;
+  border-right: 1px solid;
+  margin-left: -1px;
+  margin-bottom: -1px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: center;
+  cursor: default;
+}
+@media screen and (min-width: 600px) {
+  .character-viewer__block__characters > div:hover, .character-viewer__block__characters > div[data-selected=true] {
+    background: var(--primary_text_color);
+    border-color: var(--primary_text_color);
+    color: var(--primary_background_color);
+  }
+}
+
 .checkbox {
   position: relative;
   flex-shrink: 0;
@@ -816,6 +920,28 @@ input:checked + .checkbox__icon {
   font-size: 12px;
 }
 
+.select {
+  position: relative;
+  display: block;
+  white-space: nowrap;
+}
+.select__select {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  font-size: 16px;
+  opacity: 0;
+  z-index: 1;
+}
+.select__text .icon {
+  font-size: 14px;
+  vertical-align: baseline;
+  position: relative;
+  bottom: -2px;
+}
+
 body[data-fontdue-store-modal=open] {
   overflow: hidden;
 }

package/fontdue.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../assets/fontdue/styles/global/_fonts.scss","../assets/fontdue/styles/components/_buy-button.scss","../assets/fontdue/styles/_imports.scss","../assets/fontdue/styles/components/_cart-button.scss","../assets/fontdue/styles/components/_icon.scss","../assets/fontdue/styles/components/_newsletter-signup.scss","../assets/fontdue/styles/components/_test-fonts.scss","node_modules/draft-js/dist/Draft.css","../assets/fontdue/styles/components/_type-tester.scss","../assets/fontdue/styles/components/_type-tester-select.scss","../assets/fontdue/styles/components/_select-button.scss","../assets/fontdue/styles/components/_submit-button.scss","../assets/fontdue/styles/components/shared/_checkbox.scss","../assets/fontdue/styles/components/shared/_store-modal.scss","../assets/fontdue/styles/components/shared/store-modal/_button.scss","../assets/fontdue/styles/components/shared/store-modal/_cart.scss","../assets/fontdue/styles/components/shared/store-modal/_container.scss","../assets/fontdue/styles/components/shared/store-modal/_download.scss","../assets/fontdue/styles/components/shared/store-modal/_family.scss","../assets/fontdue/styles/components/shared/store-modal/_family-button.scss","../assets/fontdue/styles/components/shared/store-modal/_index-item.scss","../assets/fontdue/styles/components/shared/store-modal/_license-selection.scss","../assets/fontdue/styles/components/shared/store-modal/_page.scss","../assets/fontdue/styles/components/shared/store-modal/_product-summary.scss","../assets/fontdue/styles/components/shared/store-modal/_review-confirm.scss","../assets/fontdue/styles/components/shared/store-modal/_review-item.scss","../assets/fontdue/styles/components/shared/store-modal/_review.scss","../assets/fontdue/styles/components/shared/store-modal/_style-button.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_empty-cart.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart-additions.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart-item.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_checkout-modal.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_react-select.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_text-field.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_variable-table-amounts.scss","../assets/fontdue/styles/components/shared/_test-mode-banner.scss"],"names":[],"mappings":"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EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EMqII;EACA;EACA;;ANrIJ;EAEE;;AAOF;EACE;;AM+HF;EACE;;AAIA;EN1JF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AMsIE;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AN3LF;EMgLA;IAcI;;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;;ACvNJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;;ACxBN;EReE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AQlCF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACxBN;ETeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ESvBA;EACA;EACA;EACA;;ATsBA;EAEE;;AAOF;EACE;;AS9BF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AClBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EVMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EUdE;EACA;EACA;EACA;;AVaF;EAEE;;AAOF;EACE;;AUpBF;EV8BA;EACA;EACA;EACA;EACA;EACA;EACA;EUlCE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;ACtCJ;EACE;;;ACCF;EZeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EYvBA;EACA;EACA;EACA;;AZsBA;EAEE;;AAOF;EACE;;AY9BF;EACE;EACA;EACA;;;AZPF;EaHF;IAEI;IACA;IACA;IACA;;;;AAIJ;AAAA;EAEE;;;AAGF;EbCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EaTA;EACA;EACA;EACA;EACA;EACA;;AbMA;EAEE;;AAOF;EACE;;AadF;EACE;EACA;EACA;;AAGF;EACE;;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;Ad1DA;EcqDF;IAQI;IACA;;;;AAIJ;EdtDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;;AcoCJ;Ed1DE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;;AcwCJ;EACE;;;AAGF;EdlEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;Ac+CF;EACE;;;ACpFF;EACE;;;AAIJ;EfSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EejBA;EACA;EACA;EACA;EACA;EACA;EACA;;AfaA;EAEE;;AAOF;EACE;;AerBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACzBJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;AAAA;AAAA;EhBCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EgBPA;EACA;EACA;EACA;EACA;EACA;EAaA;EACA;EACA;EACA;;AhBZA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAOF;AAAA;AAAA;EACE;;AgBZF;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AASF;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;;;ACtDJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AClBF;ElBeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkBvBA;EACA;EACA;EACA;EACA;EACA;;AlBoBA;EAEE;;AAOF;EACE;;;AkB3BJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC9BA;EACE;;;AAIJ;EACE;;;AAGF;EnBKE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EmBbA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AnBMA;EAEE;;AAOF;EACE;;AmBdF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AnBtGA;EmB4FF;IAaI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;ACtIF;EACE;EACA;EACA;EACA;;ApBDA;EoBHF;IAOI;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5BF;EACE;EACA;EACA;;;AAGF;ErBSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EqBjBA;EAEA;EACA;EACA;EACA;EACA;;ArBaA;EAEE;;AAOF;EACE;;AqBrBF;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AC7BF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EtBIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EsBZA;EACA;EACA;EACA;;AtBWA;EAEE;;AAOF;EACE;;AsBnBF;EACE;;AAGF;EACE;EACA;EACA;;;ACzBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACbJ;AACE;EACA;;;AAGF;ExBUE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AwB7BF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;AxB/BA;EwB6BF;IAKI;;;;AAIJ;ExBgBE;EACA;EACA,cwBjBe;ExBkBf,ewBlBe;EACf;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACnDF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACbF;EACE;EACA;;;ACGA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;E3BJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E2BJE;EACA;EACA;EACA;;A3BGF;EAEE;;AAOF;EACE;;A2BXA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;E3BhDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E2BwCE;;A3BtCF;EAEE;;AAOF;EACE;;A2B8BA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACpHN;E5ByDE;EACA;EACA,c4BzDe;E5B0Df,e4B1De;EACf;EACA;EACA;EACA;;A5BHA;E4BHF;IASI;IACA;IACA;IACA;IACA;IACA;;;AAIA;EADF;IAEI,OAlBc;IAmBd;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;AAAkB;;AAGpB;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EADF;IAEI,OAzDY;IA0DZ;IACA;;;A5BzDN;E4B4CA;IAkBI;IACA;;;AAGF;EACE;;A5BnEJ;E4BkEE;IAII;;;AAIJ;E5B9DF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4BsDI;EACA;;A5BrDJ;EAEE;;AAOF;EACE;;AA5BF;E4BoEE;IAMI;;;AAGF;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;A5B5FF;E4BuFA;IAQI;;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;A5BjIN;E4BsHE;IAeI;;;AAGF;E5B5FJ;EACA;EACA;EACA;EACA;EACA;EACA;E4BwFM;EACA;EACA;EACA;EACA;;AAGF;E5BrGJ;EACA;EACA;EACA;EACA;EACA;EACA;;A4BmGI;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;E5BpHF;EACA;EACA;EACA;EACA;EACA;EACA;E4BgHI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OA9KY;;AAiLd;EACE;;AAIJ;E5BxKF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAsBA;EACA;EACA;EACA;EACA;EACA;EACA;E4BqII;;A5B/JJ;EAEE;;AAOF;EACE;;A4BuJE;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;A5BxMJ;E4BgMA;IAYI;IACA;IACA;;;AAIJ;EACE;EACA;;A5BpNF;E4BkNA;IAKI;IACA;IACA;;;AAGF;E5BhNF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E4BwMI;EACA;EACA;EACA;;A5BzMJ;EAEE;;AAOF;EACE;;A4BiME;EACE;EACA;;;ACvON;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIF;E7BHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BLE;EACA;;A7BMF;EAEE;;AAOF;EACE;;A6BdA;EACE;EACA;;AAIJ;EAEE;;;AAOF;AAAA;AAAA;EACE;;;ACtCF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;E9BwCA;EACA;EACA,c8BzCiB;E9B0CjB,e8B1CiB;EACf;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;E9ByBA;EACA;EACA,c8B1BiB;E9B2BjB,e8B3BiB;EACf;EACA;;A9BhCF;E8B6BA;IAMI;;;AAGF;E9B1BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E8BkBI;EACA;EACA;;A9BlBJ;EAEE;;AAOF;EACE;;A8BUE;EACE;;AAIJ;EACE;;A9BlDJ;E8BiDE;IAII;;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAMF;EACE;;AAIJ;EACE;EACA;;AAGF;E9BrFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E8B6EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A9BlFF;EAEE;;AAOF;EACE;;A8B0EA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AACE;EACA;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACrJN;EACE;AAEA;;AAEE;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;;AChDJ;EACE;EACA;;;AAKE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EhCRA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EgCAE;EACA;EACA;;AhCAF;EAEE;;AgCAA;EACE;;AAIJ;EACE;;;ACrCJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;ACVF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;AACA;EACE","file":"fontdue.css"}
+{"version":3,"sourceRoot":"","sources":["../assets/fontdue/styles/global/_fonts.scss","../assets/fontdue/styles/components/_buy-button.scss","../assets/fontdue/styles/_imports.scss","../assets/fontdue/styles/components/_cart-button.scss","../assets/fontdue/styles/components/_icon.scss","../assets/fontdue/styles/components/_newsletter-signup.scss","../assets/fontdue/styles/components/_test-fonts.scss","node_modules/draft-js/dist/Draft.css","../assets/fontdue/styles/components/_type-tester.scss","../assets/fontdue/styles/components/_type-tester-select.scss","../assets/fontdue/styles/components/_select-button.scss","../assets/fontdue/styles/components/_submit-button.scss","../assets/fontdue/styles/components/shared/_character-viewer.scss","../assets/fontdue/styles/components/shared/_checkbox.scss","../assets/fontdue/styles/components/shared/_select.scss","../assets/fontdue/styles/components/shared/_store-modal.scss","../assets/fontdue/styles/components/shared/store-modal/_button.scss","../assets/fontdue/styles/components/shared/store-modal/_cart.scss","../assets/fontdue/styles/components/shared/store-modal/_container.scss","../assets/fontdue/styles/components/shared/store-modal/_download.scss","../assets/fontdue/styles/components/shared/store-modal/_family.scss","../assets/fontdue/styles/components/shared/store-modal/_family-button.scss","../assets/fontdue/styles/components/shared/store-modal/_index-item.scss","../assets/fontdue/styles/components/shared/store-modal/_license-selection.scss","../assets/fontdue/styles/components/shared/store-modal/_page.scss","../assets/fontdue/styles/components/shared/store-modal/_product-summary.scss","../assets/fontdue/styles/components/shared/store-modal/_review-confirm.scss","../assets/fontdue/styles/components/shared/store-modal/_review-item.scss","../assets/fontdue/styles/components/shared/store-modal/_review.scss","../assets/fontdue/styles/components/shared/store-modal/_style-button.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_empty-cart.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart-additions.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart-item.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_cart.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_checkout-modal.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_react-select.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_text-field.scss","../assets/fontdue/styles/components/shared/store-modal-extras/_variable-table-amounts.scss","../assets/fontdue/styles/components/shared/_test-mode-banner.scss"],"names":[],"mappings":"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EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EMqII;EACA;EACA;;ANrIJ;EAEE;;AAOF;EACE;;AM+HF;EACE;;AAIA;EN1JF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AMsIE;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AN3LF;EMgLA;IAcI;;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;;ACvNJ;EACE;;;ACCF;EReE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AQlCF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACxBN;ETeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ESvBA;EACA;EACA;EACA;;ATsBA;EAEE;;AAOF;EACE;;AS9BF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACRJ;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAxBA;EAmBF;AAAA;IAQI;;;;AAIJ;AAAA;EAEE;;;AAjCA;EAoCF;AAAA;IAGI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;EAEA;IACE;;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAOF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA9HF;EAiII;IAEE;IACA;IACA;;;;AC1IR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EXMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWdE;EACA;EACA;EACA;;AXaF;EAEE;;AAOF;EACE;;AWpBF;EX8BA;EACA;EACA;EACA;EACA;EACA;EACA;EWlCE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;ACtCJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;;ACrBN;EACE;;;ACCF;EdeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EcvBA;EACA;EACA;EACA;;AdsBA;EAEE;;AAOF;EACE;;Ac9BF;EACE;EACA;EACA;;;AdPF;EeHF;IAEI;IACA;IACA;IACA;;;;AAIJ;AAAA;EAEE;;;AAGF;EfCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EeTA;EACA;EACA;EACA;EACA;EACA;;AfMA;EAEE;;AAOF;EACE;;AedF;EACE;EACA;EACA;;AAGF;EACE;;;AC9BJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AhB1DA;EgBqDF;IAQI;IACA;;;;AAIJ;EhBtDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;;AgBoCJ;EhB1DE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;;AgBwCJ;EACE;;;AAGF;EhBlEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;AgB+CF;EACE;;;ACpFF;EACE;;;AAIJ;EjBSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EiBjBA;EACA;EACA;EACA;EACA;EACA;EACA;;AjBaA;EAEE;;AAOF;EACE;;AiBrBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACzBJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;AAAA;AAAA;ElBCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkBPA;EACA;EACA;EACA;EACA;EACA;EAaA;EACA;EACA;EACA;;AlBZA;AAAA;AAAA;AAAA;AAAA;EAEE;;AAOF;AAAA;AAAA;EACE;;AkBZF;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AASF;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;EACA;EACA;EACA;;;ACtDJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AClBF;EpBeE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EoBvBA;EACA;EACA;EACA;EACA;EACA;;ApBoBA;EAEE;;AAOF;EACE;;;AoB3BJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AC9BA;EACE;;;AAIJ;EACE;;;AAGF;ErBKE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EqBbA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ArBMA;EAEE;;AAOF;EACE;;AqBdF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;;AAIN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ArBtGA;EqB4FF;IAaI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;ACtIF;EACE;EACA;EACA;EACA;;AtBDA;EsBHF;IAOI;;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5BF;EACE;EACA;EACA;;;AAGF;EvBSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EuBjBA;EAEA;EACA;EACA;EACA;EACA;;AvBaA;EAEE;;AAOF;EACE;;AuBrBF;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AC7BF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;ExBIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EwBZA;EACA;EACA;EACA;;AxBWA;EAEE;;AAOF;EACE;;AwBnBF;EACE;;AAGF;EACE;EACA;EACA;;;ACzBJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACbJ;AACE;EACA;;;AAGF;E1BUE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAOF;EACE;;A0B7BF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;A1B/BA;E0B6BF;IAKI;;;;AAIJ;E1BgBE;EACA;EACA,c0BjBe;E1BkBf,e0BlBe;EACf;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;ACnDF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;ACbF;EACE;EACA;;;ACGA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;E7BJA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BJE;EACA;EACA;EACA;;A7BGF;EAEE;;AAOF;EACE;;A6BXA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;E7BhDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6BwCE;;A7BtCF;EAEE;;AAOF;EACE;;A6B8BA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACpHN;E9ByDE;EACA;EACA,c8BzDe;E9B0Df,e8B1De;EACf;EACA;EACA;EACA;;A9BHA;E8BHF;IASI;IACA;IACA;IACA;IACA;IACA;;;AAIA;EADF;IAEI,OAlBc;IAmBd;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;AAAkB;;AAGpB;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EADF;IAEI,OAzDY;IA0DZ;IACA;;;A9BzDN;E8B4CA;IAkBI;IACA;;;AAGF;EACE;;A9BnEJ;E8BkEE;IAII;;;AAIJ;E9B9DF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E8BsDI;EACA;;A9BrDJ;EAEE;;AAOF;EACE;;AA5BF;E8BoEE;IAMI;;;AAGF;EACE;;AAIJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;A9B5FF;E8BuFA;IAQI;;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;A9BjIN;E8BsHE;IAeI;;;AAGF;E9B5FJ;EACA;EACA;EACA;EACA;EACA;EACA;E8BwFM;EACA;EACA;EACA;EACA;;AAGF;E9BrGJ;EACA;EACA;EACA;EACA;EACA;EACA;;A8BmGI;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;E9BpHF;EACA;EACA;EACA;EACA;EACA;EACA;E8BgHI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,OA9KY;;AAiLd;EACE;;AAIJ;E9BxKF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAsBA;EACA;EACA;EACA;EACA;EACA;EACA;E8BqII;;A9B/JJ;EAEE;;AAOF;EACE;;A8BuJE;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;A9BxMJ;E8BgMA;IAYI;IACA;IACA;;;AAIJ;EACE;EACA;;A9BpNF;E8BkNA;IAKI;IACA;IACA;;;AAGF;E9BhNF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E8BwMI;EACA;EACA;EACA;;A9BzMJ;EAEE;;AAOF;EACE;;A8BiME;EACE;EACA;;;ACvON;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIF;E/BHA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E+BLE;EACA;;A/BMF;EAEE;;AAOF;EACE;;A+BdA;EACE;EACA;;AAIJ;EAEE;;;AAOF;AAAA;AAAA;EACE;;;ACtCF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EhCwCA;EACA;EACA,cgCzCiB;EhC0CjB,egC1CiB;EACf;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EhCyBA;EACA;EACA,cgC1BiB;EhC2BjB,egC3BiB;EACf;EACA;;AhChCF;EgC6BA;IAMI;;;AAGF;EhC1BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EgCkBI;EACA;EACA;;AhClBJ;EAEE;;AAOF;EACE;;AgCUE;EACE;;AAIJ;EACE;;AhClDJ;EgCiDE;IAII;;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAMF;EACE;;AAIJ;EACE;EACA;;AAGF;EhCrFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EgC6EE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AhClFF;EAEE;;AAOF;EACE;;AgC0EA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AACE;EACA;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACrJN;EACE;AAEA;;AAEE;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;;AChDJ;EACE;EACA;;;AAKE;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;ElCRA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EkCAE;EACA;EACA;;AlCAF;EAEE;;AkCAA;EACE;;AAIJ;EACE;;;ACrCJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;ACVF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;AACA;EACE","file":"fontdue.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "0.1.0-alpha26",
+  "version": "0.1.0-alpha29",
   "main": "index.js",
   "scripts": {
     "build": "run-p build-js build-css build-ts-declarations",
@@ -18,6 +18,7 @@
     "react-dom": ">= 16.9.0"
   },
   "dependencies": {
+    "@react-hook/resize-observer": "^1.2.5",
     "@react-hook/window-size": "^3.0.7",
     "classnames": "^2.2.5",
     "dateformat": "^3.0.3",
@@ -40,7 +41,6 @@
     "react-with-direction": "^1.3.0",
     "redux": "^4.0.0",
     "store": "^2.0.12",
-    "use-resize-observer": "^7.0.0",
     "uuid": "^8.3.2"
   },
   "devDependencies": {