@toyonix/web-kit 0.0.0-stage → 0.1.0

package/dist/env.js

@@ -0,0 +1,62 @@
+//#region src/env.ts
+/**
+* Where this app lives. `withWebKit()` (next.config) bakes both values in at build time as
+* NEXT_PUBLIC_BASE_PATH and NEXT_PUBLIC_APP_ID. The literal `process.env.X` expressions below
+* are what Next replaces, so don't refactor them into a dynamic lookup.
+*/
+/** The app id of the root site (`toyonix.github.io`). Every other app's id is its repo name. */
+const ROOT_APP_ID = "root";
+function readBasePath() {
+	try {
+		return process.env.NEXT_PUBLIC_BASE_PATH;
+	} catch {
+		return;
+	}
+}
+function readAppId() {
+	try {
+		return process.env.NEXT_PUBLIC_APP_ID;
+	} catch {
+		return;
+	}
+}
+/** Normalizes to "" (root) or "/slug" with no trailing slash. */
+function normalizeBasePath(value) {
+	const trimmed = (value ?? "").trim().replace(/^\/+|\/+$/g, "");
+	return trimmed ? `/${trimmed}` : "";
+}
+/** "" for the root site, otherwise "/<slug>". */
+function getBasePath() {
+	return normalizeBasePath(readBasePath());
+}
+/** "root" for the root site, otherwise the repo name. Used to namespace storage. */
+function getAppId() {
+	const id = readAppId()?.trim();
+	if (id) return id;
+	const basePath = getBasePath();
+	return basePath ? basePath.slice(1) : ROOT_APP_ID;
+}
+const ABSOLUTE_URL = /^([a-z][a-z\d+.-]*:|\/\/)/i;
+/**
+* Prefixes an in-app path with this app's basePath. Use it for raw `<a href>`, `fetch`, and
+* asset URLs; `next/link` and `next/image` already handle basePath.
+* Absolute URLs, hash links, and query-only links are returned unchanged.
+*/
+function withBasePath(path) {
+	if (ABSOLUTE_URL.test(path) || path.startsWith("#") || path.startsWith("?")) return path;
+	const normalized = path.startsWith("/") ? path : `/${path}`;
+	return `${getBasePath()}${normalized}`;
+}
+/**
+* URL of a page in another toyonix app (or this one). Cross-app links are full page loads,
+* so use a plain `<a>` (or `<AppLink>`), never `next/link`.
+*
+* appHref("gen") → "/gen/"; appHref("gen", "/layouts/") → "/gen/layouts/"; appHref("root") → "/"
+*/
+function appHref(app, path = "/") {
+	const normalized = path.startsWith("/") ? path : `/${path}`;
+	if (app === "root" || app === "") return normalized;
+	return `/${app}${normalized}`;
+}
+//#endregion
+export { ROOT_APP_ID, appHref, getAppId, getBasePath, normalizeBasePath, withBasePath };

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { ROOT_APP_ID, appHref, getAppId, getBasePath, normalizeBasePath, withBasePath } from "./env.js";
+import { RESERVED_SLUGS, isReservedSlug, isRootRepo, isValidSlug, repoToAppId } from "./slugs.js";
+import { ResolvedTheme, THEME_PREFERENCES, THEME_SCRIPT, ThemePreference, applyResolvedTheme, isThemePreference, resolveTheme } from "./theme.js";
+export { RESERVED_SLUGS, ROOT_APP_ID, type ResolvedTheme, THEME_PREFERENCES, THEME_SCRIPT, type ThemePreference, appHref, applyResolvedTheme, getAppId, getBasePath, isReservedSlug, isRootRepo, isThemePreference, isValidSlug, normalizeBasePath, repoToAppId, resolveTheme, withBasePath };

package/dist/index.js

@@ -0,0 +1,4 @@
+import { ROOT_APP_ID, appHref, getAppId, getBasePath, normalizeBasePath, withBasePath } from "./env.js";
+import { RESERVED_SLUGS, isReservedSlug, isRootRepo, isValidSlug, repoToAppId } from "./slugs.js";
+import { THEME_PREFERENCES, THEME_SCRIPT, applyResolvedTheme, isThemePreference, resolveTheme } from "./theme.js";
+export { RESERVED_SLUGS, ROOT_APP_ID, THEME_PREFERENCES, THEME_SCRIPT, appHref, applyResolvedTheme, getAppId, getBasePath, isReservedSlug, isRootRepo, isThemePreference, isValidSlug, normalizeBasePath, repoToAppId, resolveTheme, withBasePath };

package/dist/next/index.d.ts

@@ -0,0 +1,36 @@
+import { NextConfig } from "next";
+//#region src/next/index.d.ts
+export interface ResolvedSite {
+  /** "" for the root site, otherwise "/<repo>". */
+  basePath: string;
+  /** "root" for the root site, otherwise the repo name. */
+  appId: string;
+  /** Which input decided the basePath, for debugging. */
+  source: "PAGES_BASE_PATH" | "GITHUB_REPOSITORY" | "git remote" | "default";
+}
+export interface ResolveOptions {
+  /** Defaults to process.env. */
+  env?: Record<string, string | undefined>;
+  /** Returns the `origin` remote URL, or undefined. Injected for tests. */
+  gitRemote?: () => string | undefined;
+}
+/** "https://github.com/ToYoNiX/gen.git" or "git@github.com:ToYoNiX/gen.git" → "gen". */
+export declare function repoNameFromRemote(remote: string): string | undefined;
+/**
+ * Works out where this site is served from, with no per-repo config:
+ *   1. PAGES_BASE_PATH (set by the deploy workflow from actions/configure-pages)
+ *   2. GITHUB_REPOSITORY ("owner/repo", set in GitHub Actions)
+ *   3. the `origin` git remote (local dev)
+ *   4. "" (root)
+ */
+export declare function resolveSite(options?: ResolveOptions): ResolvedSite;
+/**
+ * Wraps a Next config for a toyonix site: static export for GitHub Pages, basePath resolved
+ * from the repo, and NEXT_PUBLIC_BASE_PATH / NEXT_PUBLIC_APP_ID baked in for the kit.
+ *
+ *   // next.config.ts
+ *   import { withWebKit } from "@toyonix/web-kit/next";
+ *   export default withWebKit({});
+ */
+export declare function withWebKit(config?: NextConfig, options?: ResolveOptions): NextConfig;
+//#endregion

package/dist/next/index.js

@@ -0,0 +1,103 @@
+import { ROOT_APP_ID, normalizeBasePath } from "../env.js";
+import { isRootRepo } from "../slugs.js";
+import { execFileSync } from "node:child_process";
+//#region src/next/index.ts
+/**
+* @toyonix/web-kit/next: Next.js config integration. Node-only; import it from next.config.ts.
+*/
+function defaultGitRemote() {
+	try {
+		return execFileSync("git", [
+			"remote",
+			"get-url",
+			"origin"
+		], {
+			encoding: "utf8",
+			stdio: [
+				"ignore",
+				"pipe",
+				"ignore"
+			]
+		}).trim();
+	} catch {
+		return;
+	}
+}
+/** "https://github.com/ToYoNiX/gen.git" or "git@github.com:ToYoNiX/gen.git" → "gen". */
+function repoNameFromRemote(remote) {
+	return remote.trim().match(/[/:]([^/:]+?)(?:\.git)?\/?$/)?.[1];
+}
+function fromRepoName(repo) {
+	return isRootRepo(repo) ? {
+		basePath: "",
+		appId: ROOT_APP_ID
+	} : {
+		basePath: `/${repo}`,
+		appId: repo
+	};
+}
+/**
+* Works out where this site is served from, with no per-repo config:
+*   1. PAGES_BASE_PATH (set by the deploy workflow from actions/configure-pages)
+*   2. GITHUB_REPOSITORY ("owner/repo", set in GitHub Actions)
+*   3. the `origin` git remote (local dev)
+*   4. "" (root)
+*/
+function resolveSite(options = {}) {
+	const env = options.env ?? process.env;
+	if (env.PAGES_BASE_PATH !== void 0) {
+		const basePath = normalizeBasePath(env.PAGES_BASE_PATH);
+		return {
+			basePath,
+			appId: basePath ? basePath.slice(1) : ROOT_APP_ID,
+			source: "PAGES_BASE_PATH"
+		};
+	}
+	const repo = env.GITHUB_REPOSITORY?.split("/")[1];
+	if (repo) return {
+		...fromRepoName(repo),
+		source: "GITHUB_REPOSITORY"
+	};
+	const remote = (options.gitRemote ?? defaultGitRemote)();
+	const remoteRepo = remote ? repoNameFromRemote(remote) : void 0;
+	if (remoteRepo) return {
+		...fromRepoName(remoteRepo),
+		source: "git remote"
+	};
+	return {
+		basePath: "",
+		appId: ROOT_APP_ID,
+		source: "default"
+	};
+}
+/**
+* Wraps a Next config for a toyonix site: static export for GitHub Pages, basePath resolved
+* from the repo, and NEXT_PUBLIC_BASE_PATH / NEXT_PUBLIC_APP_ID baked in for the kit.
+*
+*   // next.config.ts
+*   import { withWebKit } from "@toyonix/web-kit/next";
+*   export default withWebKit({});
+*/
+function withWebKit(config = {}, options = {}) {
+	if (config.output !== void 0 && config.output !== "export") throw new Error(`withWebKit: toyonix sites are statically exported; remove output: "${config.output}".`);
+	if (config.basePath !== void 0) throw new Error("withWebKit: basePath is derived from the repo name; remove it from next.config.");
+	if (config.trailingSlash === false) throw new Error("withWebKit: trailingSlash must stay true for GitHub Pages.");
+	const site = resolveSite(options);
+	return {
+		...config,
+		output: "export",
+		trailingSlash: true,
+		basePath: site.basePath,
+		images: {
+			...config.images,
+			unoptimized: true
+		},
+		env: {
+			...config.env,
+			NEXT_PUBLIC_BASE_PATH: site.basePath,
+			NEXT_PUBLIC_APP_ID: site.appId
+		}
+	};
+}
+//#endregion
+export { repoNameFromRemote, resolveSite, withWebKit };

package/dist/react/Alert.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, ReactNode } from "react";
+//#region src/react/Alert.d.ts
+export type AlertTone = "info" | "success" | "warning" | "danger";
+export declare function Alert({ tone, title, className, children, role, ...props }: ComponentProps<"div"> & {
+  tone?: AlertTone;
+  title?: ReactNode;
+}): import("react").JSX.Element;
+//#endregion

package/dist/react/Alert.js

@@ -0,0 +1,16 @@
+import { cx } from "./cx.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/Alert.tsx
+function Alert({ tone = "info", title, className, children, role, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: role ?? (tone === "danger" || tone === "warning" ? "alert" : "status"),
+		className: cx("tx-alert", tone !== "info" && `tx-alert--${tone}`, className),
+		...props,
+		children: [title ? /* @__PURE__ */ jsx("strong", {
+			className: "tx-alert__title",
+			children: title
+		}) : null, children]
+	});
+}
+//#endregion
+export { Alert };

package/dist/react/AppLink.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from "react";
+//#region src/react/AppLink.d.ts
+export interface AppLinkProps extends Omit<ComponentProps<"a">, "href"> {
+  /** Target app id: a repo name, or "root". */
+  app: string;
+  /** Path inside that app. Defaults to its home page. */
+  path?: string;
+}
+/** A link to another toyonix app. Always a full page load, never client-side navigation. */
+export declare function AppLink({ app, path, ...props }: AppLinkProps): import("react").JSX.Element;
+//#endregion

package/dist/react/AppLink.js

@@ -0,0 +1,12 @@
+import { appHref } from "../env.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/AppLink.tsx
+/** A link to another toyonix app. Always a full page load, never client-side navigation. */
+function AppLink({ app, path, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		href: appHref(app, path),
+		...props
+	});
+}
+//#endregion
+export { AppLink };

package/dist/react/AppShell.d.ts

@@ -0,0 +1,20 @@
+import { Registry } from "../registry/index.js";
+import { ReactNode } from "react";
+//#region src/react/AppShell.d.ts
+export interface AppShellProps {
+  children: ReactNode;
+  /** Build-time registry snapshot from `getRegistrySnapshot()`, so the nav is in the static HTML. */
+  registry?: Registry | null;
+  /** This app's nav title, used if the registry doesn't list it yet (e.g. a brand-new app). */
+  appTitle?: string;
+  /** App-local links, shown in a bar under the shared header. Set aria-current yourself. */
+  nav?: ReactNode;
+  /** Replaces the default footer content. */
+  footer?: ReactNode;
+}
+/**
+ * The shared toyonix chrome: header with the logo, cross-app nav, and theme toggle; optional
+ * app-local nav; main; footer. Every app renders its pages inside it.
+ */
+export declare function AppShell({ children, registry, appTitle, nav, footer }: AppShellProps): import("react").JSX.Element;
+//#endregion

package/dist/react/AppShell.js

@@ -0,0 +1,94 @@
+"use client";
+import { appHref, getAppId } from "../env.js";
+import { navApps } from "../registry/index.js";
+import { ThemeToggle } from "./ThemeToggle.js";
+import { useRegistry } from "./use-registry.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/AppShell.tsx
+/**
+* The shared toyonix chrome: header with the logo, cross-app nav, and theme toggle; optional
+* app-local nav; main; footer. Every app renders its pages inside it.
+*/
+function AppShell({ children, registry, appTitle, nav, footer }) {
+	const appId = getAppId();
+	const apps = navApps(useRegistry(registry));
+	if (appId !== "root" && !apps.some((app) => app.id === appId)) apps.push({
+		id: appId,
+		title: appTitle ?? appId,
+		description: "",
+		path: appHref(appId),
+		status: "live",
+		nav: true,
+		order: Number.MAX_SAFE_INTEGER
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("a", {
+			className: "tx-skip-link",
+			href: "#main",
+			children: "Skip to content"
+		}),
+		/* @__PURE__ */ jsx("header", {
+			className: "tx-header",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "tx-container tx-header__inner",
+				children: [
+					/* @__PURE__ */ jsxs("a", {
+						className: "tx-logo",
+						href: "/",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "tx-logo__mark",
+							"aria-hidden": "true",
+							children: "t"
+						}), /* @__PURE__ */ jsx("span", { children: "toyonix" })]
+					}),
+					/* @__PURE__ */ jsxs("nav", {
+						className: "tx-nav",
+						"aria-label": "toyonix apps",
+						children: [/* @__PURE__ */ jsx("a", {
+							href: "/",
+							"aria-current": appId === "root" ? "true" : void 0,
+							children: "Home"
+						}), apps.map((app) => /* @__PURE__ */ jsx("a", {
+							href: app.path,
+							"aria-current": app.id === appId ? "true" : void 0,
+							children: app.title
+						}, app.id))]
+					}),
+					/* @__PURE__ */ jsx(ThemeToggle, {})
+				]
+			})
+		}),
+		nav ? /* @__PURE__ */ jsx("nav", {
+			className: "tx-subnav",
+			"aria-label": "Section",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "tx-container tx-subnav__inner",
+				children: nav
+			})
+		}) : null,
+		/* @__PURE__ */ jsx("main", {
+			id: "main",
+			className: "tx-main",
+			children
+		}),
+		/* @__PURE__ */ jsx("footer", {
+			className: "tx-footer",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "tx-container tx-footer__inner",
+				children: footer ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+					suppressHydrationWarning: true,
+					children: [
+						"© ",
+						(/* @__PURE__ */ new Date()).getFullYear(),
+						" ToYoNiX"
+					]
+				}), /* @__PURE__ */ jsxs("span", { children: ["built with ", /* @__PURE__ */ jsx("a", {
+					href: "https://github.com/ToYoNiX/web-kit",
+					children: "@toyonix/web-kit"
+				})] })] })
+			})
+		})
+	] });
+}
+//#endregion
+export { AppShell };

package/dist/react/Badge.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+//#region src/react/Badge.d.ts
+export type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger";
+export declare function Badge({ tone, className, ...props }: ComponentProps<"span"> & {
+  tone?: BadgeTone;
+}): import("react").JSX.Element;
+export declare function Badges({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function Tag({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function Tags({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+//#endregion

package/dist/react/Badge.js

@@ -0,0 +1,29 @@
+import { cx } from "./cx.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/Badge.tsx
+function Badge({ tone = "neutral", className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cx("tx-badge", `tx-badge--${tone}`, className),
+		...props
+	});
+}
+function Badges({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("tx-badges", className),
+		...props
+	});
+}
+function Tag({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cx("tx-tag", className),
+		...props
+	});
+}
+function Tags({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("tx-tags", className),
+		...props
+	});
+}
+//#endregion
+export { Badge, Badges, Tag, Tags };

package/dist/react/Button.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from "react";
+//#region src/react/Button.d.ts
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+interface ButtonOwnProps {
+  variant?: ButtonVariant;
+  /** Render the single child (e.g. next/link's <Link>) with button styling instead of a <button>. */
+  asChild?: boolean;
+}
+export type ButtonProps = ButtonOwnProps & ComponentProps<"button">;
+export declare function Button({ variant, asChild, className, type, ...props }: ButtonProps): import("react").JSX.Element;
+export type LinkButtonProps = ButtonOwnProps & ComponentProps<"a">;
+/** A link styled as a button. For in-app links use <Button asChild><Link …/></Button>. */
+export declare function LinkButton({ variant, asChild, className, ...props }: LinkButtonProps): import("react").JSX.Element;
+export declare function ButtonRow({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+//#endregion
+export {};

package/dist/react/Button.js

@@ -0,0 +1,36 @@
+import { cx } from "./cx.js";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+//#region src/react/Button.tsx
+function Button({ variant = "primary", asChild = false, className, type, ...props }) {
+	const classes = cx("tx-btn", `tx-btn--${variant}`, className);
+	if (asChild) return /* @__PURE__ */ jsx(Slot.Root, {
+		className: classes,
+		...props
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: type ?? "button",
+		className: classes,
+		...props
+	});
+}
+/** A link styled as a button. For in-app links use <Button asChild><Link …/></Button>. */
+function LinkButton({ variant = "primary", asChild = false, className, ...props }) {
+	const classes = cx("tx-btn", `tx-btn--${variant}`, className);
+	if (asChild) return /* @__PURE__ */ jsx(Slot.Root, {
+		className: classes,
+		...props
+	});
+	return /* @__PURE__ */ jsx("a", {
+		className: classes,
+		...props
+	});
+}
+function ButtonRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("tx-btn-row", className),
+		...props
+	});
+}
+//#endregion
+export { Button, ButtonRow, LinkButton };

package/dist/react/Card.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from "react";
+//#region src/react/Card.d.ts
+export type CardProps = ComponentProps<"div"> & {
+  /** Render the single child (e.g. <Link>) as the card. */
+  asChild?: boolean;
+  /** Hover lift + link styling. On by default when `asChild` is used. */
+  interactive?: boolean;
+};
+export declare function Card({ asChild, interactive, className, ...props }: CardProps): import("react").JSX.Element;
+/** A card that is a plain link (e.g. to another app). Lifts on hover. */
+export declare function LinkCard({ className, ...props }: ComponentProps<"a">): import("react").JSX.Element;
+/** Grid of color-blocked, tilted cards (cycling card-1 → card-2 → card-3). */
+export declare function CardGrid({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function CardTop({ className, ...props }: ComponentProps<"div">): import("react").JSX.Element;
+export declare function CardMeta({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+export declare function CardTitle({ as: Tag, className, ...props }: ComponentProps<"h3"> & {
+  as?: "h2" | "h3" | "h4";
+}): import("react").JSX.Element;
+export declare function CardBody({ className, ...props }: ComponentProps<"p">): import("react").JSX.Element;
+export declare function CardCta({ className, ...props }: ComponentProps<"span">): import("react").JSX.Element;
+//#endregion

package/dist/react/Card.js

@@ -0,0 +1,61 @@
+import { cx } from "./cx.js";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+//#region src/react/Card.tsx
+function Card({ asChild = false, interactive, className, ...props }) {
+	const classes = cx("tx-card", (interactive ?? asChild) && "tx-card--link", className);
+	if (asChild) return /* @__PURE__ */ jsx(Slot.Root, {
+		className: classes,
+		...props
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: classes,
+		...props
+	});
+}
+/** A card that is a plain link (e.g. to another app). Lifts on hover. */
+function LinkCard({ className, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		className: cx("tx-card", "tx-card--link", className),
+		...props
+	});
+}
+/** Grid of color-blocked, tilted cards (cycling card-1 → card-2 → card-3). */
+function CardGrid({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("tx-card-grid", className),
+		...props
+	});
+}
+function CardTop({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("tx-card__top", className),
+		...props
+	});
+}
+function CardMeta({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cx("tx-card__meta", className),
+		...props
+	});
+}
+function CardTitle({ as: Tag = "h3", className, ...props }) {
+	return /* @__PURE__ */ jsx(Tag, {
+		className: cx("tx-card__title", className),
+		...props
+	});
+}
+function CardBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cx("tx-card__body", className),
+		...props
+	});
+}
+function CardCta({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cx("tx-card__cta", className),
+		...props
+	});
+}
+//#endregion
+export { Card, CardBody, CardCta, CardGrid, CardMeta, CardTitle, CardTop, LinkCard };

package/dist/react/CodeBlock.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from "react";
+//#region src/react/CodeBlock.d.ts
+/**
+ * A code block. Pass plain text, or pre-highlighted markup using the token classes
+ * tx-code__comment, tx-code__key, and tx-code__string.
+ */
+export declare function CodeBlock({ className, children, ...props }: ComponentProps<"pre">): import("react").JSX.Element;
+//#endregion

package/dist/react/CodeBlock.js

@@ -0,0 +1,16 @@
+import { cx } from "./cx.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/CodeBlock.tsx
+/**
+* A code block. Pass plain text, or pre-highlighted markup using the token classes
+* tx-code__comment, tx-code__key, and tx-code__string.
+*/
+function CodeBlock({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("pre", {
+		className: cx("tx-code", className),
+		...props,
+		children: /* @__PURE__ */ jsx("code", { children })
+	});
+}
+//#endregion
+export { CodeBlock };

package/dist/react/Dialog.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode } from "react";
+import { Dialog } from "radix-ui";
+//#region src/react/Dialog.d.ts
+declare const Dialog$1: import("react").FC<Dialog.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<Dialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface DialogContentProps extends Omit<ComponentProps<typeof Dialog.Content>, "title"> {
+  title: ReactNode;
+  description?: ReactNode;
+  /** Hide the × button (e.g. when the dialog has its own close action). */
+  hideClose?: boolean;
+}
+/** A modal dialog. The title is required for screen readers. */
+export declare function DialogContent({ title, description, hideClose, className, children, ...props }: DialogContentProps): import("react").JSX.Element;
+//#endregion
+export { Dialog$1 as Dialog };

package/dist/react/Dialog.js

@@ -0,0 +1,33 @@
+"use client";
+import { cx } from "./cx.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "radix-ui";
+//#region src/react/Dialog.tsx
+const Dialog$1 = Dialog.Root;
+const DialogTrigger = Dialog.Trigger;
+const DialogClose = Dialog.Close;
+/** A modal dialog. The title is required for screen readers. */
+function DialogContent({ title, description, hideClose, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: "tx-overlay" }), /* @__PURE__ */ jsxs(Dialog.Content, {
+		className: cx("tx-dialog", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Dialog.Title, {
+				className: "tx-dialog__title",
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx(Dialog.Description, {
+				className: "tx-dialog__description",
+				children: description
+			}) : null,
+			children,
+			hideClose ? null : /* @__PURE__ */ jsx(Dialog.Close, {
+				className: "tx-btn tx-btn--ghost tx-dialog__close",
+				"aria-label": "Close",
+				children: "✕"
+			})
+		]
+	})] });
+}
+//#endregion
+export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogTrigger };

package/dist/react/DropdownMenu.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from "react";
+import { DropdownMenu } from "radix-ui";
+//#region src/react/DropdownMenu.d.ts
+declare const DropdownMenu$1: import("react").FC<DropdownMenu.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuContent({ className, sideOffset, align, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react").JSX.Element;
+export declare function DropdownMenuItem({ className, ...props }: ComponentProps<typeof DropdownMenu.Item>): import("react").JSX.Element;
+export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenu.Label>): import("react").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu.Separator>): import("react").JSX.Element;
+//#endregion
+export { DropdownMenu$1 as DropdownMenu };