fontdue-js 2.22.0 → 2.22.1

package/dist-cjs/components/CharacterViewer/StyleSelect.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StyleSelect;
+var _react = _interopRequireDefault(require("react"));
+var _Select = _interopRequireDefault(require("../Select"));
+var _utils = require("../../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function StyleSelect({
+  collections,
+  value,
+  onChange
+}) {
+  const handleChange = e => {
+    const value = e.target.value;
+    if (value.includes(':::')) {
+      const [fontStyleId, variableInstanceName] = value.split(':::');
+      const fontStyle = collections.flatMap(coll => coll.fontStyles).find(style => style.id === fontStyleId);
+      const instance = fontStyle?.variableInstances?.find(({
+        name
+      }) => name === variableInstanceName);
+      let variableSettings;
+      if (instance) variableSettings = (0, _utils.variableInstanceSettings)(instance);
+      onChange({
+        fontStyleId,
+        variableSettings
+      });
+    } else {
+      onChange({
+        fontStyleId: value
+      });
+    }
+  };
+  let selectValue = value.fontStyleId;
+  if (value.variableSettings) {
+    const fontStyle = collections.flatMap(coll => coll.fontStyles).find(style => style.id === value.fontStyleId);
+    const instance = fontStyle?.variableInstances?.find(instance => (0, _utils.compareVariableSettings)(instance, value.variableSettings));
+    if (instance) {
+      selectValue = `${value.fontStyleId}:::${instance.name}`;
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: collections.flatMap(coll => {
+      if (coll.isVariableFont) {
+        return coll.fontStyles?.flatMap(style => style.variableInstances?.map(instance => ({
+          value: `${style.id}:::${instance.name}`,
+          text: `${coll.name} ${instance.name}`
+        })).filter(_utils.notEmpty)).filter(_utils.notEmpty) ?? [];
+      }
+      return coll.fontStyles?.map(style => ({
+        value: style.id,
+        text: `${coll.name} ${style.name}`
+      })).filter(_utils.notEmpty) ?? [];
+    }),
+    value: selectValue,
+    onChange: handleChange
+  });
+}

package/dist-cjs/components/CharacterViewer/index.js

@@ -0,0 +1,441 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CharacterViewerPreloadedIDQueryRenderer = CharacterViewerPreloadedIDQueryRenderer;
+exports.CharacterViewerPreloadedSlugQueryRenderer = CharacterViewerPreloadedSlugQueryRenderer;
+exports.default = CharacterViewer;
+var _CharacterViewerSlugQuery2 = _interopRequireDefault(require("../../__generated__/CharacterViewerSlugQuery.graphql"));
+var _CharacterViewerIDQuery2 = _interopRequireDefault(require("../../__generated__/CharacterViewerIDQuery.graphql"));
+var _CharacterViewer_style2 = _interopRequireDefault(require("../../__generated__/CharacterViewer_style.graphql"));
+var _CharacterViewer_collection2 = _interopRequireDefault(require("../../__generated__/CharacterViewer_collection.graphql"));
+var _CharacterViewer_family2 = _interopRequireDefault(require("../../__generated__/CharacterViewer_family.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _resizeObserver = _interopRequireDefault(require("@react-hook/resize-observer"));
+var _retryImport = _interopRequireDefault(require("../../retryImport"));
+var _utils = require("../../utils");
+var _useFontStyle = _interopRequireDefault(require("../useFontStyle"));
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _StyleSelect = _interopRequireDefault(require("./StyleSelect"));
+var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _CharacterViewerStyleRefetchQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerStyleRefetchQuery.graphql"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function useSize() {
+  const ref = (0, _react.useRef)(null);
+  const [size, setSize] = _react.default.useState();
+  (0, _react.useEffect)(() => {
+    if (!ref.current) return;
+    setSize(ref.current.getBoundingClientRect());
+  }, [ref]);
+  (0, _resizeObserver.default)(ref, entry => setSize(entry.contentRect), {
+    polyfill: typeof window === 'undefined' ? ServerSideResizeObserverPolyfill : null
+  });
+  return {
+    ref,
+    width: size?.width,
+    height: size?.height
+  };
+}
+class ServerSideResizeObserverPolyfill {
+  constructor(_callback) {}
+  observe(_target, _options) {}
+  unobserve(_target) {}
+}
+function Character(props) {
+  const ref = (0, _react.useRef)(null);
+  const [size, setSize] = (0, _react.useState)(1);
+  (0, _resizeObserver.default)(ref, entry => {
+    if (entry.target.scrollWidth > entry.target.clientWidth) {
+      setSize(size + 1);
+    }
+  }, {
+    polyfill: typeof window === 'undefined' ? ServerSideResizeObserverPolyfill : null
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref
+  }, props, {
+    "data-size": size
+  }));
+}
+function GlyphMeta({
+  glyph,
+  featuresChecked,
+  setFeaturesChecked,
+  getGlyphName,
+  getUnicodeName
+}) {
+  if (!glyph) return null;
+  const unicodeName = getUnicodeName(glyph);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, "Glyph name"), /*#__PURE__*/_react.default.createElement("span", null, getGlyphName(glyph)), unicodeName && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, "Unicode name"), /*#__PURE__*/_react.default.createElement("span", {
+    title: unicodeName
+  }, unicodeName)), /*#__PURE__*/_react.default.createElement("span", null, "Unicode decimal"), /*#__PURE__*/_react.default.createElement("span", null, glyph.string.split('').map(str => str.charCodeAt(0).toString(10)).join(', ')), /*#__PURE__*/_react.default.createElement("span", null, "Unicode hex"), /*#__PURE__*/_react.default.createElement("span", null, glyph.string.split('').map(str => str.charCodeAt(0).toString(16).padStart(4, '0')).join(', ')), glyph.features && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, "OpenType feature", glyph.features.length > 1 ? 's' : ''), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: featuresChecked,
+    onChange: e => setFeaturesChecked(e.target.checked)
+  }), glyph.features.join(', ')))));
+}
+function useUnicodeData() {
+  const [data, setData] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    function fetchData() {
+      (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../../data/unicodeData')))).then(data => {
+        if (!ignore) setData(data.default);
+      }).catch(() => {});
+    }
+    let ignore = false;
+    fetchData();
+    return () => {
+      ignore = true;
+    };
+  }, []);
+  return data;
+}
+function compareGlyphs(a, b) {
+  if (!a || !b) return false;
+  if (a.string !== b.string) return false;
+  if (a.features?.length !== b.features?.length) return false;
+  if (a.features && b.features) {
+    return a.features.every(feature => b.features?.includes(feature));
+  }
+  return true;
+}
+function charCode(c) {
+  return c.codePointAt(0) ?? 0;
+}
+function fromCharCode(code) {
+  return String.fromCodePoint(code);
+}
+function flattenCharacterList(charSet, glyphNames) {
+  if (!glyphNames || !charSet || !charSet.characters) return null;
+  return {
+    features: charSet.features,
+    characters: charSet.characters.reduce((acc, item) => {
+      if (item.__typename === 'CharacterString') {
+        acc.push(item.string);
+      } else if (item.__typename === 'CharacterRange') {
+        for (let code = charCode(item.first); code <= charCode(item.last); code++) {
+          acc.push(fromCharCode(code));
+        }
+      }
+      return acc;
+    }, []).filter(string => glyphNames.some(({
+      characters,
+      features
+    }) => compareGlyphs({
+      string,
+      features: charSet.features
+    }, {
+      string: characters,
+      features
+    })))
+  };
+}
+_CharacterViewer_family2.default.hash && _CharacterViewer_family2.default.hash !== "162b1a99fe187b20ee8560018cd5b3ce" && 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_family2.default;
+function areCombiningChars(input) {
+  for (const char of input) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === undefined) return false;
+    const isDiacriticalMark = codePoint >= 0x0300 && codePoint <= 0x036f;
+    const isSpacingModifierLetter = codePoint >= 0x02b0 && codePoint <= 0x02ff;
+    const isCombiningDiacriticalSupplement = codePoint >= 0x1dc0 && codePoint <= 0x1dff;
+    const isCombiningDiacriticalExtended = codePoint >= 0x1ab0 && codePoint <= 0x1aff;
+    const isCombiningHalfMark = codePoint >= 0xfe20 && codePoint <= 0xfe2f;
+    const isCombiningSymbolMark = codePoint >= 0x20d0 && codePoint <= 0x20ff;
+    const isCombiningChar = isDiacriticalMark || isSpacingModifierLetter || isCombiningDiacriticalSupplement || isCombiningDiacriticalExtended || isCombiningHalfMark || isCombiningSymbolMark;
+    if (!isCombiningChar) return false;
+  }
+  return true;
+}
+
+// Arabic positional features that don't render correctly in Safari
+// These require text shaping that Safari doesn't properly support with ZWJ
+const UNSUPPORTED_POSITIONAL_FEATURES = ['init', 'medi', 'fina'];
+function hasUnsupportedPositionalFeatures(features) {
+  if (!features) return false;
+  return features.some(f => UNSUPPORTED_POSITIONAL_FEATURES.includes(f));
+}
+function CharacterViewerComponent({
+  collection: collectionKey
+}) {
+  const collection = (0, _reactRelay.useFragment)((_CharacterViewer_collection2.default.hash && _CharacterViewer_collection2.default.hash !== "c2116c3c2c795e5306c3a2a0ecd60137" && 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_collection2.default), collectionKey);
+  const [fontStyle, refetchFontStyle] = (0, _reactRelay.useRefetchableFragment)((_CharacterViewer_style2.default.hash && _CharacterViewer_style2.default.hash !== "8cbf3328030930b88b3ec3601aaf7c45" && console.error("The definition of 'CharacterViewer_style' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_style2.default), collection.featureStyle);
+  let families = [];
+  if (collection.collectionType === 'family') families = [collection];
+  if (collection.collectionType === 'superfamily' && collection.children) families = collection.children;
+  const unicodeData = useUnicodeData();
+  let initialVariableSettings;
+  if (fontStyle?.variableInstances) {
+    initialVariableSettings = (0, _utils.variableInstanceSettings)(fontStyle.variableInstances[0]);
+  }
+  const [variableSettings, setVariableSettings] = (0, _react.useState)(initialVariableSettings);
+  const [featuresChecked, setFeaturesChecked] = (0, _react.useState)(true);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const handleStyleSelect = value => {
+    const variables = {
+      id: value.fontStyleId
+    };
+    // avoid Suspense using fetchQuery. future react may simplify this
+    (0, _reactRelay.fetchQuery)(environment, _CharacterViewerStyleRefetchQuery.default, variables).subscribe({
+      complete: () => {
+        refetchFontStyle(variables, {
+          fetchPolicy: 'store-only'
+        });
+        setVariableSettings(value.variableSettings);
+      }
+    });
+  };
+  let {
+    style
+  } = (0, _useFontStyle.default)({
+    fontStyle: fontStyle
+  });
+  if (variableSettings) {
+    style = {
+      ...style,
+      ...(0, _utils.variableSettingsCSS)(variableSettings)
+    };
+  }
+  const [selectedGlyph, setSelectedGlyph] = (0, _react.useState)({
+    string: 'A'
+  });
+  const [activeGlyph, setActiveGlyph] = (0, _react.useState)({
+    string: 'A'
+  });
+  const visibleGlyph = activeGlyph ?? selectedGlyph;
+  const getGlyphName = (0, _react.useCallback)(glyph => {
+    return fontStyle?.glyphNames?.find(({
+      characters,
+      features
+    }) => compareGlyphs(glyph, {
+      string: characters,
+      features
+    }))?.name ?? null;
+  }, [fontStyle, compareGlyphs]);
+  const getUnicodeName = (0, _react.useCallback)(glyph => {
+    return unicodeData?.[glyph.string.charCodeAt(0)] ?? null;
+  }, [unicodeData]);
+  const handleMouseLeave = () => {
+    if (selectedGlyph) setActiveGlyph(undefined);
+  };
+  const {
+    ref: blocksRef,
+    width: blocksWidth
+  } = useSize();
+  const {
+    ref: monitorRef,
+    width: monitorWidth
+  } = useSize();
+  if (!fontStyle) return null;
+  const {
+    ascender,
+    descender,
+    capHeight,
+    xHeight,
+    lineGap,
+    unitsPerEm
+  } = fontStyle.verticalMetrics;
+  const halfGap = (lineGap ?? 0) / 2;
+  const pos = offset => ascender + halfGap - offset;
+
+  // Lines in priority order — lower-priority lines hidden when overlapping higher ones.
+  // Threshold: ~18px (label height) converted to font units via current scale.
+  const scale = monitorWidth ? monitorWidth / 2 / unitsPerEm : 0;
+  const threshold = scale > 0 ? 18 / scale : 0;
+  const lines = [{
+    name: 'baseline',
+    position: pos(0),
+    label: 'Baseline',
+    value: 0
+  }, capHeight != null && {
+    name: 'cap-height',
+    position: pos(capHeight),
+    label: 'Cap height',
+    value: capHeight
+  }, xHeight != null && {
+    name: 'x-height',
+    position: pos(xHeight),
+    label: 'x-Height',
+    value: xHeight
+  }, {
+    name: 'ascender',
+    position: pos(ascender),
+    label: 'Ascender',
+    value: ascender
+  }, {
+    name: 'descender',
+    position: pos(descender),
+    label: 'Descender',
+    value: descender
+  }].filter(line => Boolean(line)).reduce((visible, line) =>
+  // Skip this line if it's within the threshold of any already-accepted
+  // higher-priority line — otherwise accept it
+  threshold > 0 && visible.some(v => Math.abs(v.position - line.position) < threshold) ? visible : [...visible, line], []);
+  const groups = (0, _react.useMemo)(() => {
+    return collection.glyphGroups?.map(({
+      name,
+      characterSets
+    }) => ({
+      name,
+      characterSets: characterSets
+      // Filter out character sets with Arabic positional features (init, medi, fina)
+      // These don't render correctly in Safari due to text shaping limitations
+      ?.filter(charSet => !hasUnsupportedPositionalFeatures(charSet.features))?.map(charSet => flattenCharacterList(charSet, fontStyle.glyphNames)).filter(_utils.notEmpty)
+    }))
+    // Filter out groups that have no character sets left after filtering
+    .filter(group => group.characterSets && group.characterSets.length > 0);
+  }, [collection, fontStyle]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer",
+    style: {
+      '--units-per-em': fontStyle.verticalMetrics.unitsPerEm,
+      '--ascender': fontStyle.verticalMetrics.ascender,
+      '--descender': fontStyle.verticalMetrics.descender,
+      '--cap-height': fontStyle.verticalMetrics.capHeight ?? undefined,
+      '--x-height': fontStyle.verticalMetrics.xHeight ?? undefined,
+      '--line-gap': fontStyle.verticalMetrics.lineGap ?? undefined,
+      '--monitor-width': monitorWidth
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__character-map"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor"
+  }, visibleGlyph && /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__character-container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__character",
+    style: {
+      ...style,
+      fontFeatureSettings: visibleGlyph.features && featuresChecked ? `${visibleGlyph.features.map(feature => `'${feature}' 1`).join(', ')}` : `'calt' off, 'liga' off`
+    },
+    ref: monitorRef
+  }, /*#__PURE__*/_react.default.createElement("span", null, visibleGlyph.string)), lines.map(line => /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__line",
+    "data-name": line.name,
+    key: line.name
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__monitor__line__label"
+  }, line.label), /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__monitor__line__value"
+  }, line.value)))), /*#__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(_StyleSelect.default, {
+    collections: families,
+    onChange: handleStyleSelect,
+    value: {
+      fontStyleId: fontStyle.id,
+      variableSettings
+    }
+  })), /*#__PURE__*/_react.default.createElement(GlyphMeta, {
+    glyph: visibleGlyph,
+    getGlyphName: getGlyphName,
+    getUnicodeName: getUnicodeName,
+    featuresChecked: featuresChecked,
+    setFeaturesChecked: setFeaturesChecked
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer_blocks",
+    ref: blocksRef,
+    style: {
+      '--width': blocksWidth ?? 600
+    }
+  }, groups?.map(({
+    name,
+    characterSets
+  }, i) => /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__block",
+    key: i,
+    "data-name": name
+  }, /*#__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
+  }, characterSets?.map((set, j) => /*#__PURE__*/_react.default.createElement("div", {
+    key: j,
+    className: "character-viewer__block__character-list",
+    style: {
+      fontFeatureSettings: set.features ? `${set.features.map(feature => `'${feature}' 1`).join(', ')}` : undefined
+    }
+  }, set.characters.map((chars, k) => {
+    const selection = {
+      string: chars,
+      features: set.features
+    };
+    return /*#__PURE__*/_react.default.createElement(Character, {
+      key: k,
+      onClick: () => setSelectedGlyph(selection),
+      onMouseEnter: () => setActiveGlyph(selection),
+      "data-selected": compareGlyphs(selectedGlyph, selection)
+    }, areCombiningChars(chars) ? /*#__PURE__*/_react.default.createElement("span", null, '\u200C', chars) : chars);
+  })))))))));
+}
+const idQuery = (_CharacterViewerIDQuery2.default.hash && _CharacterViewerIDQuery2.default.hash !== "f90b09a4df6d95307b0a5d5fda487cdc" && console.error("The definition of 'CharacterViewerIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerIDQuery2.default);
+function CharacterViewerIdQueryRenderer({
+  collectionId
+}) {
+  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
+    collectionId
+  });
+  if (!data.node) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, {
+    collection: data.node
+  });
+}
+function CharacterViewerPreloadedIDQueryRenderer({
+  preloadedQuery,
+  ...rest
+}) {
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  if (!data.node) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, _extends({}, rest, {
+    collection: data.node
+  }));
+}
+function CharacterViewerSlugQueryRenderer({
+  collectionSlug
+}) {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_CharacterViewerSlugQuery2.default.hash && _CharacterViewerSlugQuery2.default.hash !== "afa08a8f050e0434308892fea6e3c267" && console.error("The definition of 'CharacterViewerSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerSlugQuery2.default), {
+    collectionSlug
+  });
+  const collection = data?.viewer?.slug?.fontCollection;
+  if (!collection) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, {
+    collection: collection
+  });
+}
+function CharacterViewerPreloadedSlugQueryRenderer({
+  preloadedQuery,
+  ...rest
+}) {
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(idQuery, queryRef);
+  const collection = data?.viewer?.slug?.fontCollection;
+  if (!collection) return null;
+  return /*#__PURE__*/_react.default.createElement(CharacterViewerComponent, _extends({}, rest, {
+    collection: collection
+  }));
+}
+function CharacterViewer({
+  collectionId,
+  collectionSlug
+}) {
+  if (collectionId) {
+    return /*#__PURE__*/_react.default.createElement(CharacterViewerIdQueryRenderer, {
+      collectionId: collectionId
+    });
+  }
+  if (collectionSlug) {
+    return /*#__PURE__*/_react.default.createElement(CharacterViewerSlugQueryRenderer, {
+      collectionSlug: collectionSlug
+    });
+  }
+  throw new Error('CharacterViewer expected either a collectionId or collectionSlug prop');
+}

package/dist-cjs/components/CharacterViewer/index.server.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CharacterViewer;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _CharacterViewerIDQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerIDQuery.graphql"));
+var _CharacterViewerSlugQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerSlugQuery.graphql"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+async function CharacterViewer({
+  collectionId,
+  collectionSlug,
+  ...rest
+}) {
+  if (collectionId) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_CharacterViewerIDQuery.default, {
+      collectionId
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.CharacterViewerPreloadedIDQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  if (collectionSlug) {
+    const preloadedQuery = await (0, _loadSerializableQuery.default)(_CharacterViewerSlugQuery.default, {
+      collectionSlug
+    });
+    return /*#__PURE__*/_react.default.createElement(_index.CharacterViewerPreloadedSlugQueryRenderer, _extends({
+      preloadedQuery: preloadedQuery
+    }, rest));
+  }
+  return null;
+}

package/dist-cjs/components/Checkbox/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Checkbox = props => {
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    type: "checkbox"
+  }, props)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox__icon"
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null)));
+};
+var _default = Checkbox;
+exports.default = _default;

package/dist-cjs/components/CollectionAa/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CollectionAa = void 0;
+var _CollectionAa_Query2 = _interopRequireDefault(require("../../__generated__/CollectionAa_Query.graphql"));
+var _CollectionAa_product2 = _interopRequireDefault(require("../../__generated__/CollectionAa_product.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _FontStyle = _interopRequireDefault(require("../FontStyle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CollectionAa = ({
+  product: productKey
+}) => {
+  const product = (0, _reactRelay.useFragment)((_CollectionAa_product2.default.hash && _CollectionAa_product2.default.hash !== "c6b0113fe8474166dab3649c41880d84" && console.error("The definition of 'CollectionAa_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_product2.default), productKey);
+  let fontStyle;
+  if (product?.__typename === 'Bundle') {
+    fontStyle = product.fontStyles?.[0];
+  } else if (product?.__typename === 'FontCollection') {
+    fontStyle = product.featureStyle;
+  }
+  if (!fontStyle) return null;
+  return /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+    fontStyle: fontStyle
+  }, /*#__PURE__*/_react.default.createElement("span", null, "A"), /*#__PURE__*/_react.default.createElement("span", null, "a"));
+};
+exports.CollectionAa = CollectionAa;
+function CollectionAaQueryRenderer({
+  collectionId
+}) {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_CollectionAa_Query2.default.hash && _CollectionAa_Query2.default.hash !== "fbe1f59d074d964464c71ea00d2bd90f" && console.error("The definition of 'CollectionAa_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_Query2.default), {
+    collectionId
+  });
+  return /*#__PURE__*/_react.default.createElement(CollectionAa, data);
+}
+var _default = CollectionAaQueryRenderer;
+exports.default = _default;

package/dist-cjs/components/ComponentsContext.js

@@ -0,0 +1,12 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ComponentsContext = /*#__PURE__*/_react.default.createContext({});
+var _default = ComponentsContext;
+exports.default = _default;