timvir 0.2.39 → 0.2.42

package/global.css

@@ -0,0 +1,79 @@
+:root {
+  box-sizing: border-box;
+  scroll-padding-top: 20px;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+:root {
+  --timvir-background-color: #ffffff;
+  --timvir-text-color: #000000c9;
+  --timvir-secondary-text-color: #00000066;
+  --timvir-secondary-background-color: #f9f8f9;
+
+  --timvir-border-color: #e9e8ea;
+
+  --timvir-sidebar-highlight-color: rgb(237, 237, 237);
+
+  --timvir-accent-color: #38a585;
+
+  --timvir-background-pattern: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);
+  --timvir-highlight-background-color: #ffe10044;
+}
+
+:root[data-timvir-theme="dark"] {
+  --timvir-background-color: #1f2023;
+  --timvir-text-color: rgba(255 255 255 / 0.86);
+  --timvir-secondary-text-color: rgba(255 255 255 / 0.56);
+  --timvir-secondary-background-color: #161618;
+
+  --timvir-border-color: #27292f;
+
+  --timvir-sidebar-highlight-color: rgb(41, 43, 47);
+
+  --timvir-accent-color: #38a585;
+
+  --timvir-background-pattern: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);
+  --timvir-highlight-background-color: rgba(174, 124, 20, 0.15);
+}
+
+/*
+ * Temporary kludge to enable light/dark support in Code blocks. To be
+ * removed once theming is implemented properly.
+ */
+.timvir-b-Code .shiki span {
+  color: var(--timvir-b-Code-shiki-light);
+  font-style: var(--timvir-b-Code-shiki-light-font-style);
+  font-weight: var(--timvir-b-Code-shiki-light-font-weight);
+  text-decoration: var(--timvir-b-Code-shiki-light-text-decoration);
+}
+
+:root[data-timvir-theme="dark"] .timvir-b-Code .shiki span {
+  color: var(--timvir-b-Code-shiki-dark);
+  font-style: var(--timvir-b-Code-shiki-dark-font-style);
+  font-weight: var(--timvir-b-Code-shiki-dark-font-weight);
+  text-decoration: var(--timvir-b-Code-shiki-dark-text-decoration);
+}
+
+body {
+  font-family: system-ui, sans-serif;
+  font-feature-settings: "liga", "kern";
+  text-rendering: optimizelegibility;
+
+  font-size: 0.9375rem;
+  line-height: 1.7333;
+
+  background-color: var(--timvir-background-color);
+  color: var(--timvir-text-color);
+
+  --c-p-0: #f0fcf6;
+  --c-p-1: #d1f6e4;
+  --c-p-2: #a0dbc1;
+  --c-p-3: #61c19f;
+  --c-p-4: #38a585;
+  --c-p-5: #1b896b;
+}

package/internal/cx.d.ts

@@ -0,0 +1 @@
+export declare function cx(...args: Array<null | undefined | boolean | string>): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.39",
+  "version": "0.2.42",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -23,7 +23,6 @@
     "wonka": "^6"
   },
   "peerDependencies": {
-    "@mdx-js/react": "^2 || ^3",
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19",
     "react-hotkeys-hook": "^4 || ^5"

package/search/index.js

@@ -1,228 +1,7 @@
 import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useContext } from 'timvir/core';
-import { useCombobox } from 'downshift';
 
-// src/css.ts
-
-// 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);
-      }
-    });
-  });
-  const result = [];
-  for (const keyHash in atomicClasses) {
-    if (Object.prototype.hasOwnProperty.call(atomicClasses, keyHash)) {
-      result.push(atomicClasses[keyHash]);
-    }
-  }
-  result.push(...nonAtomicClasses);
-  return result.join(" ");
-};
-var cx_default = cx;
-
-/**
- * The underlying DOM element which is rendered by this component.
- */
-const Root$2 = "div";
-function SearchBoxInput(props, ref) {
-  const {
-    value,
-    onChange,
-    ...rest
-  } = props;
-  return /*#__PURE__*/jsxs(Root$2, {
-    ref: ref,
-    className: "r710k81",
-    ...rest,
-    children: [/*#__PURE__*/jsx("svg", {
-      viewBox: "0 0 17 17",
-      className: "s1sjvm51",
-      children: /*#__PURE__*/jsx("path", {
-        d: "M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z"
-      })
-    }), /*#__PURE__*/jsx("input", {
-      autoFocus: true,
-      value: value,
-      onChange: onChange,
-      className: "i1f3edco"
-    })]
-  });
-}
-var SearchBoxInput$1 = /*#__PURE__*/React.forwardRef(SearchBoxInput);
-
-/**
- * The underlying DOM element which is rendered by this component.
- */
-const Root$1 = "a";
-function SearchBoxListItem(props, ref) {
-  const {
-    as,
-    icon,
-    label,
-    context,
-    ...rest
-  } = props;
-  const Component = as ?? Root$1;
-  return /*#__PURE__*/jsxs(Component, {
-    role: "button",
-    ref: ref,
-    className: "c8yc6y",
-    ...rest,
-    children: [/*#__PURE__*/jsx("div", {
-      className: "dqzmx2q",
-      children: icon
-    }), /*#__PURE__*/jsxs("div", {
-      className: "dp5wq1v",
-      children: [/*#__PURE__*/jsx("div", {
-        children: label
-      }), context && /*#__PURE__*/jsx("div", {
-        className: "du5k8uq",
-        children: context
-      })]
-    })]
-  });
-}
-var SearchBoxListItem$1 = /*#__PURE__*/React.forwardRef(SearchBoxListItem);
-
-/**
- * The underlying DOM element which is rendered by this component.
- */
-const Root = "div";
-function Dialog(props, ref) {
-  const {
-    onClose,
-    q,
-    className,
-    ...rest
-  } = props;
-  const {
-    location,
-    Link
-  } = useContext();
-  const [value, setValue] = React.useState("");
-  const [result, setResult] = React.useState(undefined);
-  React.useEffect(() => {
-    q(value).then(result => {
-      setResult(result);
-    });
-  }, [value, q]);
-  const items = result?.edges ?? [];
-  const {
-    getMenuProps,
-    getInputProps,
-    /* highlightedIndex, */getItemProps,
-    closeMenu
-  } = useCombobox({
-    defaultHighlightedIndex: 0,
-    items,
-    itemToString: item => item ? item.node.label : "",
-    onInputValueChange: ({
-      inputValue
-    }) => {
-      setValue(inputValue ?? "");
-    },
-    onSelectedItemChange: ({
-      selectedItem
-    }) => {
-      if (selectedItem) {
-        location.push(selectedItem.node.path);
-      }
-      closeMenu();
-    }
-  });
-  return /*#__PURE__*/jsx(Root, {
-    ref: ref,
-    ...rest,
-    className: cx_default(className, "r5ea8qd"),
-    children: /*#__PURE__*/jsx("div", {
-      className: "dp0smwa",
-      children: /*#__PURE__*/jsxs("div", {
-        className: "d1a28btb",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "d1c5pom9",
-          onClick: onClose
-        }), /*#__PURE__*/jsxs("div", {
-          className: "djje8s3",
-          children: [/*#__PURE__*/jsx(SearchBoxInput$1, {
-            ...getInputProps()
-          }), /*#__PURE__*/jsx("main", {
-            ...getMenuProps(),
-            className: "m1mgb53c",
-            children: items.map((item, index) => /*#__PURE__*/jsx(SearchBoxListItem$1, {
-              as: Link,
-              href: item.node.path,
-              ...getItemProps({
-                item,
-                index,
-                onClick: onClose
-              }),
-              icon: /*#__PURE__*/jsx("svg", {
-                x: "0px",
-                y: "0px",
-                width: "16px",
-                height: "16px",
-                viewBox: "0 0 16 16",
-                children: /*#__PURE__*/jsxs("g", {
-                  fill: "none",
-                  stroke: "#444",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeMiterlimit: 10,
-                  children: [/*#__PURE__*/jsx("path", {
-                    "data-color": "color-2",
-                    d: "M4.5 11.5L11.5 11.5"
-                  }), /*#__PURE__*/jsx("path", {
-                    "data-color": "color-2",
-                    d: "M4.5 8.5L11.5 8.5"
-                  }), /*#__PURE__*/jsx("path", {
-                    "data-color": "color-2",
-                    d: "M4.5 5.5L6.5 5.5"
-                  }), /*#__PURE__*/jsx("path", {
-                    d: "M9.5 0.5L1.5 0.5 1.5 15.5 14.5 15.5 14.5 5.5z"
-                  }), /*#__PURE__*/jsx("path", {
-                    d: "M9.5 0.5L9.5 5.5 14.5 5.5"
-                  })]
-                })
-              }),
-              label: item.node.path,
-              context: item.node.context,
-              style: {
-                // background: highlightedIndex === index ? "rgba(0, 0, 0, 0.05)" : undefined,
-              }
-            }, index))
-          })]
-        })]
-      })
-    })
-  });
-}
-var Dialog$1 = /*#__PURE__*/React.forwardRef(Dialog);
-
-function Search(props, ref) {
-  const {
-    open,
-    ...rest
-  } = props;
-  if (!open) {
-    return null;
-  } else {
-    return /*#__PURE__*/jsx(Dialog$1, {
-      ref: ref,
-      ...rest
-    });
-  }
+function Search(_props, _ref) {
+  return null;
 }
 var Search$1 = /*#__PURE__*/React.forwardRef(Search);
 function defaultSearch(toc) {