react-cheminfo 0.1.0

package/lib/core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC"}

package/lib/core.js

@@ -0,0 +1,3 @@
+export * from "./citation/core/index.js";
+export * from "./ecosystem/core/index.js";
+//# sourceMappingURL=core.js.map

package/lib/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC"}

package/lib/ecosystem/core/index.d.ts

@@ -0,0 +1,3 @@
+export type { EcosystemSite, SiteId, SiteMarkColors, SiteName, } from './sites.ts';
+export { ECOSYSTEM_SITES, siteUrl } from './sites.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/ecosystem/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/core/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,MAAM,EACN,cAAc,EACd,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/ecosystem/core/index.js

@@ -0,0 +1,2 @@
+export { ECOSYSTEM_SITES, siteUrl } from "./sites.js";
+//# sourceMappingURL=index.js.map

package/lib/ecosystem/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ecosystem/core/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/ecosystem/core/sites.d.ts

@@ -0,0 +1,57 @@
+/** The sites the menu links to, in the order they are listed. */
+export type SiteId = 'inchi' | 'vcl' | 'smiles' | 'chemcalc' | 'nmrium' | 'surge' | 'tex' | 'lcao' | 'regexp' | 'pdb';
+export interface SiteName {
+    /** First half of the name, set in the site's leading colour. */
+    lead: string;
+    /** Second half, set in the site's answering colour. */
+    alt: string;
+    /**
+     * Whether a faint dot separates the two halves, as an address-shaped name
+     * takes and a product-shaped one does not.
+     * @default false
+     */
+    dot?: boolean;
+}
+export interface EcosystemSite {
+    id: SiteId;
+    /** The name, split the way the site's own wordmark splits it. */
+    name: SiteName;
+    /** Where the site lives, written the way it is typed. */
+    host: string;
+    /** One line on what the site does. */
+    tagline: string;
+    /** The colour the first half of the name is set in. */
+    brand: string;
+    /**
+     * The colour the second half is set in. It is the site's answering colour
+     * darkened until it is readable on white, because several of those are
+     * yellows and ambers that sit around 2:1 there.
+     */
+    brandAlt: string;
+    /** The plate of the site's mark, and the colour one element of it carries. */
+    mark: SiteMarkColors;
+}
+export interface SiteMarkColors {
+    /** The rounded square the mark is drawn on. */
+    plate: string;
+    /** The colour exactly one element of the mark takes. */
+    accent: string;
+    /**
+     * The hairline a plate as light as the tile behind it needs, so it still
+     * reads as a plate rather than as a drawing floating on the row.
+     * @default undefined
+     */
+    edge?: string;
+}
+/**
+ * Every site of the family, each with the two colours it owns. The marks that
+ * go with them live in `marks.tsx`.
+ */
+export declare const ECOSYSTEM_SITES: readonly EcosystemSite[];
+/**
+ * The address of a site, which is its host over https.
+ * @param site - The site being linked to.
+ * @returns The URL to open.
+ */
+export declare function siteUrl(site: EcosystemSite): string;
+//# sourceMappingURL=sites.d.ts.map

package/lib/ecosystem/core/sites.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sites.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/core/sites.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,MAAM,MAAM,MAAM,GACd,OAAO,GACP,KAAK,GACL,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,KAAK,GACL,MAAM,GACN,QAAQ,GACR,KAAK,CAAC;AAEV,MAAM,WAAW,QAAQ;IACvB,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,iEAAiE;IACjE,IAAI,EAAE,QAAQ,CAAC;IACf,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,aAAa,EA2FnD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAEnD"}

package/lib/ecosystem/core/sites.js

@@ -0,0 +1,105 @@
+/**
+ * Every site of the family, each with the two colours it owns. The marks that
+ * go with them live in `marks.tsx`.
+ */
+export const ECOSYSTEM_SITES = [
+    {
+        id: 'inchi',
+        name: { lead: 'inchi', alt: 'cheminfo', dot: true },
+        host: 'inchi.cheminfo.org',
+        tagline: 'InChI and InChIKey from a structure, in the browser.',
+        brand: '#5b21b6',
+        brandAlt: '#a16207',
+        mark: { plate: '#5b21b6', accent: '#fcd34d' },
+    },
+    {
+        id: 'vcl',
+        name: { lead: 'vcl', alt: 'cheminfo', dot: true },
+        host: 'vcl.cheminfo.org',
+        tagline: 'Combine a core and fragments into a screened library.',
+        brand: '#2d72d2',
+        brandAlt: '#9a3412',
+        mark: { plate: '#2d72d2', accent: '#eb6847' },
+    },
+    {
+        id: 'smiles',
+        name: { lead: 'smiles', alt: 'cheminfo', dot: true },
+        host: 'smiles.cheminfo.org',
+        tagline: 'Draw a structure, read its SMILES, learn the notation.',
+        brand: '#1c6e42',
+        brandAlt: '#9a3412',
+        mark: { plate: '#1c6e42', accent: '#ea580c' },
+    },
+    {
+        id: 'chemcalc',
+        name: { lead: 'Chem', alt: 'Calc' },
+        host: 'www.chemcalc.org',
+        tagline: 'Molecular formula, exact mass and isotopic distribution.',
+        brand: '#5b52e0',
+        brandAlt: '#0d9488',
+        mark: { plate: '#5b52e0', accent: '#09d3ac' },
+    },
+    {
+        id: 'nmrium',
+        name: { lead: 'NMR', alt: 'ium' },
+        host: 'www.nmrium.org',
+        tagline: 'Process and assign NMR spectra in the browser.',
+        brand: '#ea580c',
+        brandAlt: '#2b143e',
+        mark: { plate: '#2b143e', accent: '#ea580c' },
+    },
+    {
+        id: 'surge',
+        name: { lead: 'surge', alt: 'cheminfo', dot: true },
+        host: 'surge.cheminfo.org',
+        tagline: 'Every constitutional isomer of a molecular formula.',
+        brand: '#4338ca',
+        brandAlt: '#be123c',
+        mark: { plate: '#4338ca', accent: '#e11d48' },
+    },
+    {
+        id: 'tex',
+        name: { lead: 'tex', alt: 'cheminfo', dot: true },
+        host: 'tex.cheminfo.org',
+        tagline: 'LaTeX formulas rendered to SVG or PNG from a URL.',
+        brand: '#a21caf',
+        brandAlt: '#a16207',
+        mark: { plate: '#a21caf', accent: '#facc15' },
+    },
+    {
+        id: 'lcao',
+        name: { lead: 'lcao', alt: 'cheminfo', dot: true },
+        host: 'lcao.cheminfo.org',
+        tagline: 'Combine atomic orbitals into molecular ones.',
+        brand: '#1565c0',
+        brandAlt: '#c62828',
+        mark: { plate: '#ffffff', accent: '#c62828', edge: '#dfe3e8' },
+    },
+    {
+        id: 'regexp',
+        name: { lead: 'regexp', alt: 'cheminfo', dot: true },
+        host: 'regexp.cheminfo.org',
+        tagline: 'Learn regular expressions in a live playground.',
+        brand: '#1e3a8a',
+        brandAlt: '#a16207',
+        mark: { plate: '#1e3a8a', accent: '#fde047' },
+    },
+    {
+        id: 'pdb',
+        name: { lead: 'pdb', alt: 'cheminfo', dot: true },
+        host: 'pdb.cheminfo.org',
+        tagline: 'A fast look at any Protein Data Bank entry.',
+        brand: '#2563eb',
+        brandAlt: '#b45309',
+        mark: { plate: '#2563eb', accent: '#fbbf24' },
+    },
+];
+/**
+ * The address of a site, which is its host over https.
+ * @param site - The site being linked to.
+ * @returns The URL to open.
+ */
+export function siteUrl(site) {
+    return `https://${site.host}/`;
+}
+//# sourceMappingURL=sites.js.map

package/lib/ecosystem/core/sites.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sites.js","sourceRoot":"","sources":["../../../src/ecosystem/core/sites.ts"],"names":[],"mappings":"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"}

package/lib/ecosystem/ui/EcosystemButton.d.ts

@@ -0,0 +1,24 @@
+import type { ReactElement } from 'react';
+import type { HeaderButtonProps } from '../../shared/ui/MenuButton.tsx';
+import type { SiteId } from '../core/sites.ts';
+export interface EcosystemButtonProps extends HeaderButtonProps {
+    /**
+     * The site this button sits on, which is shown but never linked.
+     * @default undefined
+     */
+    currentSiteId?: SiteId;
+    /**
+     * Text of the button. In a compact bar it is not written, but it stays what
+     * the pointer and a screen reader are told.
+     * @default 'Tools'
+     */
+    label?: string;
+}
+/**
+ * The Tools entry of a site header: one button opening every other site of the
+ * family, each behind its own little logo.
+ * @param props - The site it sits on, and how the menu opens.
+ * @returns The button and its menu.
+ */
+export declare function EcosystemButton(props: EcosystemButtonProps): ReactElement;
+//# sourceMappingURL=EcosystemButton.d.ts.map

package/lib/ecosystem/ui/EcosystemButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemButton.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/ui/EcosystemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAExE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAYzE"}

package/lib/ecosystem/ui/EcosystemButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuButton } from "../../shared/ui/MenuButton.js";
+import { EcosystemMenu } from "./EcosystemMenu.js";
+/**
+ * The Tools entry of a site header: one button opening every other site of the
+ * family, each behind its own little logo.
+ * @param props - The site it sits on, and how the menu opens.
+ * @returns The button and its menu.
+ */
+export function EcosystemButton(props) {
+    const { currentSiteId, label = 'Tools', ...rest } = props;
+    return (_jsx(MenuButton, { ...rest, className: "ecosystem-button", icon: "grid-view", label: label, menu: _jsx(EcosystemMenu, { currentSiteId: currentSiteId }) }));
+}
+//# sourceMappingURL=EcosystemButton.js.map

package/lib/ecosystem/ui/EcosystemButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemButton.js","sourceRoot":"","sources":["../../../src/ecosystem/ui/EcosystemButton.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAAgC,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAgBpD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1D,OAAO,CACL,KAAC,UAAU,OACL,IAAI,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAC,aAAa,IAAC,aAAa,EAAE,aAAa,GAAI,GACrD,CACH,CAAC;AACJ,CAAC"}

package/lib/ecosystem/ui/EcosystemMenu.d.ts

@@ -0,0 +1,17 @@
+import type { ReactElement } from 'react';
+import type { SiteId } from '../core/sites.ts';
+export interface EcosystemMenuProps {
+    /**
+     * The site the visitor is already on, which is shown but never linked.
+     * @default undefined
+     */
+    currentSiteId?: SiteId;
+}
+/**
+ * What the ecosystem button opens: every site of the family, each behind its
+ * own little logo and the two colours it owns.
+ * @param props - The site the visitor is already on.
+ * @returns The grid of sites.
+ */
+export declare function EcosystemMenu(props: EcosystemMenuProps): ReactElement;
+//# sourceMappingURL=EcosystemMenu.d.ts.map

package/lib/ecosystem/ui/EcosystemMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemMenu.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/ui/EcosystemMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,kBAAkB,CAAC;AA0D9D,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAoBrE"}

package/lib/ecosystem/ui/EcosystemMenu.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ECOSYSTEM_SITES, siteUrl } from "../core/sites.js";
+import { SiteMark } from "./marks.js";
+const PANEL_STYLE = {
+    display: 'flex',
+    width: 'min(34rem, 90vw)',
+    flexDirection: 'column',
+    padding: 12,
+    gap: 8,
+};
+const HEADING_STYLE = {
+    color: '#5b6875',
+    fontSize: '0.75rem',
+    fontWeight: 600,
+};
+const GRID_STYLE = {
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(15rem, 1fr))',
+    gap: 2,
+};
+const TILE_STYLE = {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '7px 8px',
+    border: '1px solid transparent',
+    borderRadius: 10,
+    color: '#16202c',
+    gap: 10,
+    textDecoration: 'none',
+    transition: 'background 120ms, border-color 120ms, transform 120ms',
+};
+const MARK_HOLDER_STYLE = {
+    display: 'flex',
+    transition: 'transform 160ms',
+};
+const TEXT_STYLE = { minWidth: 0 };
+const NAME_STYLE = {
+    display: 'flex',
+    alignItems: 'baseline',
+    fontSize: '0.9375rem',
+    fontWeight: 700,
+    letterSpacing: '-0.01em',
+    gap: 6,
+    whiteSpace: 'nowrap',
+};
+const HERE_STYLE = {
+    fontSize: '0.625rem',
+    fontWeight: 700,
+    letterSpacing: '0.04em',
+    textTransform: 'uppercase',
+};
+const TAGLINE_STYLE = {
+    color: '#5b6875',
+    fontSize: '0.75rem',
+    lineHeight: 1.35,
+};
+/**
+ * What the ecosystem button opens: every site of the family, each behind its
+ * own little logo and the two colours it owns.
+ * @param props - The site the visitor is already on.
+ * @returns The grid of sites.
+ */
+export function EcosystemMenu(props) {
+    const { currentSiteId } = props;
+    const [hovered, setHovered] = useState(null);
+    return (_jsxs("div", { className: "ecosystem-menu", style: PANEL_STYLE, children: [_jsx("div", { style: HEADING_STYLE, children: "Our other tools, all in the browser" }), _jsx("div", { style: GRID_STYLE, children: ECOSYSTEM_SITES.map((site) => (_jsx(SiteTile, { site: site, isCurrent: site.id === currentSiteId, isHovered: hovered === site.id, onHover: setHovered }, site.id))) })] }));
+}
+/**
+ * One site: its mark, its name in its own colours, and what it does.
+ * @param props - The site, and whether it is the current or the hovered one.
+ * @returns The tile.
+ */
+function SiteTile(props) {
+    const { site, isCurrent, isHovered, onHover } = props;
+    const lit = isHovered && !isCurrent;
+    const body = (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                    ...MARK_HOLDER_STYLE,
+                    transform: lit ? 'scale(1.08) rotate(-6deg)' : 'none',
+                }, children: _jsx(SiteMark, { site: site }) }), _jsxs("div", { style: TEXT_STYLE, children: [_jsxs("div", { style: NAME_STYLE, children: [_jsxs("span", { children: [_jsx("span", { style: { color: site.brand }, children: site.name.lead }), site.name.dot ? _jsx("span", { style: { color: '#8a96a3' }, children: "." }) : null, _jsx("span", { style: { color: site.brandAlt }, children: site.name.alt })] }), isCurrent ? (_jsx("span", { style: { ...HERE_STYLE, color: site.brandAlt }, children: "you are here" })) : null] }), _jsx("div", { style: TAGLINE_STYLE, children: site.tagline })] })] }));
+    const style = {
+        ...TILE_STYLE,
+        background: tint(site, isCurrent, lit),
+        borderColor: borderOf(site, isCurrent, lit),
+        transform: lit ? 'translateY(-1px)' : 'none',
+        cursor: isCurrent ? 'default' : 'pointer',
+    };
+    if (isCurrent)
+        return _jsx("div", { style: style, children: body });
+    return (_jsx("a", { style: style, href: siteUrl(site), title: site.host, target: "_blank", rel: "noreferrer", onMouseEnter: () => {
+            onHover(site.id);
+        }, onMouseLeave: () => {
+            onHover(null);
+        }, onFocus: () => {
+            onHover(site.id);
+        }, onBlur: () => {
+            onHover(null);
+        }, children: body }));
+}
+// A tile lights up in the colour of the site it opens, never in ours: the
+// pointer moving down the grid is what makes the ten pairs of colours read.
+function tint(site, isCurrent, lit) {
+    if (isCurrent)
+        return '#f5f7fa';
+    return lit ? `color-mix(in oklab, ${site.brand} 9%, white)` : 'transparent';
+}
+function borderOf(site, isCurrent, lit) {
+    if (isCurrent)
+        return '#dfe3e8';
+    return lit ? `color-mix(in oklab, ${site.brand} 32%, white)` : 'transparent';
+}
+//# sourceMappingURL=EcosystemMenu.js.map

package/lib/ecosystem/ui/EcosystemMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcosystemMenu.js","sourceRoot":"","sources":["../../../src/ecosystem/ui/EcosystemMenu.tsx"],"names":[],"mappings":"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"}

package/lib/ecosystem/ui/index.d.ts

@@ -0,0 +1,7 @@
+export type { EcosystemButtonProps } from './EcosystemButton.tsx';
+export { EcosystemButton } from './EcosystemButton.tsx';
+export type { EcosystemMenuProps } from './EcosystemMenu.tsx';
+export { EcosystemMenu } from './EcosystemMenu.tsx';
+export type { SiteMarkProps } from './marks.tsx';
+export { SiteMark } from './marks.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/ecosystem/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/lib/ecosystem/ui/index.js

@@ -0,0 +1,4 @@
+export { EcosystemButton } from "./EcosystemButton.js";
+export { EcosystemMenu } from "./EcosystemMenu.js";
+export { SiteMark } from "./marks.js";
+//# sourceMappingURL=index.js.map

package/lib/ecosystem/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ecosystem/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAa,CAAC"}

package/lib/ecosystem/ui/marks.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement } from 'react';
+import type { EcosystemSite } from '../core/sites.ts';
+export interface SiteMarkProps {
+    /** The site whose mark is drawn, with the two colours it owns. */
+    site: EcosystemSite;
+    /**
+     * Edge of the square the mark is drawn in, in pixels.
+     * @default 28
+     */
+    size?: number;
+}
+/**
+ * The little logo of one site of the family.
+ * @param props - The site and the size of its mark.
+ * @returns The mark, as an inline SVG.
+ */
+export declare function SiteMark(props: SiteMarkProps): ReactElement;
+//# sourceMappingURL=marks.d.ts.map

package/lib/ecosystem/ui/marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../../src/ecosystem/ui/marks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,kBAAkB,CAAC;AAS9D,MAAM,WAAW,aAAa;IAC5B,kEAAkE;IAClE,IAAI,EAAE,aAAa,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAwB3D"}

package/lib/ecosystem/ui/marks.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Every mark is drawn in the same 32×32 box, on a plate of the site's own
+// colour, so ten marks from ten sites still read as one row. Each keeps the
+// geometry of that site's own logo where it has one, and carries the site's
+// answering colour on exactly one element — which is what stops it collapsing
+// into a flat shape at 16 px.
+const MARK_STYLE = { display: 'block', flex: 'none' };
+/**
+ * The little logo of one site of the family.
+ * @param props - The site and the size of its mark.
+ * @returns The mark, as an inline SVG.
+ */
+export function SiteMark(props) {
+    const { site, size = 28 } = props;
+    return (_jsxs("svg", { style: MARK_STYLE, width: size, height: size, viewBox: "0 0 32 32", "aria-hidden": "true", focusable: "false", children: [_jsx("rect", { x: site.mark.edge ? 0.5 : 0, y: site.mark.edge ? 0.5 : 0, width: site.mark.edge ? 31 : 32, height: site.mark.edge ? 31 : 32, rx: site.mark.edge ? 6.5 : 7, fill: site.mark.plate, stroke: site.mark.edge }), GLYPHS[site.id](site.mark.accent)] }));
+}
+/** Every mark, keyed by site, drawn on top of its plate. */
+const GLYPHS = {
+    // A hexagon with a tail: the structure, and the string it hashes into.
+    inchi: (alt) => (_jsxs("g", { fill: "none", stroke: alt, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "13,6.5 7.7,9.6 7.7,15.7 13,18.8 18.3,15.7 18.3,9.6" }), _jsx("path", { d: "M16.4 16.2 25.2 25" })] })),
+    // The core carrying three R groups, which is what this tool combines.
+    vcl: (alt) => (_jsxs(_Fragment, { children: [_jsxs("g", { fill: "none", stroke: "#ffffff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M16 9.5 10.8 12.5 10.8 18.5 16 21.5 21.2 18.5 21.2 12.5Z" }), _jsx("path", { d: "M16 9.5 16 5.5M21.2 18.5 24.8 20.6M10.8 18.5 7.2 20.6" })] }), _jsx("circle", { cx: "16", cy: "4.6", r: "2.6", fill: alt }), _jsx("circle", { cx: "25.6", cy: "21.2", r: "2.6", fill: alt }), _jsx("circle", { cx: "6.4", cy: "21.2", r: "2.6", fill: alt })] })),
+    // A ring over the line of characters that writes it down.
+    smiles: (alt) => (_jsxs(_Fragment, { children: [_jsx("path", { d: "M16 7.5 22.1 11.1 22.1 18.3 16 21.9 9.9 18.3 9.9 11.1Z", fill: "none", stroke: "#ffffff", strokeWidth: "2.2", strokeLinejoin: "round" }), _jsx("path", { d: "M5.5 25.5h21", fill: "none", stroke: alt, strokeWidth: "3", strokeLinecap: "round" })] })),
+    // An isotopic pattern: the answer this one is asked for most.
+    chemcalc: (alt) => (_jsxs("g", { strokeLinecap: "round", strokeWidth: "3.4", fill: "none", children: [_jsx("path", { d: "M9 24V15", stroke: "#ffffff" }), _jsx("path", { d: "M16 24V7", stroke: alt }), _jsx("path", { d: "M23 24V18", stroke: "#ffffff" })] })),
+    // The official NMRium symbol, from `Logo.tsx` of the NMRium sources: the
+    // orange half is theirs, and the half their logo sets in plum is set in white
+    // here because the plate already is that plum.
+    nmrium: (accent) => (_jsxs("g", { fillRule: "evenodd", transform: "translate(5.25 6.25) scale(0.088)", children: [_jsx("path", { fill: accent, d: "M.64,31.7A31.67,31.67,0,0,1,54.72,9.29l0,0A31.66,31.66,0,0,1,64,31.7V190a13.39,13.39,0,0,0,26.77,0V54a31.7,31.7,0,0,1,31.7-31.7V40.58A13.38,13.38,0,0,0,109.13,54V190a31.71,31.71,0,0,1-63.41,0V31.7a13.29,13.29,0,0,0-3.88-9.46l0,0A13.41,13.41,0,0,0,19,31.7V164.82H.64Z" }), _jsx("path", { fill: "#ffffff", d: "M154.21,54v68.17a13.34,13.34,0,0,0,3.89,9.47h0A13.39,13.39,0,0,0,181,122.14V99.32h-.06a31.63,31.63,0,0,1,9.29-22.38l0,0a31.65,31.65,0,0,1,44.8,0l0,0a31.58,31.58,0,0,1,9.3,22.39V118H226V99.32a13.3,13.3,0,0,0-3.89-9.46h0a13.44,13.44,0,0,0-18.93,0l0,0a13.3,13.3,0,0,0-3.83,8.19v24.09a31.7,31.7,0,0,1-54.11,22.42v0a31.66,31.66,0,0,1-9.3-22.4V54Z" })] })),
+    // One formula branching into every structure it can be.
+    surge: (alt) => (_jsxs(_Fragment, { children: [_jsxs("g", { fill: "none", stroke: "#ffffff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M7 16h6" }), _jsx("path", { d: "M13 16 25 8.5M13 16h12M13 16 25 23.5" })] }), _jsx("circle", { cx: "25", cy: "8.5", r: "3", fill: alt }), _jsx("circle", { cx: "25", cy: "16", r: "3", fill: alt }), _jsx("circle", { cx: "25", cy: "23.5", r: "3", fill: alt })] })),
+    // A radical over its radicand: a formula being set.
+    tex: (alt) => (_jsxs(_Fragment, { children: [_jsx("rect", { x: "18.5", y: "12", width: "8.5", height: "8.5", rx: "1.6", fill: alt }), _jsx("path", { d: "M4.5 15.5h3l3.6 8.2L16.8 7.5h10.4", fill: "none", stroke: "#ffffff", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round" })] })),
+    // The site's own favicon: two lobes of opposite phase overlapping end-on,
+    // the simplest sigma bond, in the phase palette its viewer renders with.
+    lcao: (alt) => (_jsxs(_Fragment, { children: [_jsx("path", { d: "M16 16C16 10.2 13.3 5 9 5S2 10.2 2 16s2.7 11 7 11 7-5.2 7-11z", fill: "#1565c0" }), _jsx("path", { d: "M16 16c0 5.8 2.7 11 7 11s7-5.2 7-11-2.7-11-7-11-7 5.2-7 11z", fill: alt }), _jsx("circle", { cx: "16", cy: "16", r: "2.25", fill: "#37474f" })] })),
+    // The pattern that matches anything, which is where everyone starts.
+    regexp: (alt) => (_jsx("text", { x: "50%", y: "53%", dominantBaseline: "central", textAnchor: "middle", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: "18", fontWeight: "700", fill: alt, children: ".*" })),
+    // Three residues of a chain, one of them the ligand you came for.
+    pdb: (alt) => (_jsxs(_Fragment, { children: [_jsx("g", { stroke: "#ffffff", strokeWidth: "1.9", strokeLinecap: "round", fill: "none", opacity: "0.85", children: _jsx("path", { d: "M9.2 12.4 22 15.4 15.6 23Z" }) }), _jsx("circle", { cx: "9.2", cy: "12.4", r: "3.1", fill: "#ffffff" }), _jsx("circle", { cx: "22", cy: "15.4", r: "3.1", fill: "#ffffff" }), _jsx("circle", { cx: "15.6", cy: "23", r: "3.1", fill: alt })] })),
+};
+//# sourceMappingURL=marks.js.map

package/lib/ecosystem/ui/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","sourceRoot":"","sources":["../../../src/ecosystem/ui/marks.tsx"],"names":[],"mappings":"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"}

package/lib/shared/ui/MenuButton.d.ts

@@ -0,0 +1,34 @@
+import type { IconName, PopoverNextProps } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+/** What every button of a site header takes, whatever its menu holds. */
+export interface HeaderButtonProps {
+    /**
+     * Whether the button is reduced to its icon — no text, no caret — for a
+     * header that has run out of room. The icon still opens the same menu.
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Side the menu opens on.
+     * @default 'bottom-end'
+     */
+    placement?: PopoverNextProps['placement'];
+}
+export interface MenuButtonProps extends HeaderButtonProps {
+    /** Class the holder carries, so a site can reach the button from its bar. */
+    className: string;
+    /** Glyph of the button. */
+    icon: IconName;
+    /** Text of the button, and what the pointer and a screen reader are told. */
+    label: string;
+    /** What the button opens. */
+    menu: ReactElement;
+}
+/**
+ * One entry of a site header: a button opening a menu, in the shape every such
+ * button of the package takes, so two of them differ only in glyph and menu.
+ * @param props - The glyph, the label, the menu, and how it opens.
+ * @returns The button and its menu.
+ */
+export declare function MenuButton(props: MenuButtonProps): ReactElement;
+//# sourceMappingURL=MenuButton.d.ts.map

package/lib/shared/ui/MenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAQzD,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,YAAY,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAwB/D"}

package/lib/shared/ui/MenuButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PopoverNext } from '@blueprintjs/core';
+import { Button } from 'react-science/ui';
+const HOLDER_STYLE = {
+    display: 'inline-flex',
+    alignItems: 'center',
+};
+/**
+ * One entry of a site header: a button opening a menu, in the shape every such
+ * button of the package takes, so two of them differ only in glyph and menu.
+ * @param props - The glyph, the label, the menu, and how it opens.
+ * @returns The button and its menu.
+ */
+export function MenuButton(props) {
+    const { className, icon, label, menu, compact = false, placement = 'bottom-end', } = props;
+    return (_jsx("span", { className: className, style: HOLDER_STYLE, children: _jsx(PopoverNext, { placement: placement, content: menu, children: _jsx(Button, { variant: "minimal", icon: icon, endIcon: compact ? undefined : 'caret-down', text: compact ? undefined : label, "aria-label": label, title: compact ? label : undefined }) }) }));
+}
+//# sourceMappingURL=MenuButton.js.map

package/lib/shared/ui/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../src/shared/ui/MenuButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,YAAY,GAAkB;IAClC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC;AA4BF;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,YAAY,GACzB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eAAM,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,YAC7C,KAAC,WAAW,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,YAC9C,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAC3C,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,gBACrB,KAAK,EACjB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAClC,GACU,GACT,CACR,CAAC;AACJ,CAAC"}

package/lib/shared/ui/index.d.ts

@@ -0,0 +1,2 @@
+export type { HeaderButtonProps } from './MenuButton.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/shared/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/shared/ui/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/lib/shared/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/shared/ui/index.ts"],"names":[],"mappings":""}

package/lib/ui.d.ts

@@ -0,0 +1,4 @@
+export * from './citation/ui/index.ts';
+export * from './ecosystem/ui/index.ts';
+export * from './shared/ui/index.ts';
+//# sourceMappingURL=ui.d.ts.map

package/lib/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

package/lib/ui.js

@@ -0,0 +1,4 @@
+export * from "./citation/ui/index.js";
+export * from "./ecosystem/ui/index.js";
+export * from "./shared/ui/index.js";
+//# sourceMappingURL=ui.js.map

package/lib/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}