fontdue-js 3.0.0-alpha13 → 3.0.0-alpha15

package/dist/__generated__/TypeTesterStandaloneChangedStylesQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<e14fa9b0b1c7f4042acfca8ac058b4d2>>
+ * @generated SignedSource<<642da79d6304c9a0bba1e98cb8b9b3fe>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -290,6 +290,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "lineGap",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "avgCharWidth",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -333,12 +339,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "6e413da09b13f0918a081f154fa400f7",
+      "cacheID": "7af7018fb6a82dcbc5b5c0b29e575642",
       "id": null,
       "metadata": {},
       "name": "TypeTesterStandaloneChangedStylesQuery",
       "operationKind": "query",
-      "text": "query TypeTesterStandaloneChangedStylesQuery(\n  $id: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $id) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTesterStandaloneChangedStylesQuery(\n  $id: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $id) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<0ab5b8a6584a329631edfbefba2a4b55>>
+ * @generated SignedSource<<95cac7c5372e2efe67c6e5f504552128>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTesterStandaloneQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<0ab5b8a6584a329631edfbefba2a4b55>>
+ * @generated SignedSource<<95cac7c5372e2efe67c6e5f504552128>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -303,6 +303,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "lineGap",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "avgCharWidth",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -353,12 +359,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "99b44af4f6387f8586439f3c3c394452",
+      "cacheID": "7f017d3093445d5704abf5563ee16983",
       "id": null,
       "metadata": {},
       "name": "TypeTesterStandaloneQuery",
       "operationKind": "query",
-      "text": "query TypeTesterStandaloneQuery(\n  $familyName: String!\n  $styleName: String!\n) {\n  viewer {\n    fontStyle(familyName: $familyName, styleName: $styleName) {\n      ...TypeTester_fontStyle\n      id\n      family {\n        id\n        parent {\n          id\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTesterStandaloneQuery(\n  $familyName: String!\n  $styleName: String!\n) {\n  viewer {\n    fontStyle(familyName: $familyName, styleName: $styleName) {\n      ...TypeTester_fontStyle\n      id\n      family {\n        id\n        parent {\n          id\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<166a924de0f7a28fb63c546e51bd668f>>
+ * @generated SignedSource<<7fda4c3e8c368c9043d2359b15ba2d71>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersChangedStylesQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<166a924de0f7a28fb63c546e51bd668f>>
+ * @generated SignedSource<<7fda4c3e8c368c9043d2359b15ba2d71>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -290,6 +290,12 @@ const node = function () {
               "kind": "ScalarField",
               "name": "lineGap",
               "storageKey": null
+            }, {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "avgCharWidth",
+              "storageKey": null
             }],
             "storageKey": null
           }, {
@@ -333,12 +339,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "83be91b3b19e344bc73b03ce96160e7a",
+      "cacheID": "881d799f450cec2d9201af51cf743485",
       "id": null,
       "metadata": {},
       "name": "TypeTestersChangedStylesQuery",
       "operationKind": "query",
-      "text": "query TypeTestersChangedStylesQuery(\n  $ids: [ID!]!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  nodes(ids: $ids) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTestersChangedStylesQuery(\n  $ids: [ID!]!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  nodes(ids: $ids) {\n    __typename\n    ... on FontStyle {\n      id\n      ...TypeTester_fontStyle_4sncub\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<22561af57b19df03444fce66bb6bb877>>
+ * @generated SignedSource<<815340c80adbf3bc8af6c59ba197d147>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<22561af57b19df03444fce66bb6bb877>>
+ * @generated SignedSource<<815340c80adbf3bc8af6c59ba197d147>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -438,6 +438,12 @@ const node = function () {
                       "kind": "ScalarField",
                       "name": "lineGap",
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "avgCharWidth",
+                      "storageKey": null
                     }],
                     "storageKey": null
                   }, {
@@ -529,12 +535,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "9e8e8b89b9844481f90aa68ad73b2827",
+      "cacheID": "f6b0d425b91df861af9f486526b12d4c",
       "id": null,
       "metadata": {},
       "name": "TypeTestersIDQuery",
       "operationKind": "query",
-      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<7c02e5b14ee76f7211e374ac26e81478>>
+ * @generated SignedSource<<f83e94ff9d88fd3beed82d281882eeab>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<7c02e5b14ee76f7211e374ac26e81478>>
+ * @generated SignedSource<<f83e94ff9d88fd3beed82d281882eeab>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -449,6 +449,12 @@ const node = function () {
                       "kind": "ScalarField",
                       "name": "lineGap",
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "avgCharWidth",
+                      "storageKey": null
                     }],
                     "storageKey": null
                   }, {
@@ -540,12 +546,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "2e4a85039f1e3222582bd8d830dca353",
+      "cacheID": "004aa7704a62b6138f2a2fde0326aa98",
       "id": null,
       "metadata": {},
       "name": "TypeTestersRefetchQuery",
       "operationKind": "query",
-      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4baa139e690a04efc53c833f3dcd913b>>
+ * @generated SignedSource<<a94d6158d79c64567c40e76f81d7008d>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<4baa139e690a04efc53c833f3dcd913b>>
+ * @generated SignedSource<<a94d6158d79c64567c40e76f81d7008d>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -462,6 +462,12 @@ const node = function () {
                         "kind": "ScalarField",
                         "name": "lineGap",
                         "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "avgCharWidth",
+                        "storageKey": null
                       }],
                       "storageKey": null
                     }, {
@@ -554,12 +560,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "0846a9f2356431e317f88fd2c442500e",
+      "cacheID": "1e8ea8e801f6c97ced8499dc87a6afad",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<83fdf14f0519371d109651e3e11c221b>>
+ * @generated SignedSource<<fdda61b158e716b142895d69f2c1fae9>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -10,6 +10,7 @@ export type useFontStyle_fontStyle$data = {
     readonly name: string;
     readonly verticalMetrics: {
         readonly ascender: number;
+        readonly avgCharWidth: number | null;
         readonly descender: number;
         readonly lineGap: number | null;
         readonly unitsPerEm: number;

package/dist/__generated__/useFontStyle_fontStyle.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<83fdf14f0519371d109651e3e11c221b>>
+ * @generated SignedSource<<fdda61b158e716b142895d69f2c1fae9>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -83,11 +83,17 @@ const node = {
       "kind": "ScalarField",
       "name": "lineGap",
       "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "avgCharWidth",
+      "storageKey": null
     }],
     "storageKey": null
   }],
   "type": "FontStyle",
   "abstractKey": null
 };
-node.hash = "df4c7160c29373e86bea8b6082d19994";
+node.hash = "171c546f40909692656c5e143a98d8a3";
 export default node;

package/dist/__tests__/metricFallback.test.js

@@ -0,0 +1,74 @@
+import { describe, it, expect } from 'vitest';
+import { fallbackDescriptors, metricFallbackFamily } from "../metricFallback.js";
+describe('fallbackDescriptors', () => {
+  it('matches average width via size-adjust and divides overrides by it', () => {
+    // Browser-validated (see the metric-fallback render test): at 1000px this
+    // renders ascent 800, descent 200, advance 600 — the target's exact box.
+    const d = fallbackDescriptors({
+      unitsPerEm: 1000,
+      ascender: 800,
+      descender: -200,
+      lineGap: 0,
+      avgCharWidth: 600
+    });
+    // size-adjust = (600/1000) / 0.458
+    expect(d.sizeAdjust).toBe(`${0.6 / 0.458 * 100}%`);
+    // ascent-override = (800/1000) / sizeAdjust  ->  effective ascent = 0.8em
+    expect(d.ascentOverride).toBe(`${0.8 / (0.6 / 0.458) * 100}%`);
+    expect(d.descentOverride).toBe(`${0.2 / (0.6 / 0.458) * 100}%`);
+    expect(d.lineGapOverride).toBe('0%');
+    expect(d.display).toBe('block');
+  });
+  it('scales correctly for a non-1000 unitsPerEm', () => {
+    const d = fallbackDescriptors({
+      unitsPerEm: 2048,
+      ascender: 1536,
+      descender: -512,
+      lineGap: 0,
+      avgCharWidth: 820
+    });
+    const s = 820 / 2048 / 0.458;
+    expect(d.sizeAdjust).toBe(`${s * 100}%`);
+    expect(d.ascentOverride).toBe(`${1536 / 2048 / s * 100}%`);
+    expect(d.descentOverride).toBe(`${512 / 2048 / s * 100}%`);
+  });
+  it('omits size-adjust and uses raw ratios when avgCharWidth is missing', () => {
+    const d = fallbackDescriptors({
+      unitsPerEm: 1000,
+      ascender: 750,
+      descender: -250,
+      lineGap: 0,
+      avgCharWidth: null
+    });
+    expect(d.sizeAdjust).toBeUndefined();
+    expect(d.ascentOverride).toBe('75%');
+    expect(d.descentOverride).toBe('25%');
+  });
+  it('treats a zero/absent avgCharWidth like no width match', () => {
+    const d = fallbackDescriptors({
+      unitsPerEm: 1000,
+      ascender: 900,
+      descender: -100,
+      lineGap: 200,
+      avgCharWidth: 0
+    });
+    expect(d.sizeAdjust).toBeUndefined();
+    expect(d.lineGapOverride).toBe('20%');
+  });
+  it('returns null for unusable metrics', () => {
+    expect(fallbackDescriptors(null)).toBeNull();
+    expect(fallbackDescriptors(undefined)).toBeNull();
+    expect(fallbackDescriptors({
+      unitsPerEm: 0,
+      ascender: 800,
+      descender: -200,
+      lineGap: 0,
+      avgCharWidth: 500
+    })).toBeNull();
+  });
+});
+describe('metricFallbackFamily', () => {
+  it('derives a per-family name', () => {
+    expect(metricFallbackFamily('Archivo Bold')).toBe('Archivo Bold fallback');
+  });
+});

package/dist/__tests__/nextAdapter.test.js

@@ -174,11 +174,8 @@ describe('configureFontdueRender', () => {
     const {
       configureFontdueRender
     } = await importTenant();
-    const {
-      getFontdueSlotConfig
-    } = await import("../relay/serverConfig.js");
+    // Invalid domain returns null before any setFontdueServerConfig call.
     expect(configureFontdueRender('not a domain')).toBeNull();
-    expect(getFontdueSlotConfig()).toBeUndefined();
   });
   it('sets the per-render server config and returns the endpoint', async () => {
     stubMultiTenant({
@@ -202,8 +199,7 @@ describe('configureFontdueRender', () => {
         'x-forwarded-host': 'acme.fontdue.com',
         'x-fontdue-proxy-secret': 's3cret'
       },
-      cacheTags: ['graphql:acme.fontdue.com'],
-      domain: 'acme.fontdue.com'
+      cacheTags: ['graphql:acme.fontdue.com']
     });
   });
 });
@@ -283,62 +279,11 @@ describe('__prepareFontdueRender', () => {
     expect(config.cacheTags).toBeUndefined();
   });
 });
-describe('configureFontduePreview (single-tenant)', () => {
-  async function captureConfig() {
-    let captured;
-    vi.doMock('../relay/serverConfig', async importActual => ({
-      ...(await importActual()),
-      setFontdueServerConfig: c => {
-        captured = c;
-      }
-    }));
-    const {
-      configureFontduePreview
-    } = await importTenant();
-    const endpoint = await configureFontduePreview();
-    vi.doUnmock('../relay/serverConfig');
-    return {
-      captured,
-      endpoint
-    };
-  }
-  it('public render: configures the NEXT_PUBLIC_FONTDUE_URL site with cache tags', async () => {
-    var _captured$headers;
-    stubSingleTenant('https://acme.fontdue.com');
-    const {
-      captured,
-      endpoint
-    } = await captureConfig();
-    expect(endpoint.origin).toBe('https://acme.fontdue.com');
-    expect(captured.url).toBe('https://acme.fontdue.com');
-    expect(captured.cacheTags).toEqual(['graphql:acme.fontdue.com']);
-    expect((_captured$headers = captured.headers) === null || _captured$headers === void 0 ? void 0 : _captured$headers.authorization).toBeUndefined();
-  });
-  it('preview render: forwards the token and drops cache tags', async () => {
-    var _captured$headers2;
-    stubSingleTenant('https://acme.fontdue.com');
-    draft.enabled = true;
-    draft.token = 'admin-tok';
-    const {
-      captured
-    } = await captureConfig();
-    expect((_captured$headers2 = captured.headers) === null || _captured$headers2 === void 0 ? void 0 : _captured$headers2.authorization).toBe('Bearer admin-tok');
-    expect(captured.cacheTags).toBeUndefined();
-  });
-  it('throws a helpful error when NEXT_PUBLIC_FONTDUE_URL is unset', async () => {
-    stubMultiTenant();
-    const {
-      configureFontduePreview
-    } = await importTenant();
-    await expect(configureFontduePreview()).rejects.toThrow(/NEXT_PUBLIC_FONTDUE_URL/);
-  });
-});
 describe('single-tenant ambient resolver (no per-render call)', () => {
   // Importing registerSingleTenantResolver registers the resolver as a module
   // side effect — the FontdueProvider RSC entrypoint does this import, so
-  // merely mounting the provider wires it up. No
-  // configureFontduePreview()/__prepareFontdueRender() call is made in any of
-  // these tests; the config is pulled at fetch time.
+  // merely mounting the provider wires it up. No per-render setup call is made
+  // in any of these tests; the config is pulled at fetch time.
   it('public render: feeds the env URL + cache tags, no token', async () => {
     var _config$headers3;
     stubSingleTenant('https://acme.fontdue.com');
@@ -415,45 +360,6 @@ describe('single-tenant ambient resolver (no per-render call)', () => {
     expect(config === null || config === void 0 ? void 0 : (_config$headers5 = config.headers) === null || _config$headers5 === void 0 ? void 0 : _config$headers5.authorization).toBeUndefined();
   });
 });
-describe('fontdueEndpoint', () => {
-  it('multi-tenant: throws when no render config was set', async () => {
-    stubMultiTenant({
-      origin: 'http://app:4000'
-    });
-    const {
-      fontdueEndpoint
-    } = await importTenant();
-    expect(() => fontdueEndpoint()).toThrow(/__prepareFontdueRender/);
-  });
-  it('single-tenant: derives the endpoint from NEXT_PUBLIC_FONTDUE_URL', async () => {
-    stubSingleTenant('https://acme.fontdue.com');
-    const {
-      fontdueEndpoint
-    } = await importTenant();
-    expect(fontdueEndpoint()).toEqual({
-      domain: 'acme.fontdue.com',
-      origin: 'https://acme.fontdue.com',
-      headers: {},
-      tags: ['graphql', 'graphql:acme.fontdue.com']
-    });
-  });
-  it('uses the render-configured domain when set', async () => {
-    stubMultiTenant({
-      origin: 'http://app:4000'
-    });
-    vi.doMock('../relay/serverConfig', async importActual => ({
-      ...(await importActual()),
-      getFontdueSlotConfig: () => ({
-        domain: 'acme.fontdue.com'
-      })
-    }));
-    const {
-      fontdueEndpoint
-    } = await importTenant();
-    expect(fontdueEndpoint().headers['x-forwarded-host']).toBe('acme.fontdue.com');
-    vi.doUnmock('../relay/serverConfig');
-  });
-});
 
 // withFontdue detects the route-tree shape from the working directory; give
 // it one with or without src/app/[domain].

package/dist/components/CharacterViewer/index.js

@@ -6,7 +6,7 @@ import _CharacterViewerIDQuery from "../../__generated__/CharacterViewerIDQuery.
 import _CharacterViewer_style from "../../__generated__/CharacterViewer_style.graphql.js";
 import _CharacterViewer_collection from "../../__generated__/CharacterViewer_collection.graphql.js";
 import _CharacterViewer_family from "../../__generated__/CharacterViewer_family.graphql.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { fetchQuery, graphql, useFragment, useLazyLoadQuery, usePreloadedQuery, useRefetchableFragment, useRelayEnvironment } from 'react-relay';
 import useResizeObserver from '../../hooks/useResizeObserver.js';
 import retryImport from '../../retryImport.js';
@@ -20,6 +20,8 @@ import StyleSelect from './StyleSelect.js';
 import Checkbox from '../Checkbox/index.js';
 import CharacterViewerStyleRefetchQueryNode from '../../__generated__/CharacterViewerStyleRefetchQuery.graphql.js';
 import { EnsureFontdueContext } from '../FontdueContextProvider/index.js';
+import ConfigContext from '../ConfigContext.js';
+import { unicodeNamesUrl } from '../../data/unicodeNamesUrl.js';
 function useSize() {
   const ref = useRef(null);
   const [size, setSize] = React.useState();
@@ -74,20 +76,27 @@ function GlyphMeta(_ref) {
     onChange: e => setFeaturesChecked(e.target.checked)
   }), glyph.features.join(', ')))));
 }
+
+// Glyph unicode names (~1.2 MB) are fetched lazily from the Fontdue CDN rather
+// than bundled — see data/unicodeNamesUrl.ts. Purely cosmetic (the “Unicode
+// name” label), so a failed fetch degrades silently. `retryImport` is reused
+// here as a generic retry wrapper for transient network blips.
 function useUnicodeData() {
+  const config = useContext(ConfigContext);
+  const url = unicodeNamesUrl(config.cdnUrl);
   const [data, setData] = useState();
   useEffect(() => {
-    function fetchData() {
-      retryImport(() => import('../../data/unicodeData.js')).then(data => {
-        if (!ignore) setData(data.default);
-      }).catch(() => {});
-    }
     let ignore = false;
-    fetchData();
+    retryImport(() => fetch(url).then(res => {
+      if (!res.ok) throw new Error(`unicode names request failed: ${res.status}`);
+      return res.json();
+    })).then(json => {
+      if (!ignore) setData(json);
+    }).catch(() => {});
     return () => {
       ignore = true;
     };
-  }, []);
+  }, [url]);
   return data;
 }
 function compareGlyphs(a, b) {

package/dist/components/ConfigContext.d.ts

@@ -35,6 +35,7 @@ export interface Config {
     tracking?: TrackingConfig;
     preview?: PreviewConfig;
     corsErrorModal?: boolean;
+    cdnUrl?: string;
 }
 export declare const mergeConfig: (base?: Config, override?: Config) => Config;
 export declare const makeConfig: (config?: Config) => {
@@ -112,6 +113,7 @@ export declare const makeConfig: (config?: Config) => {
         revalidateEndpoint: string | undefined;
     };
     corsErrorModal: boolean;
+    cdnUrl: string;
 };
 declare const _default: React.Context<{
     typeTester: {
@@ -188,5 +190,6 @@ declare const _default: React.Context<{
         revalidateEndpoint: string | undefined;
     };
     corsErrorModal: boolean;
+    cdnUrl: string;
 }>;
 export default _default;