timvir 0.2.38 → 0.2.42

package/blocks/Cover/index.js

@@ -1,64 +1,193 @@
 import * as React from 'react';
-import { fullWidth } from 'timvir/core';
+import { layoutStyles } from 'timvir/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/css.ts
+function cx(...args) {
+  let str = "";
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (typeof arg === "string") {
+      str += (str && " ") + arg;
+    }
+  }
+  return str;
+}
 
-// src/cx.ts
-var cx = function cx2() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
-  const atomicClasses = {};
-  const nonAtomicClasses = [];
-  presentClassNames.forEach((arg) => {
-    const individualClassNames = arg ? arg.split(" ") : [];
-    individualClassNames.forEach((className) => {
-      if (className.startsWith("atm_")) {
-        const [, keyHash] = className.split("_");
-        atomicClasses[keyHash] = className;
-      } else {
-        nonAtomicClasses.push(className);
-      }
+var styleq = {};
+var hasRequiredStyleq;
+function requireStyleq() {
+    if (hasRequiredStyleq) return styleq;
+    hasRequiredStyleq = 1;
+    Object.defineProperty(styleq, "__esModule", {
+        value: true
     });
-  });
-  const result = [];
-  for (const keyHash in atomicClasses) {
-    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
-      result.push(atomicClasses[keyHash]);
+    styleq.styleq = void 0;
+    var cache = new WeakMap();
+    var compiledKey = '$$css';
+    function createStyleq(options) {
+        var disableCache;
+        var disableMix;
+        var transform;
+        if (options != null) {
+            disableCache = options.disableCache === true;
+            disableMix = options.disableMix === true;
+            transform = options.transform;
+        }
+        return function styleq() {
+            var definedProperties = [];
+            var className = '';
+            var inlineStyle = null;
+            var debugString = '';
+            var nextCache = disableCache ? null : cache;
+            var styles = new Array(arguments.length);
+            for(var i = 0; i < arguments.length; i++){
+                styles[i] = arguments[i];
+            }
+            while(styles.length > 0){
+                var possibleStyle = styles.pop();
+                if (possibleStyle == null || possibleStyle === false) {
+                    continue;
+                }
+                if (Array.isArray(possibleStyle)) {
+                    for(var _i = 0; _i < possibleStyle.length; _i++){
+                        styles.push(possibleStyle[_i]);
+                    }
+                    continue;
+                }
+                var style = transform != null ? transform(possibleStyle) : possibleStyle;
+                if (style.$$css != null) {
+                    var classNameChunk = '';
+                    if (nextCache != null && nextCache.has(style)) {
+                        var cacheEntry = nextCache.get(style);
+                        if (cacheEntry != null) {
+                            classNameChunk = cacheEntry[0];
+                            debugString = cacheEntry[2];
+                            definedProperties.push.apply(definedProperties, cacheEntry[1]);
+                            nextCache = cacheEntry[3];
+                        }
+                    } else {
+                        var definedPropertiesChunk = [];
+                        for(var prop in style){
+                            var value = style[prop];
+                            if (prop === compiledKey) {
+                                var compiledKeyValue = style[prop];
+                                if (compiledKeyValue !== true) {
+                                    debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;
+                                }
+                                continue;
+                            }
+                            if (typeof value === 'string' || value === null) {
+                                if (!definedProperties.includes(prop)) {
+                                    definedProperties.push(prop);
+                                    if (nextCache != null) {
+                                        definedPropertiesChunk.push(prop);
+                                    }
+                                    if (typeof value === 'string') {
+                                        classNameChunk += classNameChunk ? ' ' + value : value;
+                                    }
+                                }
+                            } else {
+                                console.error("styleq: ".concat(prop, " typeof ").concat(String(value), " is not \"string\" or \"null\"."));
+                            }
+                        }
+                        if (nextCache != null) {
+                            var weakMap = new WeakMap();
+                            nextCache.set(style, [
+                                classNameChunk,
+                                definedPropertiesChunk,
+                                debugString,
+                                weakMap
+                            ]);
+                            nextCache = weakMap;
+                        }
+                    }
+                    if (classNameChunk) {
+                        className = className ? classNameChunk + ' ' + className : classNameChunk;
+                    }
+                } else {
+                    if (disableMix) {
+                        if (inlineStyle == null) {
+                            inlineStyle = {};
+                        }
+                        inlineStyle = Object.assign({}, style, inlineStyle);
+                    } else {
+                        var subStyle = null;
+                        for(var _prop in style){
+                            var _value = style[_prop];
+                            if (_value !== undefined) {
+                                if (!definedProperties.includes(_prop)) {
+                                    if (_value != null) {
+                                        if (inlineStyle == null) {
+                                            inlineStyle = {};
+                                        }
+                                        if (subStyle == null) {
+                                            subStyle = {};
+                                        }
+                                        subStyle[_prop] = _value;
+                                    }
+                                    definedProperties.push(_prop);
+                                    nextCache = null;
+                                }
+                            }
+                        }
+                        if (subStyle != null) {
+                            inlineStyle = Object.assign(subStyle, inlineStyle);
+                        }
+                    }
+                }
+            }
+            var styleProps = [
+                className,
+                inlineStyle,
+                debugString
+            ];
+            return styleProps;
+        };
     }
-  }
-  result.push(...nonAtomicClasses);
-  return result.join(" ");
-};
-var cx_default = cx;
+    var styleq$1 = styleq.styleq = createStyleq();
+    styleq$1.factory = createStyleq;
+    return styleq;
+}
+var styleqExports = requireStyleq();
+function props(...styles) {
+    const [className, style, dataStyleSrc] = styleqExports.styleq(styles);
+    const result = {};
+    if (className != null && className !== '') {
+        result.className = className;
+    }
+    if (style != null && Object.keys(style).length > 0) {
+        result.style = style;
+    }
+    if (dataStyleSrc != null && dataStyleSrc !== '') {
+        result['data-style-src'] = dataStyleSrc;
+    }
+    return result;
+}
 
-/**
- * The underlying DOM element which is rendered by this component.
- */
 const Root = "div";
-function Cover(props, ref) {
+function Cover(props$1, ref) {
   const {
     metadata,
     img,
     sources,
-    className,
     ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(Root, {
+  } = props$1;
+  const rootStyleProps = props(layoutStyles.block, layoutStyles.fullWidth);
+  return /*#__PURE__*/jsx(Root, {
     ref: ref,
-    className: cx_default(className, fullWidth),
-    ...rest
-  }, /*#__PURE__*/React.createElement("picture", null, sources.map((p, i) => /*#__PURE__*/React.createElement("source", {
-    key: i,
-    ...p
-  })), /*#__PURE__*/React.createElement("img", {
-    ...metadata,
-    ...img,
-    style: {
-      display: "block",
-      maxWidth: "100%",
-      height: "35vh",
-      objectFit: "cover"
-    }
-  })));
+    ...rest,
+    ...rootStyleProps,
+    className: cx(rest.className, rootStyleProps.className),
+    children: /*#__PURE__*/jsxs("picture", {
+      children: [sources.map((p, i) => /*#__PURE__*/jsx("source", {
+        ...p
+      }, i)), /*#__PURE__*/jsx("img", {
+        ...metadata,
+        ...img,
+        className: "timvir-s-1lliihq timvir-s-193iq5w timvir-s-5i6pxz timvir-s-l1xv1r"
+      })]
+    })
+  });
 }
 var Cover$1 = /*#__PURE__*/React.forwardRef(Cover);
 

package/blocks/Cover/samples/basic.d.ts

@@ -1,2 +1 @@
-import * as React from "react";
-export default function Sample(): React.JSX.Element;
+export default function Sample(): import("react/jsx-runtime").JSX.Element;

package/blocks/Cover/styles.css

@@ -1 +1,19 @@
+@layer priority1 {
+  .timvir-s-1lliihq {
+    display: block;
+  }
 
+  .timvir-s-l1xv1r {
+    object-fit: cover;
+  }
+}
+
+@layer priority2 {
+  .timvir-s-5i6pxz {
+    height: 35vh;
+  }
+
+  .timvir-s-193iq5w {
+    max-width: 100%;
+  }
+}

package/blocks/Exhibit/index.js

@@ -1,42 +1,173 @@
 'use client';
-import { useBlock } from 'timvir/core';
+import { useBlock, layoutStyles } from 'timvir/core';
 import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/css.ts
+function cx(...args) {
+  let str = "";
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (typeof arg === "string") {
+      str += (str && " ") + arg;
+    }
+  }
+  return str;
+}
 
-// src/cx.ts
-var cx = function cx2() {
-  const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
-  const atomicClasses = {};
-  const nonAtomicClasses = [];
-  presentClassNames.forEach((arg) => {
-    const individualClassNames = arg ? arg.split(" ") : [];
-    individualClassNames.forEach((className) => {
-      if (className.startsWith("atm_")) {
-        const [, keyHash] = className.split("_");
-        atomicClasses[keyHash] = className;
-      } else {
-        nonAtomicClasses.push(className);
-      }
+var styleq = {};
+var hasRequiredStyleq;
+function requireStyleq() {
+    if (hasRequiredStyleq) return styleq;
+    hasRequiredStyleq = 1;
+    Object.defineProperty(styleq, "__esModule", {
+        value: true
     });
-  });
-  const result = [];
-  for (const keyHash in atomicClasses) {
-    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
-      result.push(atomicClasses[keyHash]);
+    styleq.styleq = void 0;
+    var cache = new WeakMap();
+    var compiledKey = '$$css';
+    function createStyleq(options) {
+        var disableCache;
+        var disableMix;
+        var transform;
+        if (options != null) {
+            disableCache = options.disableCache === true;
+            disableMix = options.disableMix === true;
+            transform = options.transform;
+        }
+        return function styleq() {
+            var definedProperties = [];
+            var className = '';
+            var inlineStyle = null;
+            var debugString = '';
+            var nextCache = disableCache ? null : cache;
+            var styles = new Array(arguments.length);
+            for(var i = 0; i < arguments.length; i++){
+                styles[i] = arguments[i];
+            }
+            while(styles.length > 0){
+                var possibleStyle = styles.pop();
+                if (possibleStyle == null || possibleStyle === false) {
+                    continue;
+                }
+                if (Array.isArray(possibleStyle)) {
+                    for(var _i = 0; _i < possibleStyle.length; _i++){
+                        styles.push(possibleStyle[_i]);
+                    }
+                    continue;
+                }
+                var style = transform != null ? transform(possibleStyle) : possibleStyle;
+                if (style.$$css != null) {
+                    var classNameChunk = '';
+                    if (nextCache != null && nextCache.has(style)) {
+                        var cacheEntry = nextCache.get(style);
+                        if (cacheEntry != null) {
+                            classNameChunk = cacheEntry[0];
+                            debugString = cacheEntry[2];
+                            definedProperties.push.apply(definedProperties, cacheEntry[1]);
+                            nextCache = cacheEntry[3];
+                        }
+                    } else {
+                        var definedPropertiesChunk = [];
+                        for(var prop in style){
+                            var value = style[prop];
+                            if (prop === compiledKey) {
+                                var compiledKeyValue = style[prop];
+                                if (compiledKeyValue !== true) {
+                                    debugString = debugString ? compiledKeyValue + '; ' + debugString : compiledKeyValue;
+                                }
+                                continue;
+                            }
+                            if (typeof value === 'string' || value === null) {
+                                if (!definedProperties.includes(prop)) {
+                                    definedProperties.push(prop);
+                                    if (nextCache != null) {
+                                        definedPropertiesChunk.push(prop);
+                                    }
+                                    if (typeof value === 'string') {
+                                        classNameChunk += classNameChunk ? ' ' + value : value;
+                                    }
+                                }
+                            } else {
+                                console.error("styleq: ".concat(prop, " typeof ").concat(String(value), " is not \"string\" or \"null\"."));
+                            }
+                        }
+                        if (nextCache != null) {
+                            var weakMap = new WeakMap();
+                            nextCache.set(style, [
+                                classNameChunk,
+                                definedPropertiesChunk,
+                                debugString,
+                                weakMap
+                            ]);
+                            nextCache = weakMap;
+                        }
+                    }
+                    if (classNameChunk) {
+                        className = className ? classNameChunk + ' ' + className : classNameChunk;
+                    }
+                } else {
+                    if (disableMix) {
+                        if (inlineStyle == null) {
+                            inlineStyle = {};
+                        }
+                        inlineStyle = Object.assign({}, style, inlineStyle);
+                    } else {
+                        var subStyle = null;
+                        for(var _prop in style){
+                            var _value = style[_prop];
+                            if (_value !== undefined) {
+                                if (!definedProperties.includes(_prop)) {
+                                    if (_value != null) {
+                                        if (inlineStyle == null) {
+                                            inlineStyle = {};
+                                        }
+                                        if (subStyle == null) {
+                                            subStyle = {};
+                                        }
+                                        subStyle[_prop] = _value;
+                                    }
+                                    definedProperties.push(_prop);
+                                    nextCache = null;
+                                }
+                            }
+                        }
+                        if (subStyle != null) {
+                            inlineStyle = Object.assign(subStyle, inlineStyle);
+                        }
+                    }
+                }
+            }
+            var styleProps = [
+                className,
+                inlineStyle,
+                debugString
+            ];
+            return styleProps;
+        };
     }
-  }
-  result.push(...nonAtomicClasses);
-  return result.join(" ");
-};
-var cx_default = cx;
+    var styleq$1 = styleq.styleq = createStyleq();
+    styleq$1.factory = createStyleq;
+    return styleq;
+}
+var styleqExports = requireStyleq();
+function props(...styles) {
+    const [className, style, dataStyleSrc] = styleqExports.styleq(styles);
+    const result = {};
+    if (className != null && className !== '') {
+        result.className = className;
+    }
+    if (style != null && Object.keys(style).length > 0) {
+        result.style = style;
+    }
+    if (dataStyleSrc != null && dataStyleSrc !== '') {
+        result['data-style-src'] = dataStyleSrc;
+    }
+    return result;
+}
 
-/**
- * The underlying DOM element which is rendered by this component.
- */
 const Root = "div";
-function Exhibit(props, ref) {
-  const block = useBlock(props);
+function Exhibit(props$1, ref) {
+  const block = useBlock(props$1);
   const {
     caption,
     bleed,
@@ -46,33 +177,57 @@ function Exhibit(props, ref) {
     style,
     ...rest
   } = block.props;
-  return /*#__PURE__*/React.createElement(Root, {
+  const rootStyleProps = props(layoutStyles.block, styles.root);
+  const containerStyleProps = {
+    0: {
+      className: "timvir-s-ufnvkl timvir-s-7zdco timvir-s-zqqpyx timvir-s-1htuw1x timvir-s-1sxf85j timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-1tffoc1"
+    },
+    1: {
+      className: "timvir-s-ufnvkl timvir-s-7zdco timvir-s-1sxf85j timvir-s-mkeg23 timvir-s-1tffoc1 timvir-s-ng3xce timvir-s-rxpjvj timvir-s-1717udv"
+    }
+  }[!!(bleed === 0) << 0];
+  const captionStyleProps = {
+    className: "timvir-s-1dcheo9 timvir-s-jkpybl timvir-s-vgvpxu timvir-s-lwy1ot"
+  };
+  return /*#__PURE__*/jsxs(Root, {
     ref: ref,
-    className: cx_default("timvir-b-Exhibit", className, classes.root),
+    ...rest,
+    ...rootStyleProps,
+    className: cx("timvir-b-Exhibit", className, rootStyleProps.className),
     style: {
+      ...rootStyleProps.style,
       ...style,
-      [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : undefined
+      [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : "calc(var(--timvir-margin, 0px) * 0.6666)",
+      [cssVariables.borderColor]: "var(--timvir-border-color)",
+      [cssVariables.background]: "var(--timvir-background-pattern)"
     },
-    ...rest
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cx_default("timvir-b-Exhibit-container", classes.container),
-    ...BackdropProps,
-    style: {
-      border: bleed === 0 ? "none" : `1px solid var(${cssVariables.borderColor})`,
-      ...BackdropProps?.style
-    }
-  }, children), caption && /*#__PURE__*/React.createElement("div", {
-    className: cx_default("timvir-b-Exhibit-caption", classes.caption)
-  }, caption));
+    children: [/*#__PURE__*/jsx("div", {
+      ...BackdropProps,
+      ...containerStyleProps,
+      className: cx("timvir-b-Exhibit-container", containerStyleProps.className, BackdropProps?.className),
+      style: {
+        ...containerStyleProps.style,
+        border: bleed === 0 ? "none" : `1px solid var(${cssVariables.borderColor})`,
+        ...BackdropProps?.style
+      },
+      children: children
+    }), caption && /*#__PURE__*/jsx("div", {
+      ...captionStyleProps,
+      className: cx("timvir-b-Exhibit-caption", captionStyleProps.className),
+      children: caption
+    })]
+  });
 }
 var Exhibit$1 = /*#__PURE__*/React.forwardRef(Exhibit);
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",
-  borderColor: "--timvir-b-Exhibit-borderColor"};
-const classes = {
-  root: "r1nql2f9",
-  container: "c4ji594",
-  caption: "cf43jjx"
+  borderColor: "--timvir-b-Exhibit-borderColor",
+  background: "--timvir-b-Exhibit-background"
+};
+const styles = {
+  root: {
+    $$css: true
+  }
 };
 
 export { Exhibit$1 as Exhibit };

package/blocks/Exhibit/samples/basic.d.ts

@@ -1,2 +1 @@
-import * as React from "react";
-export default function Sample(): React.JSX.Element;
+export default function Sample(): import("react/jsx-runtime").JSX.Element;

package/blocks/Exhibit/samples/bleed.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import { Exhibit } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Exhibit>>;
-export default function Sample(props: Props): React.JSX.Element;
+export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/blocks/Exhibit/samples/usage.d.ts

@@ -1,2 +1 @@
-import * as React from "react";
-export default function Sample(): React.JSX.Element;
+export default function Sample(): import("react/jsx-runtime").JSX.Element;

package/blocks/Exhibit/styles.css

@@ -1,4 +1,67 @@
-.r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin, 0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] {--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);border-radius:5px;}
-.cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:0.3em;}
+@layer priority1 {
+  .timvir-s-1717udv {
+    padding: 0;
+  }
 
+  .timvir-s-1htuw1x {
+    padding: var(--timvir-b-Exhibit-bleed);
+  }
+}
+
+@layer priority2 {
+  .timvir-s-1tffoc1 {
+    border-color: var(--timvir-b-Exhibit-borderColor);
+  }
+
+  .timvir-s-1sxf85j {
+    border-radius: 5px;
+  }
+
+  .timvir-s-ng3xce {
+    border-style: none;
+  }
+
+  .timvir-s-1y0btm7 {
+    border-style: solid;
+  }
+
+  .timvir-s-mkeg23 {
+    border-width: 1px;
+  }
+
+  .timvir-s-rxpjvj {
+    margin-inline: 0;
+  }
+
+  .timvir-s-zqqpyx {
+    margin-inline: calc(-1 * var(--timvir-b-Exhibit-bleed));
+  }
+}
+
+@layer priority3 {
+  .timvir-s-7zdco {
+    background-image: var(--timvir-b-Exhibit-background);
+  }
+
+  .timvir-s-vgvpxu {
+    color: var(--timvir-secondary-text-color);
+  }
+
+  .timvir-s-ufnvkl {
+    display: flow-root;
+  }
+
+  .timvir-s-1dcheo9 {
+    font-size: .8125rem;
+  }
+
+  .timvir-s-jkpybl {
+    line-height: 1.1875;
+  }
+}
+
+@layer priority4 {
+  .timvir-s-lwy1ot {
+    margin-top: .3em;
+  }
+}