@openbunny/react 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 OpenBunny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,184 @@
+# @openbunny/react
+
+> **Work in progress.** Names, identifiers and interfaces can change without
+> notice.
+
+Generic React components for OpenBunny sites. The package ships components and
+helpers with no site content.
+
+## Components
+
+| Component                                     | Purpose                                               |
+| --------------------------------------------- | ----------------------------------------------------- |
+| `PageShell`, `PageSection`                    | Centred column and bordered section                   |
+| `PageTitle`, `SectionHeading`                 | Page `h1` with optional date, numbered section `h2`   |
+| `Plate`, `PlateHeader`, `StatusPage`          | Animated and static image pair, header, status layout |
+| `CommandBlock`, `CommandLine`, `ShellCommand` | Numbered command steps, one command row, token spans  |
+| `CopyButton`, `Button`                        | Clipboard button, base button                         |
+| `SkipLink`, `ChevronIcon`                     | Skip-to-content link, chevron icon                    |
+
+The package renders no site identity. Each component takes its text, artwork
+and behaviour through props. Where a prop has a default, the default is neutral
+English. No component imports `next`, an analytics client or a router, and none
+renders a link. A caller that needs a link passes its own element as a child or
+as a prop of type `ReactNode`.
+
+## Install
+
+```sh
+npm install @openbunny/react @base-ui/react react react-dom
+```
+
+`react`, `react-dom` and `@base-ui/react` are peer dependencies. Each stays a
+single copy in the consumer's tree.
+
+For a Git install, use `bun add github:openbunny/react`. `dist` is not committed;
+the Git install builds it through the `prepare` script.
+`bun` runs the lifecycle scripts of dependencies only for packages listed in
+`trustedDependencies`, and not at all when `install.ignoreScripts` is `true`.
+When the package is not listed or `install.ignoreScripts` is `true`, the install
+succeeds and `dist` is missing. Add the listing to the consumer `package.json`:
+
+```json
+{ "trustedDependencies": ["@openbunny/react"] }
+```
+
+## Usage
+
+```tsx
+import { CommandBlock, PageShell } from "@openbunny/react"
+```
+
+The consumer's Tailwind build must scan the package, or the utilities are not
+generated, and the consumer imports the theme and the package stylesheet:
+
+```css
+@import "tailwindcss";
+@import "@openbunny/theme/css/tokens.css";
+@import "@openbunny/theme/css/tailwind.css";
+@import "@openbunny/theme/css/extension-base.css";
+@import "@openbunny/react/styles.css";
+@source "../node_modules/@openbunny/react/dist";
+```
+
+## Styling contract
+
+The components style against the OpenBunny theme (`@openbunny/theme`). The
+theme defines the items below; a consumer that does not use the theme defines
+them itself. A missing item raises no error; the component renders unstyled in
+that respect.
+
+### Theme custom properties and Tailwind tokens
+
+`tailwind.css` from the theme maps each colour to a Tailwind utility. The
+components use these utilities: `border-line`, `bg-paper`, `bg-paper-inset`,
+`bg-foreground`, `text-background`, `text-foreground`, `text-ink`, `text-muted`,
+`border-foreground`, `ring` and the `font-display`, `font-sc` and `font-mono`
+families. `styles.css` reads `--ink-deep`, `--ink-mid`, `--sprout` and
+`--font-weight-bold`. Components assume square corners (`--radius-*` is `0`).
+
+### Component classes
+
+| Class                               | Defined by                    | Used by        | Rule                                                                |
+| ----------------------------------- | ----------------------------- | -------------- | ------------------------------------------------------------------- |
+| `.tok-cmd`, `.tok-flag`, `.tok-str` | `@openbunny/react/styles.css` | `ShellCommand` | colours from `--ink-deep`, `--ink-mid`, `--sprout`; `.tok-cmd` bold |
+| `.plate`                            | `@openbunny/react/styles.css` | `Plate`        | `image-rendering: pixelated`                                        |
+| `.js-only`                          | `@openbunny/react/styles.css` | `CopyButton`   | hidden under `@media (scripting: none)`                             |
+
+`src/styles.test.ts` fails when a component uses a custom class that neither
+this table nor the theme defines. The theme defines `.link` and `.chip`; no
+component uses them.
+
+### Document contract
+
+- The page has one element with `id="main"`. `SkipLink` and `StatusPage` target
+  it.
+- `:focus-visible` has a visible outline. The theme's `extension-base.css`
+  provides one.
+
+## Props reference
+
+Every prop is required unless its row shows a default or `?`.
+
+| Component        | Props                                                                                                            |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `Button`         | `variant` (`"outline"`), `size` (`"xs"`), and every prop of `@base-ui/react` `Button`                            |
+| `ChevronIcon`    | `direction`: `"left"` or `"right"`                                                                               |
+| `CommandBlock`   | `id`, `number`, `title`, `steps`: `CommandStep[]`, `note?`, `copyAll?` (`false`), `copy?`, `copyLabel?`, `lead?` |
+| `CommandLine`    | `command`, `copy?`, `copyLabel?`                                                                                 |
+| `CopyButton`     | `text`, `label`, `caption?`, `copiedCaption?`, `failureHint?`, `onCopy?`                                         |
+| `PageSection`    | `id`, `className?`, `children`                                                                                   |
+| `PageShell`      | `children`                                                                                                       |
+| `PageTitle`      | `title`, `lastChangedAt?`, `changedLabel?`, `formatDate?`                                                        |
+| `Plate`          | `asset`: `PlateAsset`, `className?`                                                                              |
+| `PlateHeader`    | `asset`: `PlateAsset`, `plateClassName`                                                                          |
+| `SectionHeading` | `number`, `children`                                                                                             |
+| `ShellCommand`   | `command`                                                                                                        |
+| `SkipLink`       | `label?`                                                                                                         |
+| `StatusPage`     | `asset`: `PlateAsset`, `plateClassName`, `heading`, `children`, `actions`                                        |
+
+Types and helpers:
+
+- `PlateAsset`: `gifSrc`, `staticSrc` (strings), `width`, `height` (numbers).
+- `CommandStep`: `command` and `comment` (strings).
+- `CopyText`: `caption?`, `copiedCaption?`, `failureHint?`.
+- `shellTokens(command)` returns `ShellToken[]`; it throws on unbalanced quotes.
+- `formatLongDate(isoDate)` formats an ISO date for `PageTitle`.
+- `cn(...classes)` merges class names.
+
+`bun run build` also emits declarations in `dist/index.d.ts`.
+
+## Props that carry text
+
+Copy, captions and labels are props with neutral English defaults.
+
+| Component      | Props                                                                    |
+| -------------- | ------------------------------------------------------------------------ |
+| `CopyButton`   | `label` (required), `caption`, `copiedCaption`, `failureHint`, `onCopy`  |
+| `CommandLine`  | `copy` (`caption`, `copiedCaption`, `failureHint`), `copyLabel(command)` |
+| `CommandBlock` | `copy`, `copyLabel`, `copyAllCaption`, `copyAllLabel`, `note`, `lead`    |
+| `PageTitle`    | `changedLabel`, `formatDate(isoDate)`                                    |
+| `SkipLink`     | `label`                                                                  |
+
+`CopyButton` reports a successful copy through `onCopy`. The consumer attaches
+analytics there; the package contains none.
+
+## Parity
+
+Each component is compared with markup captured once from the component it was
+extracted from. The captured files are `parity/fixtures/<component>.json`. The
+package imports nothing from the original and needs no checkout of it.
+`parity/fixtures/README.md` states that the fixtures are frozen and when they
+change.
+
+Package defaults differ from the original defaults in capitalisation. A case with
+an `adoption` entry in `parity/definitions.tsx` lists the props that reproduce
+the original markup, and the parity run also asserts that the default render
+differs from the fixture. `just parity` fails when `parity/fixtures` holds no
+fixture, because a gate with no cases checks nothing.
+
+## Development
+
+Requires `bun` and `just`. `package.json` pins the `bun` version.
+
+```sh
+just install
+just check
+```
+
+`just check` runs `format-check`, `lint`, `typecheck`, `test`, `build` and
+`parity`, reports every failure, then exits non-zero if any failed.
+
+The build is `tsc`, not a bundler. A bundler would collapse the module graph and
+drop the `"use client"` directives that mark client components. `tsc` emits one
+module per source file with those directives intact, plus declarations. The
+consumer's bundler tree-shakes.
+
+`next` is a development dependency, present only because the lint configuration extends `eslint-config-next`. The built package does not import it.
+
+Source imports use explicit `.ts` and `.tsx` extensions. The compiler rewrites
+them to `.js` in `dist`.
+
+## Licence
+
+MIT. See `LICENSE`. Copyright (c) 2026 OpenBunny.

package/dist/components/chevron-icon.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+export declare function ChevronIcon({ direction, }: {
+    readonly direction: "left" | "right";
+}): ReactElement;

package/dist/components/chevron-icon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ChevronIcon({ direction, }) {
+    const d = direction === "left" ? "M10 3 5 8l5 5" : "M6 3l5 5-5 5";
+    return (_jsx("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: d }) }));
+}
+//# sourceMappingURL=chevron-icon.js.map

package/dist/components/chevron-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-icon.js","sourceRoot":"","sources":["../../src/components/chevron-icon.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,GAGV;IACC,MAAM,CAAC,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAA;IAEjE,OAAO,CACL,cACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,EAClB,SAAS,EAAC,OAAO,YAEjB,eAAM,CAAC,EAAE,CAAC,GAAI,GACV,CACP,CAAA;AACH,CAAC"}

package/dist/components/command-block.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from "react";
+import type { CommandStep } from "../lib/command-step.ts";
+import { type CopyText } from "./copy-button.tsx";
+type CommandBlockProps = {
+    readonly id: string;
+    readonly number: string;
+    readonly title: string;
+    readonly steps: ReadonlyArray<CommandStep>;
+    readonly note?: string;
+    readonly copyAll?: boolean;
+    readonly copyAllCaption?: string;
+    readonly copyAllLabel?: string;
+    readonly copy?: CopyText;
+    readonly copyLabel?: (command: string) => string;
+    readonly lead?: ReactNode;
+};
+export declare function CommandBlock({ id, number, title, steps, note, copyAll, copyAllCaption, copyAllLabel, copy, copyLabel, lead, }: CommandBlockProps): ReactElement;
+export {};

package/dist/components/command-block.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CommandLine } from "./command-line.js";
+import { CopyButton } from "./copy-button.js";
+import { PageSection } from "./page-section.js";
+import { SectionHeading } from "./section-heading.js";
+export function CommandBlock({ id, number, title, steps, note, copyAll = false, copyAllCaption = "Copy all", copyAllLabel = `Copy all ${title} commands`, copy, copyLabel, lead, }) {
+    return (_jsxs(PageSection, { id: id, children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4", children: [_jsx(SectionHeading, { number: number, children: title }), copyAll ? (_jsx(CopyButton, { ...copy, text: steps.map((step) => step.command).join(" &&\n"), label: copyAllLabel, caption: copyAllCaption })) : null] }), lead, _jsx("ol", { className: "flex flex-col gap-4", children: steps.map((step, index) => (_jsxs("li", { className: "flex flex-col gap-1", children: [_jsxs("p", { className: "flex items-baseline gap-3 font-display text-[0.92rem] leading-[1.6]", children: [_jsxs("span", { "aria-hidden": "true", className: "font-mono text-[0.62rem] text-muted", children: [number, ".", index + 1] }), step.comment] }), _jsx(CommandLine, { command: step.command, ...(copy === undefined ? {} : { copy }), ...(copyLabel === undefined ? {} : { copyLabel }) })] }, step.command))) }), note === undefined ? null : (_jsx("p", { className: "mt-1 font-display text-[0.92rem] leading-[1.7] text-pretty text-muted", children: note }))] }));
+}
+//# sourceMappingURL=command-block.js.map

package/dist/components/command-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-block.js","sourceRoot":"","sources":["../../src/components/command-block.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAiB,MAAM,kBAAmB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAuB,CAAA;AAgBtD,MAAM,UAAU,YAAY,CAAC,EAC3B,EAAE,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,cAAc,GAAG,UAAU,EAC3B,YAAY,GAAG,YAAY,KAAK,WAAW,EAC3C,IAAI,EACJ,SAAS,EACT,IAAI,GACc;IAClB,OAAO,CACL,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,aACjB,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,YAAG,KAAK,GAAkB,EACvD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,OACL,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EACrD,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,GACvB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,IAAI,EACL,aAAI,SAAS,EAAC,qBAAqB,YAChC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,cAAuB,SAAS,EAAC,qBAAqB,aACpD,aAAG,SAAS,EAAC,qEAAqE,aAChF,+BACc,MAAM,EAClB,SAAS,EAAC,qCAAqC,aAE9C,MAAM,OAAG,KAAK,GAAG,CAAC,IACd,EACN,IAAI,CAAC,OAAO,IACX,EACJ,KAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,KACjB,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KACpC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAClD,KAdK,IAAI,CAAC,OAAO,CAehB,CACN,CAAC,GACC,EACJ,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,YAAG,SAAS,EAAC,uEAAuE,YACjF,IAAI,GACH,CACL,IACW,CACf,CAAA;AACH,CAAC"}

package/dist/components/command-line.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import { type CopyText } from "./copy-button.tsx";
+export declare function CommandLine({ command, copy, copyLabel, }: {
+    readonly command: string;
+    readonly copy?: CopyText;
+    readonly copyLabel?: (command: string) => string;
+}): ReactElement;

package/dist/components/command-line.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CopyButton } from "./copy-button.js";
+import { ShellCommand } from "./shell-command.js";
+export function CommandLine({ command, copy, copyLabel = (text) => `Copy command: ${text}`, }) {
+    return (_jsxs("div", { className: "flex items-center gap-3 border border-line bg-paper-inset px-4 py-2", children: [_jsxs("code", { className: "flex min-w-0 flex-1 items-baseline gap-2 font-mono text-[0.68rem] leading-[1.65] [overflow-wrap:anywhere] whitespace-break-spaces", children: [_jsx("span", { "aria-hidden": "true", className: "text-muted select-none", children: "$" }), _jsx("span", { className: "min-w-0", children: _jsx(ShellCommand, { command: command }) })] }), _jsx(CopyButton, { ...copy, text: command, label: copyLabel(command) })] }));
+}
+//# sourceMappingURL=command-line.js.map

package/dist/components/command-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-line.js","sourceRoot":"","sources":["../../src/components/command-line.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAiB,MAAM,kBAAmB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAqB,CAAA;AAElD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,IAAI,EAAE,GAK9C;IACC,OAAO,CACL,eAAK,SAAS,EAAC,qEAAqE,aAClF,gBAAM,SAAS,EAAC,mIAAmI,aACjJ,8BAAkB,MAAM,EAAC,SAAS,EAAC,wBAAwB,kBAEpD,EACP,eAAM,SAAS,EAAC,SAAS,YACvB,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,GAC7B,IACF,EACP,KAAC,UAAU,OAAK,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,IAC9D,CACP,CAAA;AACH,CAAC"}

package/dist/components/copy-button.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+export type CopyText = {
+    readonly failureHint?: string;
+    readonly caption?: string;
+    readonly copiedCaption?: string;
+};
+type CopyButtonProps = CopyText & {
+    readonly text: string;
+    readonly label: string;
+    readonly onCopy?: () => void;
+};
+export declare function CopyButton({ text, label, failureHint, caption, copiedCaption, onCopy, }: CopyButtonProps): ReactElement;
+export {};

package/dist/components/copy-button.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "./ui/button.js";
+const DIM_MS = 450;
+const ANNOUNCE_MS = 1600;
+export function CopyButton({ text, label, failureHint = "Select the text and copy it by hand.", caption = "Copy", copiedCaption = "Copied", onCopy, }) {
+    const [state, setState] = useState("idle");
+    const [dimmed, setDimmed] = useState(false);
+    const resetRef = useRef(undefined);
+    const dimRef = useRef(undefined);
+    useEffect(() => {
+        return () => {
+            window.clearTimeout(resetRef.current);
+            window.clearTimeout(dimRef.current);
+        };
+    }, []);
+    async function copy() {
+        window.clearTimeout(resetRef.current);
+        window.clearTimeout(dimRef.current);
+        try {
+            await navigator.clipboard.writeText(text);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            console.error("Copy failed:", message);
+            setDimmed(false);
+            setState("failed");
+            return;
+        }
+        setState("copied");
+        setDimmed(true);
+        dimRef.current = window.setTimeout(() => {
+            setDimmed(false);
+        }, DIM_MS);
+        resetRef.current = window.setTimeout(() => {
+            setState("idle");
+        }, ANNOUNCE_MS);
+        try {
+            onCopy?.();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            console.error("Copy callback failed:", message);
+        }
+    }
+    const status = state === "failed" ? `${label} failed. ${failureHint}` : "";
+    return (_jsxs("span", { className: "js-only inline-flex flex-col items-end gap-1", children: [_jsx(Button, { type: "button", onClick: () => {
+                    void copy();
+                }, "aria-label": label, "data-copied": dimmed ? "" : undefined, className: "border-foreground/45 bg-paper font-sc text-[0.65rem] hover:border-ink hover:bg-paper hover:text-ink", children: _jsx("span", { "aria-hidden": "true", children: dimmed ? copiedCaption : caption }) }), _jsx("span", { role: "status", className: state === "failed"
+                    ? "max-w-64 text-right font-display text-xs leading-relaxed text-foreground/70"
+                    : "sr-only", children: status })] }));
+}
+//# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button.js.map

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

package/dist/components/page-section.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement, ReactNode } from "react";
+export declare function PageSection({ id, className, children, }: {
+    readonly id: string;
+    readonly className?: string;
+    readonly children: ReactNode;
+}): ReactElement;

package/dist/components/page-section.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function PageSection({ id, className, children, }) {
+    return (_jsx("section", { id: id, className: cn("mt-14 flex flex-col gap-3 border-t border-line pt-6", className), children: children }));
+}
+//# sourceMappingURL=page-section.js.map

package/dist/components/page-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-section.js","sourceRoot":"","sources":["../../src/components/page-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC,MAAM,UAAU,WAAW,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,QAAQ,GAKT;IACC,OAAO,CACL,kBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,SAAS,CACV,YAEA,QAAQ,GACD,CACX,CAAA;AACH,CAAC"}

package/dist/components/page-shell.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement, ReactNode } from "react";
+export declare function PageShell({ children, }: {
+    readonly children: ReactNode;
+}): ReactElement;

package/dist/components/page-shell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PageShell({ children, }) {
+    return (_jsx("div", { className: "flex min-h-svh justify-center px-6 py-8 md:px-8 md:py-10", children: _jsx("div", { className: "flex w-full max-w-[65ch] min-w-0 flex-col", children: children }) }));
+}
+//# sourceMappingURL=page-shell.js.map

package/dist/components/page-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.js","sourceRoot":"","sources":["../../src/components/page-shell.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,GAGT;IACC,OAAO,CACL,cAAK,SAAS,EAAC,0DAA0D,YACvE,cAAK,SAAS,EAAC,2CAA2C,YACvD,QAAQ,GACL,GACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/page-title.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+export declare function PageTitle({ title, lastChangedAt, changedLabel, formatDate, }: {
+    readonly title: string;
+    readonly lastChangedAt?: string;
+    readonly changedLabel?: string;
+    readonly formatDate?: (isoDate: string) => string;
+}): ReactElement;

package/dist/components/page-title.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatLongDate } from "../lib/iso-date.js";
+export function PageTitle({ title, lastChangedAt, changedLabel = "Last changed", formatDate = formatLongDate, }) {
+    return (_jsxs("div", { children: [_jsx("h1", { className: "font-display text-[1.4rem] leading-none", children: title }), lastChangedAt === undefined ? null : (_jsx("time", { dateTime: lastChangedAt, className: "mt-3 block font-mono text-[0.75rem] text-muted", children: `${changedLabel} ${formatDate(lastChangedAt.slice(0, 10))}` }))] }));
+}
+//# sourceMappingURL=page-title.js.map

package/dist/components/page-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-title.js","sourceRoot":"","sources":["../../src/components/page-title.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,YAAY,GAAG,cAAc,EAC7B,UAAU,GAAG,cAAc,GAM5B;IACC,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,yCAAyC,YAAE,KAAK,GAAM,EACnE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,eACE,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAC,gDAAgD,YAEzD,GAAG,YAAY,IAAI,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GACvD,CACR,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/plate-header.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { PlateAsset } from "../lib/plate-asset.ts";
+export declare function PlateHeader({ asset, plateClassName, }: {
+    readonly asset: PlateAsset;
+    readonly plateClassName: string;
+}): ReactElement;

package/dist/components/plate-header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Plate } from "./plate.js";
+export function PlateHeader({ asset, plateClassName, }) {
+    return (_jsx("header", { className: "mt-6 border-b border-line", children: _jsx(Plate, { asset: asset, className: plateClassName }) }));
+}
+//# sourceMappingURL=plate-header.js.map

package/dist/components/plate-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plate-header.js","sourceRoot":"","sources":["../../src/components/plate-header.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAA;AAEnC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,cAAc,GAIf;IACC,OAAO,CACL,iBAAQ,SAAS,EAAC,2BAA2B,YAC3C,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,GAAI,GAC3C,CACV,CAAA;AACH,CAAC"}

package/dist/components/plate.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { PlateAsset } from "../lib/plate-asset.ts";
+export declare function Plate({ asset, className, }: {
+    readonly asset: PlateAsset;
+    readonly className?: string;
+}): ReactElement;

package/dist/components/plate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+export function Plate({ asset, className, }) {
+    return (_jsxs("span", { "aria-hidden": "true", className: cn("inline-block", className), children: [_jsx("img", { src: asset.gifSrc, alt: "", width: asset.width, height: asset.height, className: "plate h-auto w-full motion-reduce:hidden" }), _jsx("img", { src: asset.staticSrc, alt: "", width: asset.width, height: asset.height, className: "plate hidden h-auto w-full motion-reduce:block" })] }));
+}
+//# sourceMappingURL=plate.js.map

package/dist/components/plate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plate.js","sourceRoot":"","sources":["../../src/components/plate.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAEpC,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,SAAS,GAIV;IACC,OAAO,CACL,+BAAkB,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC/D,cACE,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAC,0CAA0C,GACpD,EACF,cACE,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAC,gDAAgD,GAC1D,IACG,CACR,CAAA;AACH,CAAC"}

package/dist/components/section-heading.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement, ReactNode } from "react";
+export declare function SectionHeading({ number, children, }: {
+    readonly number: string;
+    readonly children: ReactNode;
+}): ReactElement;

package/dist/components/section-heading.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SectionHeading({ number, children, }) {
+    return (_jsxs("h2", { className: "flex items-baseline gap-3 font-sc text-[1.05rem]", children: [_jsx("span", { "aria-hidden": "true", className: "font-mono text-[0.7rem] text-muted", children: number }), children] }));
+}
+//# sourceMappingURL=section-heading.js.map

package/dist/components/section-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.js","sourceRoot":"","sources":["../../src/components/section-heading.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,GAIT;IACC,OAAO,CACL,cAAI,SAAS,EAAC,kDAAkD,aAC9D,8BAAkB,MAAM,EAAC,SAAS,EAAC,oCAAoC,YACpE,MAAM,GACF,EACN,QAAQ,IACN,CACN,CAAA;AACH,CAAC"}

package/dist/components/shell-command.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+export declare function ShellCommand({ command, }: {
+    readonly command: string;
+}): ReactElement;

package/dist/components/shell-command.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { shellTokens } from "../lib/shell-tokens.js";
+const tokenClass = {
+    cmd: "tok-cmd",
+    flag: "tok-flag",
+    str: "tok-str",
+    text: undefined,
+    space: undefined,
+};
+export function ShellCommand({ command, }) {
+    return (_jsx(_Fragment, { children: shellTokens(command).map((token, index) => (_jsx("span", { className: tokenClass[token.kind], children: token.text }, index))) }));
+}
+//# sourceMappingURL=shell-command.js.map

package/dist/components/shell-command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-command.js","sourceRoot":"","sources":["../../src/components/shell-command.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,UAAU;IAChB,GAAG,EAAE,SAAS;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;CACR,CAAA;AAEV,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,GAGR;IACC,OAAO,CACL,4BACG,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,eAAkB,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,YAChD,KAAK,CAAC,IAAI,IADF,KAAK,CAET,CACR,CAAC,GACD,CACJ,CAAA;AACH,CAAC"}

package/dist/components/skip-link.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from "react";
+export declare function SkipLink({ label, }: {
+    readonly label?: string;
+}): ReactElement;

package/dist/components/skip-link.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function SkipLink({ label = "Skip to content", }) {
+    return (_jsx("a", { href: "#main", className: "sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-50 focus:bg-foreground focus:px-3 focus:py-2 focus:text-background", children: label }));
+}
+//# sourceMappingURL=skip-link.js.map

package/dist/components/skip-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../src/components/skip-link.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,GAAG,iBAAiB,GAG1B;IACC,OAAO,CACL,YACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,2IAA2I,YAEpJ,KAAK,GACJ,CACL,CAAA;AACH,CAAC"}

package/dist/components/status-page.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PlateAsset } from "../lib/plate-asset.ts";
+export declare function StatusPage({ asset, plateClassName, heading, children, actions, }: {
+    readonly asset: PlateAsset;
+    readonly plateClassName: string;
+    readonly heading: ReactNode;
+    readonly children: ReactNode;
+    readonly actions: ReactNode;
+}): ReactElement;

package/dist/components/status-page.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plate } from "./plate.js";
+export function StatusPage({ asset, plateClassName, heading, children, actions, }) {
+    return (_jsx("div", { className: "flex min-h-svh items-center justify-center px-6", children: _jsxs("main", { id: "main", className: "flex max-w-[38rem] flex-col gap-6", children: [_jsx(Plate, { asset: asset, className: plateClassName }), _jsx("h1", { className: "font-display text-[1.4rem]", children: heading }), _jsx("p", { className: "font-display text-[0.92rem] leading-[1.7]", children: children }), actions] }) }));
+}
+//# sourceMappingURL=status-page.js.map

package/dist/components/status-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-page.js","sourceRoot":"","sources":["../../src/components/status-page.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAA;AAEnC,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,cAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,GAOR;IACC,OAAO,CACL,cAAK,SAAS,EAAC,iDAAiD,YAC9D,gBAAM,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,aAC3D,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,GAAI,EAClD,aAAI,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAM,EACzD,YAAG,SAAS,EAAC,2CAA2C,YAAE,QAAQ,GAAK,EACtE,OAAO,IACH,GACH,CACP,CAAA;AACH,CAAC"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { type VariantProps } from "class-variance-authority";
+import type { ReactElement } from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "outline" | null | undefined;
+    size?: "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): ReactElement;
+export { Button };

package/dist/components/ui/button.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+const buttonVariants = cva("inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding text-sm leading-none font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-foreground aria-invalid:ring-3 aria-invalid:ring-foreground/20", {
+    variants: {
+        variant: {
+            outline: "border-border bg-background hover:bg-foreground/5 hover:text-foreground aria-expanded:bg-foreground/5 aria-expanded:text-foreground",
+        },
+        size: {
+            xs: "h-6 gap-1 px-2.5 text-xs",
+        },
+    },
+    defaultVariants: {
+        variant: "outline",
+        size: "xs",
+    },
+});
+function Button({ className, variant = "outline", size = "xs", ...props }) {
+    return (_jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button };
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CACxB,qYAAqY,EACrY;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,qIAAqI;SACxI;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,0BAA0B;SAC/B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,eAAe,iBACJ,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+export { cn } from "./lib/utils.ts";
+export { shellTokens, type ShellToken } from "./lib/shell-tokens.ts";
+export { formatLongDate } from "./lib/iso-date.ts";
+export type { PlateAsset } from "./lib/plate-asset.ts";
+export type { CommandStep } from "./lib/command-step.ts";
+export { ChevronIcon } from "./components/chevron-icon.tsx";
+export { PageSection } from "./components/page-section.tsx";
+export { PageShell } from "./components/page-shell.tsx";
+export { PageTitle } from "./components/page-title.tsx";
+export { SectionHeading } from "./components/section-heading.tsx";
+export { ShellCommand } from "./components/shell-command.tsx";
+export { CommandLine } from "./components/command-line.tsx";
+export { CommandBlock } from "./components/command-block.tsx";
+export { SkipLink } from "./components/skip-link.tsx";
+export { Plate } from "./components/plate.tsx";
+export { PlateHeader } from "./components/plate-header.tsx";
+export { StatusPage } from "./components/status-page.tsx";
+export { Button } from "./components/ui/button.tsx";
+export { CopyButton, type CopyText } from "./components/copy-button.tsx";

package/dist/index.js

@@ -0,0 +1,18 @@
+export { cn } from "./lib/utils.js";
+export { shellTokens } from "./lib/shell-tokens.js";
+export { formatLongDate } from "./lib/iso-date.js";
+export { ChevronIcon } from "./components/chevron-icon.js";
+export { PageSection } from "./components/page-section.js";
+export { PageShell } from "./components/page-shell.js";
+export { PageTitle } from "./components/page-title.js";
+export { SectionHeading } from "./components/section-heading.js";
+export { ShellCommand } from "./components/shell-command.js";
+export { CommandLine } from "./components/command-line.js";
+export { CommandBlock } from "./components/command-block.js";
+export { SkipLink } from "./components/skip-link.js";
+export { Plate } from "./components/plate.js";
+export { PlateHeader } from "./components/plate-header.js";
+export { StatusPage } from "./components/status-page.js";
+export { Button } from "./components/ui/button.js";
+export { CopyButton } from "./components/copy-button.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,WAAW,EAAmB,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA6B,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA6B,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAkC,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAAgC,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAAgC,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA4B,CAAA;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAwB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA4B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAiB,MAAM,6BAA8B,CAAA"}

package/dist/lib/command-step.d.ts

@@ -0,0 +1,4 @@
+export type CommandStep = {
+    readonly command: string;
+    readonly comment: string;
+};

package/dist/lib/command-step.js

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

package/dist/lib/command-step.js.map

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

package/dist/lib/iso-date.d.ts

@@ -0,0 +1,2 @@
+export declare function parseIsoDate(isoDate: string): Date;
+export declare function formatLongDate(isoDate: string): string;

package/dist/lib/iso-date.js

@@ -0,0 +1,20 @@
+export function parseIsoDate(isoDate) {
+    if (!/^\d{4}-\d{2}-\d{2}$/.test(isoDate)) {
+        throw new Error(`Invalid ISO date: ${isoDate}`);
+    }
+    const date = new Date(`${isoDate}T00:00:00Z`);
+    if (Number.isNaN(date.getTime()) ||
+        date.toISOString().slice(0, 10) !== isoDate) {
+        throw new Error(`Invalid ISO date: ${isoDate}`);
+    }
+    return date;
+}
+export function formatLongDate(isoDate) {
+    return new Intl.DateTimeFormat("en-GB", {
+        day: "numeric",
+        month: "long",
+        year: "numeric",
+        timeZone: "UTC",
+    }).format(parseIsoDate(isoDate));
+}
+//# sourceMappingURL=iso-date.js.map

package/dist/lib/iso-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iso-date.js","sourceRoot":"","sources":["../../src/lib/iso-date.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,OAAe;IAC1C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACzC,MAAM,IAAI,KAAK,CAAC,qBAAqB,OAAO,EAAE,CAAC,CAAA;IACjD,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,OAAO,YAAY,CAAC,CAAA;IAC7C,IACE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,OAAO,EAC3C,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,qBAAqB,OAAO,EAAE,CAAC,CAAA;IACjD,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAe;IAC5C,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;QACtC,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;AAClC,CAAC"}

package/dist/lib/plate-asset.d.ts

@@ -0,0 +1,6 @@
+export type PlateAsset = {
+    readonly gifSrc: string;
+    readonly staticSrc: string;
+    readonly width: number;
+    readonly height: number;
+};

package/dist/lib/plate-asset.js

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

package/dist/lib/plate-asset.js.map

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

package/dist/lib/shell-tokens.d.ts

@@ -0,0 +1,5 @@
+export type ShellToken = {
+    readonly kind: "cmd" | "flag" | "str" | "text" | "space";
+    readonly text: string;
+};
+export declare function shellTokens(command: string): ReadonlyArray<ShellToken>;

package/dist/lib/shell-tokens.js

@@ -0,0 +1,23 @@
+const pieces = /\s+|'[^']*'|"[^"]*"|[^\s'"]+/g;
+export function shellTokens(command) {
+    const texts = command.match(pieces) ?? [];
+    if (texts.join("") !== command) {
+        throw new Error(`Unbalanced quotes in command: ${command}`);
+    }
+    let atCommand = true;
+    return texts.map((text) => {
+        if (/^\s+$/.test(text)) {
+            return { kind: "space", text };
+        }
+        const kind = atCommand
+            ? "cmd"
+            : text.startsWith("'") || text.startsWith('"')
+                ? "str"
+                : /^--?[a-z]/i.test(text)
+                    ? "flag"
+                    : "text";
+        atCommand = ["|", "||", "&&", ";"].includes(text);
+        return { kind, text };
+    });
+}
+//# sourceMappingURL=shell-tokens.js.map

package/dist/lib/shell-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-tokens.js","sourceRoot":"","sources":["../../src/lib/shell-tokens.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,GAAG,+BAA+B,CAAA;AAE9C,MAAM,UAAU,WAAW,CAAC,OAAe;IACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IACzC,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,OAAO,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,iCAAiC,OAAO,EAAE,CAAC,CAAA;IAC7D,CAAC;IAED,IAAI,SAAS,GAAG,IAAI,CAAA;IACpB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAc,EAAE;QACpC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACvB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;QAChC,CAAC;QAED,MAAM,IAAI,GAAG,SAAS;YACpB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;gBAC5C,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;oBACvB,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,MAAM,CAAA;QACd,SAAS,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QACjD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/styles.css

@@ -0,0 +1,22 @@
+.tok-cmd {
+  color: var(--ink-deep);
+  font-weight: var(--font-weight-bold);
+}
+
+.tok-flag {
+  color: var(--ink-mid);
+}
+
+.tok-str {
+  color: var(--sprout);
+}
+
+.plate {
+  image-rendering: pixelated;
+}
+
+@media (scripting: none) {
+  .js-only {
+    display: none;
+  }
+}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@openbunny/react",
+  "version": "0.0.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Generic React components for OpenBunny sites.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openbunny/react.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "packageManager": "bun@1.4.2",
+  "engines": {
+    "bun": "1.4.2"
+  },
+  "browserslist": [
+    "chrome 111",
+    "edge 111",
+    "firefox 111",
+    "safari 16.4"
+  ],
+  "sideEffects": [
+    "./dist/styles.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "prepare": "bun run build",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp src/styles.css dist/styles.css",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint --max-warnings 0 .",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --project unit --coverage",
+    "test:parity": "vitest run --project parity"
+  },
+  "peerDependencies": {
+    "@base-ui/react": "^1.7.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0"
+  },
+  "dependencies": {
+    "@types/react": "19.3.0",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "tailwind-merge": "3.7.0",
+    "typescript": "6.0.3"
+  },
+  "devDependencies": {
+    "@base-ui/react": "1.7.0",
+    "@testing-library/jest-dom": "7.0.1",
+    "@testing-library/react": "16.3.3",
+    "@types/node": "26.4.0",
+    "@types/react-dom": "19.3.0",
+    "@vitest/coverage-v8": "5.0.2",
+    "@vitest/eslint-plugin": "1.6.27",
+    "eslint": "9.39.5",
+    "eslint-config-next": "16.3.6",
+    "eslint-plugin-check-file": "3.3.2",
+    "eslint-plugin-compat": "7.0.2",
+    "eslint-plugin-promise": "7.3.0",
+    "eslint-plugin-regexp": "3.3.1",
+    "eslint-plugin-security": "4.1.0",
+    "eslint-plugin-unicorn": "65.0.0",
+    "eslint-plugin-unused-imports": "4.4.1",
+    "globals": "17.12.0",
+    "jsdom": "30.1.1",
+    "next": "16.3.6",
+    "prettier": "3.9.9",
+    "prettier-plugin-tailwindcss": "0.8.1",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tailwindcss": "4.3.3",
+    "typescript-eslint": "8.70.1",
+    "vitest": "5.0.2"
+  }
+}