fromsrc 0.0.0 → 0.0.2

package/dist/components/install.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState, useId, useRef, useCallback } from 'react';
+import { CopyButton } from './copybutton';
+
+const managers = ["npm", "pnpm", "yarn", "bun"];
+const commands = {
+  npm: "npm i",
+  pnpm: "pnpm add",
+  yarn: "yarn add",
+  bun: "bun add"
+};
+function InstallBase({ package: pkg }) {
+  const [active, setActive] = useState("npm");
+  const command = `${commands[active]} ${pkg}`;
+  const id = useId();
+  const tablistRef = useRef(null);
+  const mapRef = useRef(/* @__PURE__ */ new Map());
+  for (const manager of managers) {
+    if (!mapRef.current.has(manager)) {
+      mapRef.current.set(manager, mapRef.current.size);
+    }
+  }
+  const getTabId = useCallback((value) => `${id}-tab-${mapRef.current.get(value) ?? 0}`, [id]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      const currentIndex = managers.indexOf(active);
+      let nextIndex = currentIndex;
+      switch (e.key) {
+        case "ArrowLeft":
+          nextIndex = currentIndex > 0 ? currentIndex - 1 : managers.length - 1;
+          break;
+        case "ArrowRight":
+          nextIndex = currentIndex < managers.length - 1 ? currentIndex + 1 : 0;
+          break;
+        case "Home":
+          nextIndex = 0;
+          break;
+        case "End":
+          nextIndex = managers.length - 1;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      const next = managers[nextIndex];
+      if (next) setActive(next);
+      const tabs = tablistRef.current?.querySelectorAll('[role="tab"]');
+      tabs?.[nextIndex]?.focus();
+    },
+    [active]
+  );
+  const handleTabClick = useCallback((manager) => {
+    setActive(manager);
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      role: "group",
+      "aria-label": `Install ${pkg} package`,
+      style: {
+        position: "relative",
+        margin: "24px 0",
+        borderRadius: "8px",
+        backgroundColor: "#0d0d0d",
+        border: "1px solid #1c1c1c",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "0 12px",
+              height: "40px",
+              borderBottom: "1px solid #1c1c1c"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: tablistRef,
+                  role: "tablist",
+                  "aria-label": "Package managers",
+                  onKeyDown: handleKeyDown,
+                  style: { display: "flex", alignItems: "center", gap: "4px" },
+                  children: managers.map((m, index) => /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      id: getTabId(m),
+                      type: "button",
+                      role: "tab",
+                      "aria-selected": active === m,
+                      "aria-controls": `${id}-panel`,
+                      tabIndex: active === m ? 0 : -1,
+                      onClick: () => handleTabClick(m),
+                      style: {
+                        padding: "4px 10px",
+                        fontSize: "13px",
+                        color: active === m ? "#fafafa" : "#737373",
+                        background: "transparent",
+                        border: "none",
+                        cursor: "pointer",
+                        borderBottom: active === m ? "2px solid #fafafa" : "2px solid transparent",
+                        marginBottom: "-1px",
+                        transition: "color 0.15s"
+                      },
+                      children: m
+                    },
+                    m
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsx(CopyButton, { text: command })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: `${id}-panel`,
+            role: "tabpanel",
+            "aria-labelledby": getTabId(active),
+            tabIndex: 0,
+            style: {
+              padding: "14px 16px",
+              fontSize: "13px",
+              lineHeight: "1.6",
+              fontFamily: "var(--font-mono), ui-monospace, monospace"
+            },
+            children: /* @__PURE__ */ jsxs("code", { "aria-label": `Command: ${command}`, children: [
+              /* @__PURE__ */ jsx("span", { style: { color: "#7ee787" }, children: commands[active] }),
+              /* @__PURE__ */ jsxs("span", { style: { color: "#fafafa" }, children: [
+                " ",
+                pkg
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+const Install = memo(InstallBase);
+
+export { Install };

package/dist/components/kbd.d.ts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode, JSX } from 'react';
+
+/**
+ * props for a single keyboard key display
+ */
+interface KbdProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function KbdBase({ children, className }: KbdProps): JSX.Element;
+declare const Kbd: react.MemoExoticComponent<typeof KbdBase>;
+/**
+ * props for a keyboard shortcut with multiple keys
+ */
+interface ShortcutProps {
+    keys: string[];
+}
+declare function ShortcutBase({ keys }: ShortcutProps): JSX.Element;
+declare const Shortcut: react.MemoExoticComponent<typeof ShortcutBase>;
+
+export { Kbd, type KbdProps, Shortcut, type ShortcutProps };

package/dist/components/kbd.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+function KbdBase({ children, className = "" }) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: `inline-flex items-center justify-center min-w-[1.5rem] h-6 px-1.5 text-xs font-mono bg-surface border border-line rounded shadow-sm text-muted ${className}`,
+      children
+    }
+  );
+}
+const Kbd = memo(KbdBase);
+function ShortcutBase({ keys }) {
+  const label = keys.join(" + ");
+  return /* @__PURE__ */ jsx("kbd", { className: "inline-flex items-center gap-0.5", "aria-label": label, role: "group", children: keys.map((key, i) => /* @__PURE__ */ jsxs("span", { className: "contents", children: [
+    i > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted/50 mx-0.5", "aria-hidden": "true", children: "+" }),
+    /* @__PURE__ */ jsx(
+      "kbd",
+      {
+        className: "inline-flex items-center justify-center min-w-[1.5rem] h-6 px-1.5 text-xs font-mono bg-surface border border-line rounded shadow-sm text-muted",
+        "aria-hidden": "true",
+        children: key
+      }
+    )
+  ] }, `${i}-${key}`)) });
+}
+const Shortcut = memo(ShortcutBase);
+
+export { Kbd, Shortcut };

package/dist/components/langicon.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+declare function LangIcon({ lang, size }: {
+    lang: string;
+    size?: number;
+}): ReactNode;
+
+export { LangIcon };

package/dist/components/langicon.js

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+
+const icons = {
+  typescript: "M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z",
+  javascript: "M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z",
+  python: "M12 0C5.5 0 5.9 2.6 5.9 2.6l.1 2.7h6.2v.8H3.9S0 5.7 0 12c0 6.3 3.4 6.1 3.4 6.1h2V15s-.1-3.4 3.4-3.4h5.8s3.2.1 3.2-3.1V3.1S18.3 0 12 0zM8.8 1.8c.6 0 1 .5 1 1s-.5 1-1 1-1-.5-1-1 .5-1 1-1z",
+  rust: "M23.8 12l-1.2-.7.3-.4c.1-.2.1-.5-.1-.7l-.6-.6.2-.5c.1-.3 0-.5-.2-.7l-.7-.5.1-.5c0-.3-.1-.5-.3-.6l-.8-.4v-.5c0-.3-.2-.5-.4-.6l-.9-.2-.1-.5c-.1-.3-.3-.5-.6-.5l-.9-.1-.2-.5c-.1-.2-.4-.4-.6-.4h-1l-.3-.4c-.2-.2-.5-.3-.7-.2l-1 .1-.4-.3c-.2-.2-.5-.2-.7-.1l-1 .3-.4-.2c-.3-.1-.5 0-.7.1l-.9.5-.5-.1c-.3-.1-.5 0-.7.2l-.8.6-.5-.1c-.3 0-.5.1-.7.3l-.6.7-.5.1c-.3.1-.5.3-.5.5l-.4.9-.4.2c-.3.1-.4.3-.4.6l-.2 1-.4.3c-.2.2-.3.4-.2.7l.1 1-.3.4c-.2.2-.2.5-.1.7l.3 1-.2.5c-.1.2 0 .5.1.7l.5.9-.1.5c0 .3.1.5.3.7l.6.8v.5c.1.3.3.5.5.5l.8.5.1.5c.1.3.3.5.6.5l.9.3.2.5c.2.2.4.4.7.3l1 .1.3.4c.2.2.5.3.7.2l1-.2.4.3c.2.2.5.2.7.1l1-.4.5.2c.3.1.5 0 .7-.2l.8-.6.5.1c.3 0 .5-.2.7-.4l.6-.8.5-.1c.3-.1.5-.3.5-.6l.3-.9.4-.2c.3-.1.4-.4.4-.7l.1-1 .4-.3c.2-.2.3-.5.1-.7l-.2-1 .3-.4c.1-.3.1-.5-.1-.7l-.4-.9.2-.5zM12 18c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z",
+  go: "M1.8 8.4c-.1 0-.1 0-.2-.1 0 0 0-.1.1-.2l.6-.5h2.1l.6.5c.1 0 .1.1 0 .2l-.1.1H1.8zm-.8 1.3c-.1 0-.2 0-.2-.1 0 0 0-.1.1-.2l.6-.5h3.4l.5.5c.1.1.1.1 0 .2 0 0-.1.1-.2.1H1zm2.5 1.3c-.1 0-.1 0-.2-.1 0-.1 0-.1.1-.2l.4-.5h2l.6.5c.1.1.1.1.1.2l-.2.1H3.5zm15.1-.9c-.6 1.4-2 2.4-3.6 2.4-1.3 0-2.5-.6-3.2-1.6-.7.9-1.8 1.5-3.1 1.5-2.2 0-4-1.8-4-4s1.8-4 4-4c1.3 0 2.4.6 3.1 1.5.8-1 2-1.6 3.3-1.6 2.2 0 4 1.8 4 4 0 .6-.2 1.2-.4 1.8h-.1z",
+  json: "M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.1 0-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3h2z",
+  css: "M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z",
+  html: "M1.5 0h21l-1.9 21.6L12 24l-8.6-2.4L1.5 0zM20 4H4l.7 7.3h11.4l-.4 4-3.7 1-3.7-1-.2-2.7H5l.5 5.4 6.5 1.8 6.5-1.8.8-9H7.6l-.3-3h13.4L20 4z",
+  yaml: "M2.6 6l3.8 5.6v6.4h2.7v-6.4L12.9 6h-3l-2 3.8L5.6 6H2.6zm9.9 12h9.5v-2.5h-6.8v-2.3h5.5V11h-5.5V8.5h6.8V6h-9.5v12z",
+  bash: "M4 20h4v-4H4v4zm6-16v4h4V4h-4zm0 12h4v-4h-4v4zm6-12v4h4V4h-4zm0 12h4v-4h-4v4zM4 4h4v4H4V4zm0 6h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z",
+  sql: "M12 3C7 3 3 4.8 3 7v10c0 2.2 4 4 9 4s9-1.8 9-4V7c0-2.2-4-4-9-4zm0 2c4.4 0 7 1.3 7 2s-2.6 2-7 2-7-1.3-7-2 2.6-2 7-2zM5 9.3c1.5.8 3.9 1.4 7 1.4s5.5-.6 7-1.4V12c0 .7-2.6 2-7 2s-7-1.3-7-2V9.3zm0 5c1.5.8 3.9 1.4 7 1.4s5.5-.6 7-1.4V17c0 .7-2.6 2-7 2s-7-1.3-7-2v-2.7z",
+  markdown: "M2 4v16h20V4H2zm3 12v-5.5L7.5 13 10 10.5V16h2v-8h-2l-2.5 3L5 8H3v8h2zm11-1.5L13 11h2V8h3v3h2l-3 3.5z",
+  kotlin: "M0 24L12 12L24 24H0zM0 0h24L12 12L0 24V0zm12 12L24 0H12L0 12h12z",
+  swift: "M24 18.5c0 .7-.2 1.5-.6 2.2-.5 1-1.4 2-2.6 2.8-.8.5-1.6.7-2.4.7-1.3 0-2.3-.5-3.2-1-.8-.5-1.6-.8-2.6-.8-.8 0-1.6.2-2.3.6-.7.3-1.4.7-2.2 1.2-.8.5-1.6.8-2.7.8-.9 0-1.7-.2-2.5-.7-1.1-.7-2-1.7-2.5-2.7-.4-.8-.6-1.5-.6-2.3 0-1.5.6-2.9 1.8-4.2 1.4-1.6 3.3-2.4 5.6-2.4.4 0 .8 0 1.2.1-.8-.8-1.4-1.7-1.8-2.6-.5-1-.7-2-.7-3 0-.3 0-.6.1-.9C6 8 5.3 9.7 5.3 11.5c0 .5 0 1 .1 1.5-.6-.3-1.1-.6-1.6-1.1C2.6 10.8 2 9.4 2 7.8c0-.3 0-.5.1-.7 1.7 2.3 4.2 4.2 7.2 5.6.2.1.5.2.7.3-.1-.4-.3-.9-.6-1.3-1.5-2.5-3.5-4.7-5.8-6.6l-.2-.2c-.1-.1-.1-.1 0-.2.1-.1.1-.1.2 0l.2.2c2.4 1.8 4.5 4 6.1 6.4.4.6.7 1.2.9 1.8 1.5.5 3 .8 4.5.8.9 0 1.8-.1 2.7-.3-.9.9-2 1.7-3.4 2.3-.2.1-.4.1-.6.2 1 .2 1.8.6 2.5 1.1.9.6 1.4 1.4 1.7 2.3.2-.5.3-1 .3-1.6 0-1-.3-1.9-.9-2.6-.6-.8-1.5-1.4-2.6-1.7l-.3-.1c.5-.2 1-.3 1.6-.5 1.7-.6 3.2-1.4 4.5-2.5.1 1.4.6 2.6 1.4 3.6.8 1 1.9 1.7 3.1 2 0 .1 0 .3 0 .4z"
+};
+const aliases = {
+  ts: "typescript",
+  js: "javascript",
+  jsx: "javascript",
+  tsx: "typescript",
+  py: "python",
+  rb: "ruby",
+  sh: "bash",
+  shell: "bash",
+  zsh: "bash",
+  yml: "yaml",
+  md: "markdown"
+};
+function LangIcon({ lang, size = 14 }) {
+  const normalized = aliases[lang.toLowerCase()] || lang.toLowerCase();
+  const path = icons[normalized];
+  if (!path) return null;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      style: { width: size, height: size, flexShrink: 0 },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: path })
+    }
+  );
+}
+
+export { LangIcon };

package/dist/components/language.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { JSX } from 'react';
+
+interface Locale {
+    code: string;
+    name: string;
+    flag?: string;
+}
+interface LanguageSwitchProps {
+    current: string;
+    locales: Locale[];
+    onChange?: (code: string) => void;
+}
+declare function LanguageSwitchBase({ current, locales, onChange }: LanguageSwitchProps): JSX.Element;
+declare const LanguageSwitch: react.MemoExoticComponent<typeof LanguageSwitchBase>;
+
+export { LanguageSwitch, type LanguageSwitchProps, type Locale };

package/dist/components/language.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState, useRef, useEffect, useCallback } from 'react';
+import { getNextIndex } from '../hooks/arrownav';
+import { IconLanguages, IconCheck } from './icons';
+
+function isnode(value) {
+  return value instanceof Node;
+}
+function LanguageSwitchBase({ current, locales, onChange }) {
+  const [open, setOpen] = useState(false);
+  const [index, setIndex] = useState(0);
+  const ref = useRef(null);
+  const listboxId = "language-listbox";
+  const active = locales[index];
+  const currentLocale = locales.find((l) => l.code === current);
+  useEffect(() => {
+    function handleClick(e) {
+      if (ref.current && isnode(e.target) && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("click", handleClick);
+    return () => document.removeEventListener("click", handleClick);
+  }, []);
+  const handleToggle = useCallback(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!open) {
+        if (e.key === "Enter" || e.key === " ") {
+          setOpen(true);
+          e.preventDefault();
+        }
+        return;
+      }
+      switch (e.key) {
+        case "Escape":
+          setOpen(false);
+          break;
+        case "ArrowDown":
+        case "ArrowUp":
+        case "Home":
+        case "End": {
+          const next = getNextIndex(e.key, {
+            count: locales.length,
+            current: index,
+            wrap: false
+          });
+          if (next !== index) setIndex(next);
+          e.preventDefault();
+          break;
+        }
+        case "Enter":
+          onChange?.(locales[index]?.code ?? current);
+          setOpen(false);
+          break;
+      }
+    },
+    [open, locales, index, onChange]
+  );
+  const handleSelect = useCallback(
+    (code) => {
+      onChange?.(code);
+      setOpen(false);
+    },
+    [onChange]
+  );
+  const handleMouseEnter = useCallback((i) => {
+    setIndex(i);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleToggle,
+        onKeyDown: handleKeyDown,
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        "aria-controls": open ? listboxId : void 0,
+        "aria-label": `Select language, current: ${currentLocale?.name ?? current}`,
+        className: "flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-muted hover:bg-surface hover:text-fg transition-colors",
+        children: [
+          /* @__PURE__ */ jsx(IconLanguages, { size: 16, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { children: currentLocale?.name ?? current })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: listboxId,
+        role: "listbox",
+        "aria-label": "Available languages",
+        "aria-activedescendant": active ? `language-option-${active.code}` : void 0,
+        className: "absolute right-0 top-full mt-1 min-w-[140px] rounded-md border border-line bg-bg p-1 shadow-lg",
+        children: locales.map((locale, i) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            id: `language-option-${locale.code}`,
+            type: "button",
+            role: "option",
+            "aria-selected": locale.code === current,
+            onClick: () => handleSelect(locale.code),
+            onMouseEnter: () => handleMouseEnter(i),
+            className: `flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm transition-colors ${i === index ? "bg-surface text-fg" : "text-muted hover:bg-surface hover:text-fg"}`,
+            children: [
+              locale.flag && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: locale.flag }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: locale.name }),
+              locale.code === current && /* @__PURE__ */ jsx(IconCheck, { size: 16, "aria-hidden": "true" })
+            ]
+          },
+          locale.code
+        ))
+      }
+    )
+  ] });
+}
+const LanguageSwitch = memo(LanguageSwitchBase);
+
+export { LanguageSwitch };

package/dist/components/lastupdated.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+
+type LastUpdatedProps = {
+    date: string | Date;
+    format?: "relative" | "absolute" | "both";
+    className?: string;
+    prefix?: string;
+};
+
+declare const LastUpdated: react.NamedExoticComponent<LastUpdatedProps>;
+
+export { LastUpdated, type LastUpdatedProps };

package/dist/components/lastupdated.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsxs } from 'react/jsx-runtime';
+import { memo, useMemo, useState, useEffect } from 'react';
+
+function relative(d) {
+  const s = Math.floor((Date.now() - d.getTime()) / 1e3);
+  if (s < 60) return "just now";
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m} minute${m === 1 ? "" : "s"} ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24) return `${h} hour${h === 1 ? "" : "s"} ago`;
+  const days = Math.floor(h / 24);
+  if (days < 30) return `${days} day${days === 1 ? "" : "s"} ago`;
+  const months = Math.floor(days / 30);
+  if (days < 365) return `${months} month${months === 1 ? "" : "s"} ago`;
+  const years = Math.floor(days / 365);
+  return `${years} year${years === 1 ? "" : "s"} ago`;
+}
+const LastUpdated = memo(function LastUpdated2({
+  date,
+  format = "relative",
+  className,
+  prefix = "Last updated"
+}) {
+  const parsed = useMemo(() => typeof date === "string" ? new Date(date) : date, [date]);
+  const iso = parsed.toISOString();
+  const abs = useMemo(() => parsed.toLocaleDateString(), [parsed]);
+  const [rel, setRel] = useState("");
+  useEffect(() => {
+    if (format === "absolute") return;
+    setRel(relative(parsed));
+    const timer = setInterval(() => setRel(relative(parsed)), 6e4);
+    return () => clearInterval(timer);
+  }, [format, parsed]);
+  const label = format === "absolute" ? abs : rel || abs;
+  const title = format === "both" ? abs : void 0;
+  return /* @__PURE__ */ jsxs("time", { dateTime: iso, className, title, suppressHydrationWarning: true, children: [
+    prefix,
+    " ",
+    label
+  ] });
+});
+
+export { LastUpdated };

package/dist/components/link.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ComponentPropsWithoutRef, ReactNode, JSX } from 'react';
+import { UrlObject } from 'url';
+
+type Href = string | UrlObject;
+interface LinkProps extends Omit<ComponentPropsWithoutRef<"a">, "href"> {
+    href: Href;
+    children: ReactNode;
+    external?: boolean;
+}
+declare function LinkComponent({ href, children, external, className, "aria-label": ariaLabel, ...rest }: LinkProps): JSX.Element;
+declare const Link: react.MemoExoticComponent<typeof LinkComponent>;
+
+export { Link, type LinkProps };

package/dist/components/link.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import NextLink from 'next/link';
+import { memo } from 'react';
+
+function LinkComponent({
+  href,
+  children,
+  external,
+  className,
+  "aria-label": ariaLabel,
+  ...rest
+}) {
+  const hrefString = typeof href === "string" ? href : href.href ?? "";
+  const isExternal = external ?? hrefString.startsWith("http");
+  const baseClass = "rounded-sm text-fg underline decoration-line underline-offset-4 hover:decoration-fg focus:outline-none focus-visible:ring-2 focus-visible:ring-accent transition-colors";
+  const classes = className ? `${baseClass} ${className}` : baseClass;
+  if (isExternal) {
+    const label = ariaLabel ?? `${typeof children === "string" ? children : ""} (opens in new tab)`;
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: hrefString,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: `inline-flex items-center gap-1 ${classes}`,
+        "aria-label": label.trim() || void 0,
+        ...rest,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 16 16",
+              fill: "currentColor",
+              className: "size-3 text-muted",
+              role: "img",
+              children: [
+                /* @__PURE__ */ jsx("path", { d: "M3.75 2h3.5a.75.75 0 010 1.5h-2.69l5.72 5.72a.75.75 0 11-1.06 1.06L3.5 4.56v2.69a.75.75 0 01-1.5 0v-3.5A.75.75 0 012.75 3h1z" }),
+                /* @__PURE__ */ jsx("path", { d: "M6.25 7.75a.75.75 0 000 1.5h5.69l-5.72 5.72a.75.75 0 101.06 1.06l5.72-5.72v5.69a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75h-7.5z" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(NextLink, { href, className: classes, "aria-label": ariaLabel, ...rest, children });
+}
+const Link = memo(LinkComponent);
+
+export { Link };

package/dist/components/linkcard.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * Props for the LinkCard component
+ */
+interface LinkCardProps {
+    /** URL to navigate to */
+    href: string;
+    /** Card title text */
+    title: string;
+    /** Optional description text */
+    description?: string;
+    /** Optional icon element */
+    icon?: ReactNode;
+}
+/**
+ * A card component that renders a styled link with optional icon and description
+ */
+declare const LinkCard: react.NamedExoticComponent<LinkCardProps>;
+/**
+ * Props for the LinkCards container component
+ */
+interface LinkCardsProps {
+    /** LinkCard children to render in grid */
+    children: ReactNode;
+}
+/**
+ * A container component that renders LinkCard children in a responsive grid
+ */
+declare const LinkCards: react.NamedExoticComponent<LinkCardsProps>;
+
+export { LinkCard, type LinkCardProps, LinkCards, type LinkCardsProps };

package/dist/components/linkcard.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { IconExternalLink } from './icons';
+
+const LinkCard = memo(function LinkCard2({
+  href,
+  title,
+  description,
+  icon
+}) {
+  const isExternal = href.startsWith("http");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      target: isExternal ? "_blank" : void 0,
+      rel: isExternal ? "noopener noreferrer" : void 0,
+      "aria-label": isExternal ? `${title} (opens in new tab)` : title,
+      className: "my-4 flex items-center gap-4 p-4 rounded-xl border border-line bg-surface/30 hover:bg-surface/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-fg/20 transition-colors group",
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "shrink-0 w-10 h-10 rounded-lg bg-bg border border-line flex items-center justify-center text-muted group-hover:text-fg transition-colors",
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-fg truncate", children: title }),
+          description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted truncate", children: description })
+        ] }),
+        isExternal && /* @__PURE__ */ jsx(
+          IconExternalLink,
+          {
+            size: 16,
+            className: "shrink-0 text-muted group-hover:text-fg transition-colors",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+});
+const LinkCards = memo(function LinkCards2({ children }) {
+  return /* @__PURE__ */ jsx("nav", { className: "my-6 grid gap-3 md:grid-cols-2", "aria-label": "Related links", children });
+});
+
+export { LinkCard, LinkCards };

package/dist/components/list.d.ts

@@ -0,0 +1,50 @@
+import * as react from 'react';
+import { ReactNode, JSX } from 'react';
+
+/**
+ * Props for list container components
+ */
+interface ListProps {
+    children: ReactNode;
+}
+/**
+ * Props for check list items
+ */
+interface CheckItemProps {
+    checked?: boolean;
+    children: ReactNode;
+}
+/**
+ * Props for bullet list items
+ */
+interface BulletItemProps {
+    children: ReactNode;
+}
+/**
+ * Props for numbered list containers
+ */
+interface NumberListProps {
+    start?: number;
+    children: ReactNode;
+}
+/**
+ * Props for numbered list items
+ */
+interface NumberItemProps {
+    number: number;
+    children: ReactNode;
+}
+declare function CheckListBase({ children }: ListProps): JSX.Element;
+declare const CheckList: react.MemoExoticComponent<typeof CheckListBase>;
+declare function CheckItemBase({ checked, children }: CheckItemProps): JSX.Element;
+declare const CheckItem: react.MemoExoticComponent<typeof CheckItemBase>;
+declare function BulletListBase({ children }: ListProps): JSX.Element;
+declare const BulletList: react.MemoExoticComponent<typeof BulletListBase>;
+declare function BulletItemBase({ children }: BulletItemProps): JSX.Element;
+declare const BulletItem: react.MemoExoticComponent<typeof BulletItemBase>;
+declare function NumberListBase({ start, children }: NumberListProps): JSX.Element;
+declare const NumberList: react.MemoExoticComponent<typeof NumberListBase>;
+declare function NumberItemBase({ number, children }: NumberItemProps): JSX.Element;
+declare const NumberItem: react.MemoExoticComponent<typeof NumberItemBase>;
+
+export { BulletItem, type BulletItemProps, BulletList, CheckItem, type CheckItemProps, CheckList, NumberItem, type NumberItemProps, NumberList, type NumberListProps };