react-cheminfo 0.2.0 → 0.4.0

package/README.md

@@ -25,19 +25,71 @@ npm i react-cheminfo
 dependencies: a site already has them, and a second copy of `react-science`
 would mean two Blueprint style trees in one page.
 
-## Two entry points
+## Entry points
+
+Subpaths are **bundle boundaries, not taxonomy**: a feature gets its own door
+only when it drags a heavy dependency behind it.
+
+| Import                             | Holds                                        | Costs                 |
+| ---------------------------------- | -------------------------------------------- | --------------------- |
+| `react-cheminfo/core`              | every framework-free helper — 151 exports    | nothing               |
+| `react-cheminfo/ui`                | every React component and hook — 71 exports  | React                 |
+| `react-cheminfo/orbital`           | the 3D atomic-orbital viewer                 | React, molstar        |
+| `react-cheminfo/structure`         | the structure editor and renderer            | React, react-ocl, OCL |
+| `react-cheminfo/styles/chrome.css` | the shared tokens and site-header stylesheet | nothing               |
+
+A backend serving an RIS endpoint, a prerender script writing a sitemap, and
+every unit test of that logic therefore load no React at all — and a worker
+sampling an orbital loads neither React nor molstar. `openchemlib`, `react-ocl`
+and `molstar` are **optional** peers, so a site that only wants the Tools menu
+downloads none of them.
+
+The stylesheet ships from `styles/`, which `tsc` leaves alone, and is reached
+through a wildcard subpath exactly as `react-science` serves its own.
+
+## What is in it
+
+| Area                    | `…/core`                                                                                                 | `…/ui`                                                                                                                                           |
+| ----------------------- | -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+| **Site identity**       | `siteById`, `findSiteByHost`, `siteTokensCss`, `siteThemeColor`, `renderEcosystemLinksHtml`              | `SiteMark`, `Wordmark`, `SiteTheme`, `SiteTile`, `EcosystemButton`, `EcosystemLinks`                                                             |
+| **Chrome**              | —                                                                                                        | `SiteHeader`, `SiteFooter`, `NavLink`, `NavMenuButton`, `MenuButton`, `useCompactHeader`                                                         |
+| **Citation**            | `formatCitation`, `formatCitations`, `citationSegments`, `downloadCitation`, `citedReferences`, `doiUrl` | `CiteButton`, `CitationMenu`, `CitationPreview`                                                                                                  |
+| **Share & embed**       | `parseShareConfig`, `applyShareConfig`, `buildShareUrl`, `buildEmbedCode`, `isHidden`, the param codecs  | `ShareDialog`, `ShareButton`, `HiddenPartsProvider`, `PagePart`, `useIsHidden`                                                                   |
+| **Routing & head**      | `createTabRouter`, `createPageAddresses`, `adoptLegacyHashAddress`, `writeDocumentMeta`, `canonicalLink` | —                                                                                                                                                |
+| **Pedagogy**            | `parseGlossaryMarkers`, `localStorageProgressStore`, `progressSummary`, `finishValidation`               | `GlossaryText`, `SyntaxTooltip`, `HintLadder`, `ExerciseActions`, `ExerciseProgressHeader`, `TutorialStepStrip`, `ReferenceGrid`, `TestCaseList` |
+| **Clipboard & files**   | `writeToClipboard`, `downloadBlob`, `downloadText`, `sanitizeFileName`, `toDelimited`, `readDelimited`   | `CopyButton`, `CodeBlock`, `DelimitedTextDialog`                                                                                                 |
+| **Formatting & colour** | `formatInteger`, `formatDecimal`, `formatBytes`, `pluralize`, `readableInk`, `contrastRatio`             | `ColorScaleLegend`                                                                                                                               |
+| **Widgets**             | `CREDITS`, `credits`                                                                                     | `ErrorBoundary`, `CollapsibleSection`, `CapsuleFilter`, `HelpTooltip`, `CreditsList`                                                             |
+| **Hooks & state**       | `createWorkerChannel`                                                                                    | `persistBucket`, `useDebouncedValue`, `useContainerSize`, `useListKeyboardNavigation`, `useDisclosure`                                           |
+| **Chemistry**           | `atomicOrbitalsOf`, `configurationOf`, `classifyMolfile`, `readStructure`                                | `AtomicOrbitalViewer` (`/orbital`), `StructureEditor`, `Structure` (`/structure`)                                                                |
+
+Everything in that table is exported from `./core`, `./ui` or `./structure` and
+nothing else is: the sub-components a component is built from, the parsers a
+helper calls and the internals of a hook stay inside the package, reachable only
+by their own path. If it is exported, it is supported.
+
+The rule for a new site is short: **`react-cheminfo` first, `react-science`
+second, your own code last.** The full import table and the checklist live in
+`websites/CLAUDE.md`.
+
+## Seeing it
+
+Storybook is the demo, and every exported component has one — 210 stories:
 
-| Import                | Holds                                                                         |
-| --------------------- | ----------------------------------------------------------------------------- |
-| `react-cheminfo/ui`   | the React components                                                          |
-| `react-cheminfo/core` | the framework-free logic — citation formats, the site list — with no React in |
+```console
+npm run dev              # the book on http://localhost:10815
+npm run test-e2e         # Playwright opens all 210 and fails on any console error
+```
 
-A backend serving an RIS endpoint, and every unit test of that logic, therefore
-load no React at all.
+The **Brand** toolbar at the top retunes `--brand` / `--brand-alt`, so any story
+can be read as it would look on any site of the family.
 
-The sources are organised the other way round — one folder per component
-(`src/citation`, `src/ecosystem`), each holding a `core/` and a `ui/` half — and
-`src/core.ts` and `src/ui.ts` are the barrels the two entry points point at.
+The sources are organised the other way round — one folder per feature
+(`src/citation`, `src/ecosystem`, `src/share`, `src/pedagogy`, …), each holding a
+`core/` and a `ui/` half — and `src/core.ts` and `src/ui.ts` are the barrels the
+two entry points point at. ESLint forbids a `core/` folder from importing
+`react`, `react-dom` or anything under a `ui/`, which is what keeps the
+framework-free entry point honest.
 `src/shared` holds what more than one of them is built on: `MenuButton`, the
 shape every button of a site header takes, which is why `CiteButton` and
 `EcosystemButton` differ only in their glyph and their menu, and why both accept
@@ -72,6 +124,35 @@ import { CiteButton } from 'react-cheminfo/ui';
 Adding a style means one function in `citation/core/segments.ts` and one entry
 in `CITATION_STYLES` — the three output formats and the preview follow.
 
+A site is often built on more than one work — the tool it wraps, and the
+platform it runs on — and a reader handed two references has to be told what is
+what. Pass `works` rather than `reference`, each one carrying the words that say
+what citing it credits:
+
+```tsx
+<CiteButton
+  works={[
+    {
+      reference: SURGE_PAPER,
+      what: 'The isomer generator',
+      note: 'Cite it for the enumeration: every structure here comes from surge.',
+    },
+    {
+      reference: PLATFORM_PAPER,
+      what: 'The browser platform',
+      note: 'Cite it for the site itself.',
+    },
+  ]}
+/>
+```
+
+The menu then opens on a line asking for all of them — `guidance` writes that
+line when the default does not fit — and lists every work with what it covers.
+Each work holds its own article and its own reference, in the default style; the
+sections below carry the whole set at once, so one copy pastes both citations and
+one saved file holds both records (`references.ris`). Nothing changes for a site
+asking for a single work.
+
 ### `EcosystemButton`
 
 The Tools entry of a site header: one button opening every other site of the
@@ -91,6 +172,54 @@ import { EcosystemButton } from 'react-cheminfo/ui';
 - A tile **lights up in the colour of the site it opens**, so running the
   pointer down the grid is what makes the pairs of colours read.
 
+### `AtomicOrbitalViewer`
+
+One hydrogen-like atomic orbital, screened by Slater's rules, sampled in the
+browser and drawn as a signed isosurface with molstar.
+
+```tsx
+import { AtomicOrbitalViewer } from 'react-cheminfo/orbital';
+
+<AtomicOrbitalViewer atomicNumber={26} orbitalId="3dz2" />;
+```
+
+- The **maths is exact**, not a cartoon: a hydrogen-like radial function with its
+  `n − ℓ − 1` nodes, times a real spherical harmonic with its ℓ angular ones.
+  The Slater orbital a hybridisation model uses is nodeless and would draw a 3s
+  exactly like a 1s, only fatter.
+- The canvas is behind a `React.lazy` boundary and **nothing this entry point
+  exports pulls molstar in statically**, so a page that never draws an orbital
+  never downloads it.
+- A **WebGL probe runs before molstar is touched** (`probeViewerCapability`), so
+  a locked-down school machine gets a sentence rather than a blank rectangle.
+- Every orbital is drawn at one canonical size. Molstar's camera clamps its near
+  plane, so uranium's 4f — which reaches 0.35 Å — would otherwise stay a dot in
+  the corner; the true extent is reported as ⟨r⟩ instead.
+- The **isovalue is a weighted quantile** of the samples (`isocontourCutoff`),
+  never molstar's `computeOrbitalIsocontourValues`: that one abandons any field
+  whose mean ψ² falls under an absolute `1e-5`, which reads the orbital's _size_
+  rather than its shape, and left 2588 of 7460 orbitals blank. A quantile has no
+  scale of its own.
+- The isosurface is extracted **on the CPU** (`tryUseGpu: false`). Molstar's GPU
+  marching cubes quantises the field to 255 steps on upload, which terraces
+  xenon's 4p, and pits a diffuse outer lobe with voxel-sized dimples. The
+  surface is a thin shell whatever the box holds, so the CPU path costs 13–44 ms
+  even at 152³.
+- `resolution` takes a `{ floor, cap }` pair as well as a number, and then each
+  orbital picks its own: one resolution for a whole table leaves xenon's
+  innermost 4p lobe spanning 6.6 voxels while the outer one spans 41. A nodeless
+  orbital stays on the floor and costs nothing extra.
+- `sample` accepts a worker-backed sampler when a site would rather not spend
+  ~25 ms of its main thread per orbital. `runAtomicSample` from
+  `react-cheminfo/core` is the function that worker calls, and it imports
+  neither React nor molstar.
+
+The maths is exported on its own from `react-cheminfo/core` —
+`atomicOrbitalsOf`, `configurationOf`, `slaterScreening`, `radialProfile`,
+`radialNodeRadii`, `sampleAtomicOrbital`, `orbitalContour` — so a site can draw
+its own radial plot, list an element's orbitals, or print a screened charge
+without mounting anything.
+
 Each mark keeps the geometry of that site's own logo where it has one, redrawn
 on a plate of the site's own colour so every mark of the family still reads as
 one row, and carrying the site's answering colour on exactly one element —

package/lib/capsule/ui/CapsuleFilter.d.ts

@@ -0,0 +1,61 @@
+import type { Intent } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+/** One capsule of a {@link CapsuleFilter} row. */
+export interface CapsuleOption<TValue extends string = string> {
+    /** What picking this capsule selects. */
+    value: TValue;
+    /** What the capsule reads. */
+    label: string;
+    /**
+     * How many rows the capsule keeps, written after the label.
+     * @default undefined — the capsule carries no count
+     */
+    count?: number;
+    /**
+     * Colour of the capsule, which says what the outcome means rather than
+     * whether it is selected.
+     * @default 'none'
+     */
+    intent?: Intent;
+    /**
+     * What the pointer is told when it rests on the capsule.
+     * @default undefined
+     */
+    title?: string;
+}
+/** What a row of filter capsules needs. */
+export interface CapsuleFilterProps<TValue extends string = string> {
+    /** One entry per capsule, in the order they are drawn. */
+    options: ReadonlyArray<CapsuleOption<TValue>>;
+    /** The selected capsule. */
+    value: TValue;
+    /** Called with the newly picked value. */
+    onChange: (value: TValue) => void;
+    /**
+     * What the group is called, for a screen reader reaching the row.
+     * @default 'Filter'
+     */
+    label?: string;
+    /**
+     * How a count is written.
+     * @default the number in the reader's locale, e.g. `1,204`
+     */
+    formatCount?: (count: number) => string;
+    /**
+     * Class the row carries, in addition to `capsule-filter`.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * The row of capsules that narrows a table to one outcome.
+ *
+ * Every capsule keeps its semantic colour whether or not it is selected, so
+ * what a status means stays learnable — the filled shape is what encodes the
+ * selection. Each is a real interactive tag, so the row is reachable by tab and
+ * a capsule answers to Enter and Space.
+ * @param props - See {@link CapsuleFilterProps}.
+ * @returns The capsule row.
+ */
+export declare function CapsuleFilter<TValue extends string = string>(props: CapsuleFilterProps<TValue>): ReactElement;
+//# sourceMappingURL=CapsuleFilter.d.ts.map

package/lib/capsule/ui/CapsuleFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapsuleFilter.d.ts","sourceRoot":"","sources":["../../../src/capsule/ui/CapsuleFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,kDAAkD;AAClD,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC3D,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAChE,0DAA0D;IAC1D,OAAO,EAAE,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EAC1D,KAAK,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAChC,YAAY,CA0Cd"}

package/lib/capsule/ui/CapsuleFilter.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from '@blueprintjs/core';
+/**
+ * The row of capsules that narrows a table to one outcome.
+ *
+ * Every capsule keeps its semantic colour whether or not it is selected, so
+ * what a status means stays learnable — the filled shape is what encodes the
+ * selection. Each is a real interactive tag, so the row is reachable by tab and
+ * a capsule answers to Enter and Space.
+ * @param props - See {@link CapsuleFilterProps}.
+ * @returns The capsule row.
+ */
+export function CapsuleFilter(props) {
+    const { options, value, onChange, label = 'Filter', formatCount = defaultFormatCount, className, } = props;
+    return (_jsx("div", { role: "group", "aria-label": label, className: className === undefined
+            ? 'capsule-filter'
+            : `capsule-filter ${className}`, style: ROW_STYLE, children: options.map((option) => {
+            const selected = option.value === value;
+            return (_jsx(Tag, { interactive: true, round: true, minimal: !selected, intent: option.intent, "aria-pressed": selected, htmlTitle: option.title, onClick: () => onChange(option.value), children: option.count === undefined
+                    ? option.label
+                    : `${option.label} (${formatCount(option.count)})` }, option.value));
+        }) }));
+}
+function defaultFormatCount(count) {
+    return count.toLocaleString();
+}
+const ROW_STYLE = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 6,
+};
+//# sourceMappingURL=CapsuleFilter.js.map

package/lib/capsule/ui/CapsuleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapsuleFilter.js","sourceRoot":"","sources":["../../../src/capsule/ui/CapsuleFilter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAoDxC;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAiC;IAEjC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,kBAAkB,EAChC,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,cACE,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,SAAS,EACP,SAAS,KAAK,SAAS;YACrB,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,kBAAkB,SAAS,EAAE,EAEnC,KAAK,EAAE,SAAS,YAEf,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;YACxC,OAAO,CACL,KAAC,GAAG,IAEF,WAAW,QACX,KAAK,QACL,OAAO,EAAE,CAAC,QAAQ,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,kBACP,QAAQ,EACtB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAEpC,MAAM,CAAC,KAAK,KAAK,SAAS;oBACzB,CAAC,CAAC,MAAM,CAAC,KAAK;oBACd,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,KAAK,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAX/C,MAAM,CAAC,KAAK,CAYb,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,OAAO,KAAK,CAAC,cAAc,EAAE,CAAC;AAChC,CAAC;AAED,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;CAC0B,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { CapsuleFilterProps, CapsuleOption } from './CapsuleFilter.tsx';
+export { CapsuleFilter } from './CapsuleFilter.tsx';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/capsule/ui/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/capsule/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC"}

package/lib/chrome/ui/NavLink.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement } from 'react';
+import type { NavItem } from './navItem.ts';
+export interface NavLinkProps {
+    /** The entry being drawn. */
+    item: NavItem;
+    /**
+     * Whether this is the page on show, which is the one thing in the bar the
+     * brand tint is spent on.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Extra class names, for a site reaching one entry of its own bar.
+     * `nav-link` is always carried as well.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * One entry of a site header, as a link when it has an address and as a button
+ * otherwise. Both carry `nav-link`, so the row reads as one menu rather than as
+ * a button dropped among addresses.
+ * @param props - The entry, whether it is the page on show, and extra classes.
+ * @returns The entry.
+ */
+export declare function NavLink(props: NavLinkProps): ReactElement;
+//# sourceMappingURL=NavLink.d.ts.map

package/lib/chrome/ui/NavLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../../src/chrome/ui/NavLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,YAAY;IAC3B,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CA6CzD"}

package/lib/chrome/ui/NavLink.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@blueprintjs/core';
+import { isModifiedClick } from "./navItem.js";
+/**
+ * One entry of a site header, as a link when it has an address and as a button
+ * otherwise. Both carry `nav-link`, so the row reads as one menu rather than as
+ * a button dropped among addresses.
+ * @param props - The entry, whether it is the page on show, and extra classes.
+ * @returns The entry.
+ */
+export function NavLink(props) {
+    const { item, active = false, className } = props;
+    const { href, external = false, onSelect, title } = item;
+    const classes = [
+        'nav-link',
+        active ? 'nav-link--active' : null,
+        className ?? null,
+    ]
+        .filter((part) => part !== null)
+        .join(' ');
+    if (href === undefined) {
+        return (_jsx("button", { type: "button", className: classes, title: title, "aria-label": title, onClick: onSelect, children: _jsx(NavLinkBody, { item: item }) }));
+    }
+    return (_jsx("a", { className: classes, href: href, title: title, "aria-label": title, target: external ? '_blank' : undefined, rel: external ? 'noreferrer' : undefined, onClick: (event) => {
+            if (onSelect === undefined || external || isModifiedClick(event)) {
+                return;
+            }
+            event.preventDefault();
+            onSelect();
+        }, children: _jsx(NavLinkBody, { item: item }) }));
+}
+function NavLinkBody(props) {
+    const { icon, label, after } = props.item;
+    return (_jsxs(_Fragment, { children: [icon === undefined ? null : _jsx(Icon, { icon: icon, size: 14 }), label, after] }));
+}
+//# sourceMappingURL=NavLink.js.map

package/lib/chrome/ui/NavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.js","sourceRoot":"","sources":["../../../src/chrome/ui/NavLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAmB/C;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAEzD,MAAM,OAAO,GAAG;QACd,UAAU;QACV,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;QAClC,SAAS,IAAI,IAAI;KAClB;SACE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;SAC/B,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,QAAQ,YAEjB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACpB,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,YACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjE,OAAO;YACT,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;QACb,CAAC,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACzB,CACL,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAwB;IAC3C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAE1C,OAAO,CACL,8BACG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC1D,KAAK,EACL,KAAK,IACL,CACJ,CAAC;AACJ,CAAC"}

package/lib/chrome/ui/NavMenuButton.d.ts

@@ -0,0 +1,40 @@
+import type { IconName, PopoverNextProps } from '@blueprintjs/core';
+import type { ReactElement, ReactNode } from 'react';
+import type { NavItem } from './navItem.ts';
+export interface NavMenuButtonProps {
+    /** Text of the trigger, which is also what a screen reader is told. */
+    label: string;
+    /** The pages the menu holds, in the order it lists them. */
+    items: readonly NavItem[];
+    /**
+     * Which page is on show, named by its `id`. The trigger takes the brand tint
+     * when the menu is the one holding it.
+     * @default undefined
+     */
+    activeId?: string;
+    /**
+     * Glyph before the label.
+     * @default undefined
+     */
+    icon?: IconName;
+    /**
+     * Side the menu opens on.
+     * @default 'bottom-start'
+     */
+    placement?: PopoverNextProps['placement'];
+    /**
+     * What the menu adds under the pages — a divider and an action, typically.
+     * @default undefined
+     */
+    children?: ReactNode;
+}
+/**
+ * The pages that do not need a place of their own in the bar, folded into one
+ * menu. The trigger is dressed as a `nav-link`, so it reads as one of the
+ * entries beside it rather than as a button dropped among them.
+ * @param props - The label, the pages, the page on show, and how the menu
+ * opens.
+ * @returns The trigger and its menu.
+ */
+export declare function NavMenuButton(props: NavMenuButtonProps): ReactElement;
+//# sourceMappingURL=NavMenuButton.d.ts.map

package/lib/chrome/ui/NavMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuButton.d.ts","sourceRoot":"","sources":["../../../src/chrome/ui/NavMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAmDrE"}

package/lib/chrome/ui/NavMenuButton.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Menu, MenuItem, PopoverNext } from '@blueprintjs/core';
+import { isModifiedClick } from "./navItem.js";
+/**
+ * The pages that do not need a place of their own in the bar, folded into one
+ * menu. The trigger is dressed as a `nav-link`, so it reads as one of the
+ * entries beside it rather than as a button dropped among them.
+ * @param props - The label, the pages, the page on show, and how the menu
+ * opens.
+ * @returns The trigger and its menu.
+ */
+export function NavMenuButton(props) {
+    const { label, items, activeId, icon, placement = 'bottom-start', children, } = props;
+    const holdsActive = items.some((item) => item.id === activeId);
+    return (_jsx(PopoverNext, { placement: placement, content: _jsxs(Menu, { className: "nav-menu", children: [items.map((item) => (_jsx(MenuItem, { icon: item.icon, text: item.label, 
+                    // A real address, so a crawler reaching the menu can follow it
+                    // and a middle click opens a tab of its own.
+                    href: item.href, target: item.external ? '_blank' : undefined, active: item.id === activeId, onClick: (event) => {
+                        if (item.onSelect === undefined || isModifiedClick(event)) {
+                            return;
+                        }
+                        event.preventDefault();
+                        item.onSelect();
+                    } }, item.id))), children] }), children: _jsxs("button", { type: "button", className: holdsActive ? 'nav-link nav-link--active' : 'nav-link', "aria-label": label, children: [icon === undefined ? null : _jsx(Icon, { icon: icon, size: 14 }), label, _jsx(Icon, { icon: "caret-down", size: 14 })] }) }));
+}
+//# sourceMappingURL=NavMenuButton.js.map

package/lib/chrome/ui/NavMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavMenuButton.js","sourceRoot":"","sources":["../../../src/chrome/ui/NavMenuButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAItE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA8B/C;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,cAAc,EAC1B,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAE/D,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,EACpB,OAAO,EACL,MAAC,IAAI,IAAC,SAAS,EAAC,UAAU,aACvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,KAAK;oBAChB,+DAA+D;oBAC/D,6CAA6C;oBAC7C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,QAAQ,EAC5B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;4BAC1D,OAAO;wBACT,CAAC;wBACD,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;oBAClB,CAAC,IAdI,IAAI,CAAC,EAAE,CAeZ,CACH,CAAC,EACD,QAAQ,IACJ,YAGT,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,UAAU,gBACrD,KAAK,aAEhB,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC1D,KAAK,EACN,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,IAC7B,GACG,CACf,CAAC;AACJ,CAAC"}

package/lib/chrome/ui/SiteFooter.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { SiteId } from '../../ecosystem/core/sites.ts';
+export interface SiteFooterProps {
+    /** The site the footer sits on, which is written but never linked. */
+    siteId: SiteId;
+    /**
+     * How much of each sibling site is written. `grid` gives every one its mark,
+     * its name and the line saying what it does; `row` writes the names only.
+     * @default 'grid'
+     */
+    layout?: 'grid' | 'row';
+    /**
+     * What introduces the family.
+     * @default undefined
+     */
+    heading?: string;
+    /**
+     * Whether the page is framed in another site, in which case no footer is
+     * drawn at all.
+     * @default false
+     */
+    embedded?: boolean;
+    /**
+     * What the site adds under the family — a licence line, a version, a link to
+     * the sources.
+     * @default undefined
+     */
+    children?: ReactNode;
+}
+/**
+ * The strip under every page of the family: each sibling site as a plain link,
+ * so a crawler — and a reader with no patience for menus — walks from one of
+ * our tools to the next. It carries `no-print`, because it is chrome.
+ * @param props - The site it sits on, how much of each sibling is written, and
+ * whatever the site adds below.
+ * @returns The footer, or nothing at all on an embedded page.
+ */
+export declare function SiteFooter(props: SiteFooterProps): ReactElement | null;
+//# sourceMappingURL=SiteFooter.d.ts.map

package/lib/chrome/ui/SiteFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.d.ts","sourceRoot":"","sources":["../../../src/chrome/ui/SiteFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAG5D,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAuBtE"}

package/lib/chrome/ui/SiteFooter.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EcosystemLinks } from "../../ecosystem/ui/EcosystemLinks.js";
+/**
+ * The strip under every page of the family: each sibling site as a plain link,
+ * so a crawler — and a reader with no patience for menus — walks from one of
+ * our tools to the next. It carries `no-print`, because it is chrome.
+ * @param props - The site it sits on, how much of each sibling is written, and
+ * whatever the site adds below.
+ * @returns The footer, or nothing at all on an embedded page.
+ */
+export function SiteFooter(props) {
+    const { siteId, layout = 'grid', heading, embedded = false, children, } = props;
+    if (embedded)
+        return null;
+    return (_jsx("footer", { className: "app-footer no-print", children: _jsxs("div", { className: "app-footer__inner", children: [_jsx(EcosystemLinks, { currentSiteId: siteId, layout: layout, heading: heading }), children] }) }));
+}
+//# sourceMappingURL=SiteFooter.js.map

package/lib/chrome/ui/SiteFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../../src/chrome/ui/SiteFooter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAuC,CAAC;AA8BvE;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,MAAM,EACN,MAAM,GAAG,MAAM,EACf,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,iBAAQ,SAAS,EAAC,qBAAqB,YACrC,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,cAAc,IACb,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,QAAQ,IACL,GACC,CACV,CAAC;AACJ,CAAC"}

package/lib/chrome/ui/SiteHeader.d.ts

@@ -0,0 +1,59 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { SiteId } from '../../ecosystem/core/sites.ts';
+import type { NavItem } from './navItem.ts';
+export interface SiteHeaderProps {
+    /** The site the bar belongs to, which draws its mark and writes its name. */
+    siteId: SiteId;
+    /** The pages, in the order the bar lists them. */
+    nav: readonly NavItem[];
+    /**
+     * Which of the pages is on show, named by its `id`.
+     * @default undefined
+     */
+    activeId?: string;
+    /**
+     * The utilities pushed to the right edge — Cite, Tools, Share, sign in. They
+     * arrive dressed as bar items, so a plain `nav-link` and a `CiteButton` read
+     * alike beside each other.
+     * @default undefined
+     */
+    actions?: ReactNode;
+    /**
+     * Draws one page the site's own way, for a bar whose entries need a tooltip
+     * or a wrapper of their own.
+     * @default undefined
+     */
+    renderNavItem?: (item: NavItem, isActive: boolean) => ReactNode;
+    /**
+     * Whether the page is framed in another site, in which case no bar is drawn
+     * at all — what a host page frames already carries its own navigation.
+     * @default false
+     */
+    embedded?: boolean;
+    /**
+     * Where the brand leads.
+     * @default '/'
+     */
+    homeHref?: string;
+    /**
+     * What the site does when the brand is picked, for a page that routes in
+     * place. A modified click is left to the browser.
+     * @default undefined
+     */
+    onHome?: () => void;
+    /**
+     * Edge of the site's mark, in pixels.
+     * @default 28
+     */
+    markSize?: number;
+}
+/**
+ * The bar every site of the family carries: the brand linking home at the left,
+ * the pages next to it, and the utilities pushed to the right edge by the
+ * spacer.
+ * @param props - The site, its pages, its utilities, and whether the page is
+ * framed in another site.
+ * @returns The bar, or nothing at all on an embedded page.
+ */
+export declare function SiteHeader(props: SiteHeaderProps): ReactElement | null;
+//# sourceMappingURL=SiteHeader.d.ts.map

package/lib/chrome/ui/SiteHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeader.d.ts","sourceRoot":"","sources":["../../../src/chrome/ui/SiteHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAK5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,GAAG,EAAE,SAAS,OAAO,EAAE,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IAChE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CAmDtE"}

package/lib/chrome/ui/SiteHeader.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { siteById } from "../../ecosystem/core/lookup.js";
+import { Wordmark } from "../../ecosystem/ui/Wordmark.js";
+import { SiteMark } from "../../ecosystem/ui/marks.js";
+import { NavLink } from "./NavLink.js";
+import { isModifiedClick } from "./navItem.js";
+/**
+ * The bar every site of the family carries: the brand linking home at the left,
+ * the pages next to it, and the utilities pushed to the right edge by the
+ * spacer.
+ * @param props - The site, its pages, its utilities, and whether the page is
+ * framed in another site.
+ * @returns The bar, or nothing at all on an embedded page.
+ */
+export function SiteHeader(props) {
+    const { siteId, nav, activeId, actions, renderNavItem, embedded = false, homeHref = '/', onHome, markSize = 28, } = props;
+    if (embedded)
+        return null;
+    const site = siteById(siteId);
+    return (_jsx("header", { className: "app-header no-print", children: _jsxs("div", { className: "app-header__inner", children: [_jsxs("a", { className: "brand", href: homeHref, title: site.host, onClick: (event) => {
+                        if (onHome === undefined || isModifiedClick(event))
+                            return;
+                        event.preventDefault();
+                        onHome();
+                    }, children: [_jsx(SiteMark, { siteId: siteId, size: markSize }), _jsx(Wordmark, { siteId: siteId })] }), _jsx("nav", { className: "app-header-nav", children: nav.map((item) => (_jsx(Fragment, { children: renderNavItem === undefined ? (_jsx(NavLink, { item: item, active: item.id === activeId })) : (renderNavItem(item, item.id === activeId)) }, item.id))) }), _jsx("span", { className: "spacer" }), actions === undefined ? null : (_jsx("div", { className: "app-header-actions", children: actions }))] }) }));
+}
+//# sourceMappingURL=SiteHeader.js.map

package/lib/chrome/ui/SiteHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeader.js","sourceRoot":"","sources":["../../../src/chrome/ui/SiteHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAiC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA8B,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAiD/C;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,OAAO,EACP,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,GAAG,EACd,MAAM,EACN,QAAQ,GAAG,EAAE,GACd,GAAG,KAAK,CAAC;IAEV,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,iBAAQ,SAAS,EAAC,qBAAqB,YACrC,eAAK,SAAS,EAAC,mBAAmB,aAChC,aACE,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,IAAI,MAAM,KAAK,SAAS,IAAI,eAAe,CAAC,KAAK,CAAC;4BAAE,OAAO;wBAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,MAAM,EAAE,CAAC;oBACX,CAAC,aAED,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAI,EAC5C,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,GAAI,IAC1B,EACJ,cAAK,SAAS,EAAC,gBAAgB,YAC5B,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,cACN,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,QAAQ,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAC1C,IALY,IAAI,CAAC,EAAE,CAMX,CACZ,CAAC,GACE,EACN,eAAM,SAAS,EAAC,QAAQ,GAAG,EAC1B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,cAAK,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAO,CACpD,IACG,GACC,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,12 @@
+export type { NavItem } from './navItem.ts';
+export type { NavLinkProps } from './NavLink.tsx';
+export { NavLink } from './NavLink.tsx';
+export type { NavMenuButtonProps } from './NavMenuButton.tsx';
+export { NavMenuButton } from './NavMenuButton.tsx';
+export type { SiteFooterProps } from './SiteFooter.tsx';
+export { SiteFooter } from './SiteFooter.tsx';
+export type { SiteHeaderProps } from './SiteHeader.tsx';
+export { SiteHeader } from './SiteHeader.tsx';
+export type { UseCompactHeaderOptions } from './useCompactHeader.ts';
+export { useCompactHeader } from './useCompactHeader.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chrome/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}