fromsrc 0.0.0 → 0.0.2

package/dist/components/feature.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Feature = memo(function Feature2({
+  icon,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("article", { className: "flex gap-3 sm:gap-4 my-4", role: "article", children: [
+    icon && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "shrink-0 size-9 sm:size-10 rounded-lg bg-surface border border-line flex items-center justify-center text-muted",
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-fg", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted mt-1", children })
+    ] })
+  ] });
+});
+const Features = memo(function Features2({
+  children,
+  columns = 2
+}) {
+  const gridClass = columns === 3 ? "sm:grid-cols-2 lg:grid-cols-3" : "sm:grid-cols-2";
+  return /* @__PURE__ */ jsx("section", { className: `grid gap-4 sm:gap-6 my-6 ${gridClass}`, "aria-label": "Features", children });
+});
+const FeatureCard = memo(function FeatureCard2({
+  icon,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: "p-4 sm:p-5 rounded-xl border border-line bg-surface/30 hover:bg-surface/50 transition-colors",
+      role: "article",
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "size-9 sm:size-10 rounded-lg bg-bg border border-line flex items-center justify-center text-muted mb-3",
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-fg mb-1", children: title }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted mt-1", children })
+      ]
+    }
+  );
+});
+
+export { Feature, FeatureCard, Features };

package/dist/components/featuregrid.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type FeatureGridItem = {
+    icon?: ReactNode;
+    title: string;
+    description: string;
+    href?: string;
+};
+type FeatureGridProps = {
+    items: FeatureGridItem[];
+    columns?: 2 | 3 | 4;
+    className?: string;
+};
+declare const FeatureGrid: react.NamedExoticComponent<FeatureGridProps>;
+
+export { FeatureGrid, type FeatureGridItem, type FeatureGridProps };

package/dist/components/featuregrid.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const columnsMap = {
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4"
+};
+function Card({ item }) {
+  const content = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-lg border border-line bg-surface p-4", children: [
+    item.icon && /* @__PURE__ */ jsx("div", { className: "text-fg", children: item.icon }),
+    /* @__PURE__ */ jsx("div", { className: "font-bold text-fg", children: item.title }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: item.description })
+  ] });
+  if (item.href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: item.href,
+        className: "group transition-transform hover:-translate-y-0.5 [&>div]:transition-colors [&>div]:hover:border-muted",
+        children: content
+      }
+    );
+  }
+  return content;
+}
+const FeatureGrid = memo(function FeatureGrid2({
+  items,
+  columns = 3,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-4 sm:grid-cols-2 ${columnsMap[columns]} ${className ?? ""}`, children: items.map((item) => /* @__PURE__ */ jsx(Card, { item }, item.title)) });
+});
+
+export { FeatureGrid };

package/dist/components/feedback.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { JSX } from 'react';
+
+/**
+ * Props for the Feedback component.
+ * @property onFeedback - Callback invoked when user submits feedback.
+ */
+interface FeedbackProps {
+    onFeedback?: (helpful: boolean) => void | Promise<void>;
+}
+declare function FeedbackBase({ onFeedback }: FeedbackProps): JSX.Element;
+declare const Feedback: react.MemoExoticComponent<typeof FeedbackBase>;
+
+export { Feedback, type FeedbackProps };

package/dist/components/feedback.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useState, useCallback } from 'react';
+import { IconThumbsUp, IconThumbsDown } from './icons';
+
+function FeedbackBase({ onFeedback }) {
+  const [submitted, setSubmitted] = useState(false);
+  const [selected, setSelected] = useState(null);
+  const handlePositive = useCallback(async () => {
+    if (submitted) return;
+    setSelected(true);
+    setSubmitted(true);
+    await onFeedback?.(true);
+  }, [submitted, onFeedback]);
+  const handleNegative = useCallback(async () => {
+    if (submitted) return;
+    setSelected(false);
+    setSubmitted(true);
+    await onFeedback?.(false);
+  }, [submitted, onFeedback]);
+  if (submitted) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        "aria-live": "polite",
+        className: "flex items-center gap-2 text-sm text-muted",
+        children: selected ? "thanks for your feedback" : "sorry to hear that"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": "feedback", className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("span", { id: "feedback-label", className: "text-sm text-muted", children: "was this helpful?" }),
+    /* @__PURE__ */ jsxs("div", { role: "group", "aria-labelledby": "feedback-label", className: "flex gap-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handlePositive,
+          className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
+          "aria-label": "yes, helpful",
+          "aria-pressed": selected === true,
+          children: /* @__PURE__ */ jsx(IconThumbsUp, { "aria-hidden": "true", size: 16 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleNegative,
+          className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
+          "aria-label": "no, not helpful",
+          "aria-pressed": selected === false,
+          children: /* @__PURE__ */ jsx(IconThumbsDown, { "aria-hidden": "true", size: 16 })
+        }
+      )
+    ] })
+  ] });
+}
+const Feedback = memo(FeedbackBase);
+
+export { Feedback };

package/dist/components/feedbackwidget.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { JSX } from 'react';
+
+interface FeedbackWidgetProps {
+    onSubmit?: (data: {
+        helpful: boolean;
+        message?: string;
+        path: string;
+    }) => void;
+}
+declare function FeedbackWidgetBase({ onSubmit }: FeedbackWidgetProps): JSX.Element;
+declare const FeedbackWidget: react.MemoExoticComponent<typeof FeedbackWidgetBase>;
+
+export { FeedbackWidget, type FeedbackWidgetProps };

package/dist/components/feedbackwidget.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import { IconThumbsUp, IconThumbsDown } from './icons';
+
+function FeedbackWidgetBase({ onSubmit }) {
+  const path = usePathname();
+  const [stage, setStage] = useState("ask");
+  const [helpful, setHelpful] = useState(false);
+  const [message, setMessage] = useState("");
+  const [visible, setVisible] = useState(true);
+  const inputRef = useRef(null);
+  const select = useCallback((value) => {
+    setHelpful(value);
+    setStage("input");
+  }, []);
+  useEffect(() => {
+    if (stage === "input") inputRef.current?.focus();
+  }, [stage]);
+  useEffect(() => {
+    if (stage !== "done") return;
+    const timer = setTimeout(() => setVisible(false), 2e3);
+    return () => clearTimeout(timer);
+  }, [stage]);
+  const submit = useCallback(() => {
+    onSubmit?.({ helpful, message: message.trim() || void 0, path });
+    setStage("done");
+  }, [helpful, message, path, onSubmit]);
+  const keydown = useCallback(
+    (e) => {
+      if (e.key === "Enter") submit();
+    },
+    [submit]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex flex-col items-center gap-3 py-8 transition-opacity duration-500 ${visible ? "opacity-100" : "opacity-0"}`,
+      children: [
+        stage === "ask" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", children: "was this helpful?" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => select(true),
+                className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
+                "aria-label": "yes, helpful",
+                children: /* @__PURE__ */ jsx(IconThumbsUp, { "aria-hidden": "true", size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => select(false),
+                className: "rounded-md p-1.5 text-muted hover:bg-surface hover:text-fg transition-colors",
+                "aria-label": "no, not helpful",
+                children: /* @__PURE__ */ jsx(IconThumbsDown, { "aria-hidden": "true", size: 16 })
+              }
+            )
+          ] })
+        ] }),
+        stage === "input" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value: message,
+              onChange: (e) => setMessage(e.target.value),
+              onKeyDown: keydown,
+              placeholder: "share feedback",
+              "aria-label": "feedback",
+              className: "h-8 w-56 rounded-md border border-line bg-surface px-3 text-sm text-fg placeholder:text-muted outline-none focus:border-accent transition-colors"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: submit,
+              className: "h-8 rounded-md border border-line bg-surface px-3 text-sm text-muted hover:text-fg transition-colors",
+              children: "send"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: submit,
+              className: "h-8 rounded-md px-2 text-sm text-muted hover:text-fg transition-colors",
+              children: "skip"
+            }
+          )
+        ] }),
+        stage === "done" && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted", role: "status", "aria-live": "polite", children: "thanks" })
+      ]
+    }
+  );
+}
+const FeedbackWidget = memo(FeedbackWidgetBase);
+
+export { FeedbackWidget };

package/dist/components/files.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface FilesProps {
+    children: ReactNode;
+    label?: string;
+}
+declare const Files: react.NamedExoticComponent<FilesProps>;
+interface FileProps {
+    name: string;
+    icon?: ReactNode;
+}
+declare const File: react.NamedExoticComponent<FileProps>;
+interface FolderProps {
+    name: string;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+}
+declare function Folder({ name, children, defaultOpen }: FolderProps): ReactNode;
+
+export { File, type FileProps, Files, type FilesProps, Folder, type FolderProps };

package/dist/components/files.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useState, useCallback } from 'react';
+
+const Files = memo(function Files2({ children, label = "File tree" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tree",
+      "aria-label": label,
+      className: "my-6 rounded-lg border border-line bg-fg/[0.02] p-2 font-mono text-sm",
+      children
+    }
+  );
+});
+const File = memo(function File2({ name, icon }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "treeitem",
+      "aria-selected": false,
+      tabIndex: 0,
+      className: "flex items-center gap-2 px-2 py-1 text-muted rounded focus:outline-none focus:ring-1 focus:ring-fg/20",
+      children: [
+        icon || /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "currentColor", className: "size-4 shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z" }) }),
+        /* @__PURE__ */ jsx("span", { children: name })
+      ]
+    }
+  );
+});
+function Folder({ name, children, defaultOpen = false }) {
+  const [open, setOpen] = useState(defaultOpen);
+  const toelement = useCallback((value) => {
+    return value instanceof HTMLElement ? value : null;
+  }, []);
+  const toggle = useCallback(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  const handleKeyDown = useCallback(
+    (event) => {
+      switch (event.key) {
+        case "ArrowRight":
+          if (!open) {
+            setOpen(true);
+            event.preventDefault();
+          }
+          break;
+        case "ArrowLeft":
+          if (open) {
+            setOpen(false);
+            event.preventDefault();
+          }
+          break;
+        case "ArrowDown":
+          {
+            const next = event.currentTarget.closest("[role=treeitem]")?.nextElementSibling;
+            const focusable = toelement(next?.querySelector("button, [tabindex='0']"));
+            focusable?.focus();
+            event.preventDefault();
+          }
+          break;
+        case "ArrowUp":
+          {
+            const prev = event.currentTarget.closest("[role=treeitem]")?.previousElementSibling;
+            const focusable = toelement(prev?.querySelector("button, [tabindex='0']"));
+            focusable?.focus();
+            event.preventDefault();
+          }
+          break;
+        case "Enter":
+        case " ":
+          toggle();
+          event.preventDefault();
+          break;
+        case "Home":
+          {
+            const tree = event.currentTarget.closest("[role=tree]");
+            const first = toelement(tree?.querySelector("button, [tabindex='0']"));
+            first?.focus();
+            event.preventDefault();
+          }
+          break;
+        case "End":
+          {
+            const tree = event.currentTarget.closest("[role=tree]");
+            const all = tree?.querySelectorAll("button, [tabindex='0']");
+            const last = all && all.length > 0 ? toelement(all[all.length - 1] ?? null) : null;
+            last?.focus();
+            event.preventDefault();
+          }
+          break;
+      }
+    },
+    [open, toggle, toelement]
+  );
+  return /* @__PURE__ */ jsxs("div", { role: "treeitem", "aria-expanded": open, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        onKeyDown: handleKeyDown,
+        className: "flex w-full items-center gap-2 px-2 py-1 text-left text-fg hover:bg-fg/5 rounded focus:outline-none focus:ring-1 focus:ring-fg/20",
+        children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 16 16",
+              fill: "currentColor",
+              className: `size-4 shrink-0 transition-transform ${open ? "rotate-90" : ""}`,
+              children: /* @__PURE__ */ jsx("path", { d: "M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 16 16",
+              fill: "currentColor",
+              className: "size-4 shrink-0 text-yellow-500",
+              children: /* @__PURE__ */ jsx("path", { d: "M.513 1.513A1.75 1.75 0 011.75 1h3.5c.55 0 1.07.26 1.4.7l.9 1.2a.25.25 0 00.2.1h6.5A1.75 1.75 0 0116 4.75v8.5A1.75 1.75 0 0114.25 15H1.75A1.75 1.75 0 010 13.25V2.75c0-.465.186-.91.513-1.237z" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: name })
+        ]
+      }
+    ),
+    open && children && /* @__PURE__ */ jsx("div", { role: "group", className: "ml-4 border-l border-line pl-2", children })
+  ] });
+}
+
+export { File, Files, Folder };

package/dist/components/folder.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SidebarFolder } from './sidebar.js';
+import '../content.js';
+import 'zod';
+import '../schema.js';
+
+interface Props {
+    folder: SidebarFolder;
+    basePath: string;
+    depth?: number;
+    defaultOpenLevel?: number;
+}
+declare function Folder({ folder, basePath, depth, defaultOpenLevel }: Props): ReactNode;
+
+export { Folder };

package/dist/components/folder.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { useState, useEffect, useCallback } from 'react';
+import { NavLink } from './navlink';
+
+function Folder({ folder, basePath, depth = 1, defaultOpenLevel = 0 }) {
+  const pathname = usePathname();
+  const isActive = folder.href && pathname === folder.href;
+  const hasActiveChild = folder.items.some((item) => {
+    if (item.type === "folder") {
+      return item.items.some((child) => child.type === "item" && pathname === child.href);
+    }
+    return item.type === "item" && pathname === item.href;
+  });
+  const shouldAutoOpen = folder.defaultOpen ?? depth <= defaultOpenLevel;
+  const [open, setOpen] = useState(shouldAutoOpen);
+  useEffect(() => {
+    if (hasActiveChild || isActive) setOpen(true);
+  }, [hasActiveChild, isActive]);
+  const toggle = useCallback(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  return /* @__PURE__ */ jsxs("li", { role: "treeitem", "aria-expanded": open, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+      folder.href ? /* @__PURE__ */ jsxs(
+        Link,
+        {
+          href: folder.href,
+          prefetch: true,
+          "aria-current": isActive ? "page" : void 0,
+          className: `flex-1 flex items-center gap-2 px-2 py-1.5 text-sm rounded-lg transition-colors [transition-duration:150ms] hover:[transition-duration:0ms] ${isActive ? "text-fg bg-surface/80 font-medium" : "text-muted hover:text-fg hover:bg-surface/50"}`,
+          children: [
+            folder.icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", "aria-hidden": "true", children: folder.icon }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left truncate", children: folder.title })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: toggle,
+          "aria-expanded": open,
+          "aria-controls": `folder-${folder.title}`,
+          className: "flex-1 flex items-center gap-2 px-2 py-1.5 text-sm text-muted hover:text-fg rounded-lg hover:bg-surface/50 transition-colors [transition-duration:150ms] hover:[transition-duration:0ms]",
+          children: [
+            folder.icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", "aria-hidden": "true", children: folder.icon }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left truncate", children: folder.title })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggle,
+          "aria-expanded": open,
+          "aria-label": open ? `collapse ${folder.title}` : `expand ${folder.title}`,
+          "aria-controls": `folder-${folder.title}`,
+          className: "p-1 text-muted hover:text-fg transition-colors rounded",
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: `w-3.5 h-3.5 transition-transform duration-150 ${open ? "" : "-rotate-90"}`,
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+            }
+          )
+        }
+      )
+    ] }),
+    open && /* @__PURE__ */ jsx(
+      "ul",
+      {
+        id: `folder-${folder.title}`,
+        role: "group",
+        className: "mt-0.5 ml-2 pl-2.5 border-l border-line/50 space-y-px",
+        children: folder.items.map((item) => {
+          if (item.type === "folder") {
+            return /* @__PURE__ */ jsx(
+              Folder,
+              {
+                folder: item,
+                basePath,
+                depth: depth + 1,
+                defaultOpenLevel
+              },
+              item.title
+            );
+          }
+          return /* @__PURE__ */ jsx("li", { role: "treeitem", children: /* @__PURE__ */ jsx(NavLink, { href: item.href, icon: item.icon, children: item.title }) }, item.href);
+        })
+      }
+    )
+  ] });
+}
+
+export { Folder };

package/dist/components/footer.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+interface FooterProps {
+    columns?: {
+        title: string;
+        links: {
+            label: string;
+            href: string;
+        }[];
+    }[];
+    copyright?: string;
+    className?: string;
+}
+declare const Footer: react.NamedExoticComponent<FooterProps>;
+
+export { Footer, type FooterProps };

package/dist/components/footer.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+const Footer = memo(function Footer2({ columns, copyright, className }) {
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: `border-t border-line bg-surface px-6 py-10 ${className ?? ""}`,
+      children: [
+        columns && columns.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 md:auto-cols-fr md:grid-flow-col", children: columns.map((col) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-fg", children: col.title }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-3 flex flex-col gap-2", children: col.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: link.href,
+              className: "text-sm text-muted transition-colors hover:text-fg",
+              children: link.label
+            }
+          ) }, link.href)) })
+        ] }, col.title)) }),
+        copyright && /* @__PURE__ */ jsx("p", { className: "mt-8 text-xs text-dim", children: copyright })
+      ]
+    }
+  );
+});
+
+export { Footer };

package/dist/components/formlabel.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { ReactNode, JSX } from 'react';
+
+/**
+ * Props for the FormLabel component.
+ * @property label - Text or element to display as the label
+ * @property tooltip - Help text shown on hover via info icon
+ * @property htmlFor - ID of the associated form element
+ * @property id - ID for the label element itself (for aria-labelledby)
+ */
+interface FormLabelProps {
+    label: ReactNode;
+    tooltip?: ReactNode;
+    htmlFor?: string;
+    id?: string;
+}
+/**
+ * Shared form label with optional tooltip info icon.
+ * Consolidates the label+tooltip pattern used across form components.
+ */
+declare function FormLabelInner({ label, tooltip, htmlFor, id }: FormLabelProps): JSX.Element;
+declare const FormLabel: react.MemoExoticComponent<typeof FormLabelInner>;
+
+export { FormLabel, type FormLabelProps };