timvir 0.2.1 → 0.2.3

package/blocks/Arbitrary/index.js

@@ -18,26 +18,33 @@ import { useImmer } from 'use-immer';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 const bytesToHex = (() => {
   const s = Array.from({
@@ -45,67 +52,53 @@ const bytesToHex = (() => {
   }).map((_, i) => i.toString(16).padStart(2, "0"));
   return uint8a => [...uint8a].map(o => s[o]).join("");
 })();
-
 const alphabet = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
 function encode(input) {
   if (input.length === 0) {
     return "";
-  } // Uint8Array -> BigInt (Big Endian)
-
-
+  }
+  // Uint8Array -> BigInt (Big Endian)
   let x = BigInt("0x" + bytesToHex(input));
   const output = [];
-
   while (x > 0n) {
     const mod = x % 58n;
     x = x / 58n;
     output.push(alphabet[Number(mod)]);
   }
-
   for (let i = 0; input[i] === 0; i++) {
     output.push(alphabet[0]);
   }
-
   return output.reverse().join("");
 }
 function decode(output) {
   if (output.length === 0) {
     return new Uint8Array();
   }
-
   const bytes = [0];
   const letters = alphabet;
-
   for (const char of output) {
     const value = letters.indexOf(char);
-
     if (value === undefined) {
       throw new Error(`base58.decode received invalid input. Character '${char}' is not in the base58 alphabet.`);
     }
-
     for (let j = 0; j < bytes.length; j++) {
       bytes[j] *= 58;
     }
-
     bytes[0] += value;
     let carry = 0;
-
     for (let j = 0; j < bytes.length; j++) {
       bytes[j] += carry;
       carry = bytes[j] >> 8;
       bytes[j] &= 0xff;
     }
-
     while (carry > 0) {
       bytes.push(carry & 0xff);
       carry >>= 8;
     }
   }
-
   for (let i = 0; i < output.length && output[i] === "1"; i++) {
     bytes.push(0);
   }
-
   return new Uint8Array(bytes.reverse());
 }
 
@@ -117,9 +110,7 @@ const useContext = () => React.useContext(Context);
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "div";
-
 function Arbitrary(props, ref) {
   const block = useBlock(props);
   const {
@@ -151,7 +142,7 @@ function Arbitrary(props, ref) {
     value: value
   }, /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(classes.root, className),
+    className: cx$1(classes.root, className),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.controls
@@ -179,10 +170,10 @@ function Arbitrary(props, ref) {
         draft.seed = crypto.getRandomValues(new Uint32Array(1))[0];
       });
     }
-  }, "Refresh")), /*#__PURE__*/React.createElement(Exhibit, { ...ExhibitProps
+  }, "Refresh")), /*#__PURE__*/React.createElement(Exhibit, {
+    ...ExhibitProps
   }, children)));
 }
-
 var Arbitrary$1 = /*#__PURE__*/React.forwardRef(Arbitrary);
 const classes = {
   root: "r1ev38xg",

package/blocks/Arbitrary/styles.css

@@ -4,3 +4,4 @@
 .s1k50njo{display:inline-block;color:var(--timvir-secondary-text-color);margin-right:6px;}
 .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;height:34px;width:100%;color:inherit;}
 .b128wsn{border:none;outline:none;height:36px;background:var(--timvir-accent-color);font:inherit;border-radius:2px;cursor:pointer;transition:background 0.2s;}.b128wsn:hover{background:var(--c-p-3);}.b128wsn:active{background:var(--c-p-4);}
+

package/blocks/Code/index.js

@@ -20,42 +20,48 @@ import { useImmer } from 'use-immer';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 var theme = "tac6gx6";
 
 /**
  * This is documentation for the Code component.
  */
+
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "div";
 const nullTheme = {
   plain: {},
   styles: []
 };
-
 function Code(props, ref) {
   const block = useBlock(props);
   const {
@@ -66,20 +72,19 @@ function Code(props, ref) {
     caption,
     ...rest
   } = block.props;
-
   const isHighlightedLine = (() => {
     return line => highlightedLines === null || highlightedLines === void 0 ? void 0 : highlightedLines.includes(line);
   })();
-
   const [state, mutate] = useImmer({
     mouseOver: false,
     copiedToClipboard: false
   });
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(classes.root, fullWidth && Page.fullWidth),
+    className: cx$1(classes.root, fullWidth && Page.fullWidth),
     ...rest
-  }, /*#__PURE__*/React.createElement(Highlight, { ...defaultProps,
+  }, /*#__PURE__*/React.createElement(Highlight, {
+    ...defaultProps,
     code: children.trim(),
     language: language !== null && language !== void 0 ? language : "markup",
     theme: nullTheme
@@ -90,7 +95,7 @@ function Code(props, ref) {
     getLineProps,
     getTokenProps
   }) => /*#__PURE__*/React.createElement("pre", {
-    className: cx(className, theme, classes.code, fullWidth && classes.fullWidth),
+    className: cx$1(className, theme, classes.code, fullWidth && classes.fullWidth),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "d1513p2s",
@@ -112,7 +117,7 @@ function Code(props, ref) {
         draft.copiedToClipboard = true;
       });
     },
-    className: cx("b157mkz", state.mouseOver && "b10oxtfo")
+    className: cx$1("b157mkz", state.mouseOver && "b10oxtfo")
   }, /*#__PURE__*/React.createElement("svg", {
     width: 48,
     height: 48,
@@ -125,7 +130,7 @@ function Code(props, ref) {
   }) : /*#__PURE__*/React.createElement(Icons.Copy, {
     size: "16px"
   })), /*#__PURE__*/React.createElement("div", {
-    className: cx(fullWidth ? "d17pltln" : "d793q8f")
+    className: cx$1(fullWidth ? "d17pltln" : "d793q8f")
   }, tokens.map((line, i) => {
     const {
       className,
@@ -137,7 +142,7 @@ function Code(props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       key: i,
       ...lineProps,
-      className: cx(className, classes.line, isHighlightedLine(i + 1) && classes.highlightedLine)
+      className: cx$1(className, classes.line, isHighlightedLine(i + 1) && classes.highlightedLine)
     }, line.map((token, key) => /*#__PURE__*/React.createElement("span", {
       key: key,
       ...getTokenProps({
@@ -149,7 +154,6 @@ function Code(props, ref) {
     className: classes.caption
   }, caption));
 }
-
 var Code$1 = /*#__PURE__*/React.forwardRef(Code);
 const classes = {
   root: "r9v2r0l",

package/blocks/Code/styles.css

@@ -1,3 +1,5 @@
+.tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string,.attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}.tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}.tac6gx6 :is(.tag,.selector,.keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#00a4db;}.tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string,.attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag,.selector,.keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#dcbdfb;}
+
 .d1513p2s{display:grid;grid-template-columns:1fr;padding-block:16px;}
 .b157mkz{--size:48px;z-index:1;position:absolute;top:0;right:0;overflow:hidden;width:var(--size);height:var(--size);display:flex;align-items:flex-start;justify-content:flex-end;outline:none;border:none;padding:6px;background:transparent;transition:all 0.2s;cursor:pointer;pointer-events:none;opacity:0;}.b157mkz:hover{color:white;}.b157mkz:hover svg:first-child{transform:translate(0,0);}.b157mkz:active svg:first-child{transform:translate(2px,-2px);}
 .b10oxtfo{pointer-events:all;opacity:1;}
@@ -11,4 +13,4 @@
 .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174,124,20,0.15);}
 .ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
 .c5vr6r2{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
-.tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string,.attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}.tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}.tac6gx6 :is(.tag,.selector,.keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#00a4db;}.tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string,.attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag,.selector,.keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#dcbdfb;}
+

package/blocks/ColorBar/index.js

@@ -17,36 +17,40 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "div";
-
 function ColorBar(props, ref) {
   var _selected$value;
-
   const block = useBlock(props);
   const {
     values,
@@ -56,7 +60,7 @@ function ColorBar(props, ref) {
   const [selected, setSelected] = React.useState(undefined);
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, classes.root, selected && tweaks.selected),
+    className: cx$1(className, classes.root, selected && tweaks.selected),
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: classes.bar,
@@ -75,7 +79,8 @@ function ColorBar(props, ref) {
     }
   })))), /*#__PURE__*/React.createElement("div", {
     className: classes.overlay
-  }, /*#__PURE__*/React.createElement(Swatch, { ...(typeof selected === "string" ? {
+  }, /*#__PURE__*/React.createElement(Swatch, {
+    ...(typeof selected === "string" ? {
       value: selected
     } : {
       value: (_selected$value = selected === null || selected === void 0 ? void 0 : selected.value) !== null && _selected$value !== void 0 ? _selected$value : ""
@@ -85,7 +90,6 @@ function ColorBar(props, ref) {
     }
   })));
 }
-
 var ColorBar$1 = /*#__PURE__*/React.forwardRef(ColorBar);
 const tweaks = {
   selected: "s4sqb81"

package/blocks/ColorBar/styles.css

@@ -3,3 +3,4 @@
 .b15hqsfj{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(0,1fr));transition:all 0.16s;}.b15hqsfj::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:2;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.15);content:"";pointer-events:none;user-select:none;transition:all 0.16s;}.b15hqsfj:hover::before{opacity:0;}
 .v1uw85xw{height:40px;flex-grow:1;display:grid;place-items:stretch;}.v1uw85xw > div{transition:all 0.16s;cursor:pointer;}.v1uw85xw:first-child > div{border-radius:2px 0 0 2px;}.v1uw85xw:last-child > div{border-radius:0 2px 2px 0;}.v1uw85xw:hover{z-index:3;}.v1uw85xw:hover > div{border-radius:2px;margin:-3px 1px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.1), 0 8px 24px rgba(16,22,26,0.2);}
 .o1823law{position:absolute;top:50%;right:0px;left:0px;transform:translateY(-50%);pointer-events:none;opacity:0;z-index:4;transition:opacity 0.16s;}.s4sqb81 .o1823law{pointer-events:all;opacity:1;}
+

package/blocks/ColorBook/index.js

@@ -15,33 +15,38 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "div";
-
 function ColorBook(props, ref) {
   const {
     chapters,
@@ -53,7 +58,7 @@ function ColorBook(props, ref) {
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
     ...rest,
-    className: cx(className, "rmv2wrl")
+    className: cx$1(className, "rmv2wrl")
   }, chapters.map(({
     name,
     values
@@ -63,7 +68,7 @@ function ColorBook(props, ref) {
       gridColumn: i + 1
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(chapter, i === selectedChapter && activeChapter),
+    className: cx$1(chapter, i === selectedChapter && activeChapter),
     onClick: () => {
       if (onSelectChapter) {
         onSelectChapter(i);
@@ -76,10 +81,9 @@ function ColorBook(props, ref) {
     },
     className: "d1l94wnr"
   }))), name && /*#__PURE__*/React.createElement("div", {
-    className: cx("d1uopbb", i === selectedChapter && "d1vwzhoa")
+    className: cx$1("d1uopbb", i === selectedChapter && "d1vwzhoa")
   }, name))));
 }
-
 var ColorBook$1 = /*#__PURE__*/React.forwardRef(ColorBook);
 const chapter = "c1xqhu04";
 const activeChapter = "a1y0tcvx";

package/blocks/ColorBook/styles.css

@@ -4,3 +4,4 @@
 .d1vwzhoa{color:var(--timvir-text-color);}
 .c1xqhu04{position:relative;cursor:pointer;display:flex;flex-direction:column;height:200px;}.c1xqhu04::before{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:4px;box-shadow:0 0 0 0 rgba(19,124,189,0);content:"";transition:all 0.16s cubic-bezier(0.4,1,0.75,0.9);}.c1xqhu04:hover::before{box-shadow:0 0 0 2px #00000040;opacity:1;}
 .a1y0tcvx:hover::before,.a1y0tcvx::before{box-shadow:0 0 0 2px var(--c-p-5);opacity:1;}
+

package/blocks/Cover/index.js

@@ -16,33 +16,38 @@ import { fullWidth } from 'timvir/core';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "div";
-
 function Cover(props, ref) {
   const {
     metadata,
@@ -53,12 +58,13 @@ function Cover(props, ref) {
   } = props;
   return /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, fullWidth),
+    className: cx$1(className, fullWidth),
     ...rest
   }, /*#__PURE__*/React.createElement("picture", null, sources.map((p, i) => /*#__PURE__*/React.createElement("source", {
     key: i,
     ...p
-  })), /*#__PURE__*/React.createElement("img", { ...metadata,
+  })), /*#__PURE__*/React.createElement("img", {
+    ...metadata,
     ...img,
     style: {
       display: "block",
@@ -68,7 +74,6 @@ function Cover(props, ref) {
     }
   })));
 }
-
 var Cover$1 = /*#__PURE__*/React.forwardRef(Cover);
 
 export { Cover$1 as Cover };

package/blocks/Cover/styles.css

@@ -0,0 +1 @@
+

package/blocks/Exhibit/index.js

@@ -17,33 +17,38 @@ import * as React from 'react';
  * @returns the combined, space separated class names that can be applied directly to the class attribute
  */
 const cx = function cx() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
+  const presentClassNames = Array.prototype.slice // eslint-disable-next-line prefer-rest-params
+  .call(arguments).filter(Boolean);
   const atomicClasses = {};
   const nonAtomicClasses = [];
-
-  for (const className of presentClassNames) {
+  presentClassNames.forEach(arg => {
     // className could be the output of a previous cx call, so split by ' ' first
-    const individualClassNames = className.split(' ');
-
-    for (const className of individualClassNames) {
+    const individualClassNames = arg ? arg.split(' ') : [];
+    individualClassNames.forEach(className => {
       if (className.startsWith('atm_')) {
         const [, keyHash] = className.split('_');
         atomicClasses[keyHash] = className;
       } else {
         nonAtomicClasses.push(className);
       }
+    });
+  });
+  const result = []; // eslint-disable-next-line no-restricted-syntax
+
+  for (const keyHash in atomicClasses) {
+    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
+      result.push(atomicClasses[keyHash]);
     }
   }
-
-  return [...Object.values(atomicClasses), ...nonAtomicClasses].join(' ');
+  result.push(...nonAtomicClasses);
+  return result.join(' ');
 };
+var cx$1 = cx;
 
 /**
  * The underlying DOM element which is rendered by this component.
  */
-
 const Root = "figure";
-
 function Exhibit(props, ref) {
   const block = useBlock(props);
   const components = {
@@ -62,8 +67,9 @@ function Exhibit(props, ref) {
   } = block.props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(components.h3, null, title), /*#__PURE__*/React.createElement(Root, {
     ref: ref,
-    className: cx(className, classes.root),
-    style: { ...style,
+    className: cx$1(className, classes.root),
+    style: {
+      ...style,
       [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : bleed
     },
     ...rest
@@ -77,7 +83,6 @@ function Exhibit(props, ref) {
     className: classes.caption
   }, caption)));
 }
-
 var Exhibit$1 = /*#__PURE__*/React.forwardRef(Exhibit);
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",

package/blocks/Exhibit/styles.css

@@ -1,3 +1,4 @@
 .r1nql2f9{margin:0 0 1.5rem;--timvir-b-Exhibit-bleed:0px;--timvir-b-Exhibit-borderColor:#EFEFEF;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-borderColor:#101010;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
 .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);}
 .cf43jjx{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
+