@knkcs/anker 1.8.0 → 1.9.0

package/CLAUDE-ANKER.md

@@ -65,10 +65,36 @@ The full human-facing spec lives at the anker GitHub Pages docs site (linked fro
 
 ---
 
+## Page templates
+
+anker ships canonical page-level templates under `@knkcs/anker/templates`. **Use templates before composing primitives manually.** They guarantee visual parity across knkCMS solutions — module federation will assemble multiple solutions into one browser frame, and inconsistent page chrome will look broken.
+
+Available templates:
+
+| Template | Use for |
+|---|---|
+| `<AppShell>` | Authenticated chrome (sidebar · main · rail). Provides `usePageActions(node)` and `usePageRail(node)` hooks. |
+| `<IndexPageTemplate>` | List pages — header + optional tabs + toolbar + DataTable |
+| `<DetailPageTemplate>` | Single-entity pages — header + optional tabs + body |
+| `<SettingsPageTemplate>` | Tabbed settings pages with form Cards |
+| `<DashboardPageTemplate>` | Widget-grid overview pages |
+| `<AuthPageTemplate>` | Login, register, MFA, verify — centered card, no shell |
+| `<MarketingPageTemplate>` | Unauthenticated landing pages |
+| `<ErrorPage>` | 404 / 500 / 403 |
+| `<LoadingPage>` | Initial app boot |
+| `<MaintenancePage>` | Service-down screens |
+
+**Rule:** if a template doesn't fit your page, file an issue — don't reinvent the layout.
+
+Full spec with composition diagrams, slot tables, and authoring rules: `docs/page-patterns.md` in the anker repo (linked from the GitHub Pages docs site).
+
+---
+
 ## Pointers
 
-- Full spec: anker GitHub Pages docs site (`/design-system`)
+- Full spec: anker GitHub Pages docs site (`/design-system`, `/page-patterns`)
 - Components: `node_modules/@knkcs/anker/dist/{primitives,components,atoms,forms,feedback}`
+- Templates: `import { AppShell, IndexPageTemplate, … } from "@knkcs/anker/templates"`
 - Theme entry: `import system from "@knkcs/anker/theme"`
 - Provider entry: `import { Provider } from "@knkcs/anker/primitives"`
 - Anker development rules (for working *on* anker, not consuming it): `node_modules/@knkcs/anker/CLAUDE.md` is **not** included in the package; see the anker GitHub repo

package/README.md

@@ -10,29 +10,180 @@ The UI component library for the knk software group. Provides a shared design sy
 - Lucide React (icons)
 - Storybook (documentation)
 
-## Installation
+## Setup for consumers
+
+This is the canonical setup for any knkCMS solution adopting `@knkcs/anker`. Follow it in order — the rest of the README assumes you've done these steps.
+
+### 1. Install
 
 ```bash
 npm install @knkcs/anker
 ```
 
-## Usage
+Install the peer dependencies (your project may already have them):
+
+```bash
+npm install react react-dom @chakra-ui/react react-hook-form @hookform/resolvers zod react-router-dom react-i18next next-themes lucide-react
+```
+
+`next-themes` powers light/dark mode. `lucide-react` provides icons (anker uses lucide exclusively — never FontAwesome).
+
+### 2. Provider tree
+
+Mount providers at the root of the React tree:
+
+```tsx
+import { Provider } from "@knkcs/anker/primitives";
+import { ConfirmModalProvider } from "@knkcs/anker/feedback";
+import { I18nextProvider } from "react-i18next";
+import i18n from "./i18n";
+
+export function Root({ children }) {
+  return (
+    <Provider>
+      <I18nextProvider i18n={i18n}>
+        <ConfirmModalProvider>
+          {children}
+        </ConfirmModalProvider>
+      </I18nextProvider>
+    </Provider>
+  );
+}
+```
+
+- `<Provider>` from `@knkcs/anker/primitives` mounts Chakra UI v3 with anker's theme system and wires up `next-themes` for light/dark mode.
+- `<ConfirmModalProvider>` from `@knkcs/anker/feedback` enables `useConfirmModal()` for destructive-action confirmations.
+- `<I18nextProvider>` is the consumer's choice — anker doesn't ship i18n. All anker user-facing strings are props with English defaults; consumers translate them at call sites.
+
+### 3. Fonts
+
+anker's theme assumes **Inter Tight** (UI) and **JetBrains Mono** (code, IDs, API keys). Load both via Google Fonts in your HTML:
+
+```html
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link
+  href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap"
+  rel="stylesheet"
+>
+```
+
+The theme falls back to `system-ui` and `ui-monospace` if the fonts aren't loaded, but the visual character of anker depends on Inter Tight — install it.
+
+### 4. Theme
+
+anker exports a default theme system that needs no configuration:
+
+```tsx
+import system from "@knkcs/anker/theme";
+import { Provider } from "@knkcs/anker/primitives";
+
+<Provider system={system}>{children}</Provider>
+// or simply (uses the default automatically):
+<Provider>{children}</Provider>
+```
+
+To customize tokens (fonts, radii, brand colors), use `createAnkerTheme(preset)`:
+
+```tsx
+import { createAnkerTheme, type ThemePreset } from "@knkcs/anker/theme";
+import { Provider } from "@knkcs/anker/primitives";
+
+const editorial: ThemePreset = {
+  name: "editorial",
+  fonts: { heading: "Georgia, serif" },
+  radii: { sm: "0", md: "0", lg: "0", xl: "0", "2xl": "0" },
+};
+
+<Provider system={createAnkerTheme(editorial)}>{children}</Provider>
+```
+
+Presets override token layers (colors, semanticTokens, textStyles, fonts, radii, durations, easings) while preserving every component recipe and structural default. See `docs/design-system.md` for the full preset reference.
+
+### 5. CLAUDE-ANKER.md (Claude Code consumers)
+
+If your project uses Claude Code, `@`-import anker's design-system rules into your root `CLAUDE.md`:
+
+```
+@node_modules/@knkcs/anker/CLAUDE-ANKER.md
+```
+
+Claude will then follow anker's design principles, token rules, page templates, and component conventions when assisting with your code. The file is included in the npm tarball (no separate install).
+
+### 6. Disabling parts of the system
+
+You can opt out of anker subsystems if you don't need them:
+
+- **Opt out of the sidebar / app shell** — use `<AuthPageTemplate>`, `<MarketingPageTemplate>`, or `<ErrorPage>` from `@knkcs/anker/templates`. They render no sidebar at all.
+- **Opt out of the rail column** — pass `rail={null}` (or omit) to `<AppShell>`. The grid drops to two columns and the main column expands.
+- **Opt out of dark mode** — don't wire `next-themes`. anker's tokens are defined for both modes, but if you never toggle the mode, only light renders.
+- **Opt out of the confirm modal** — don't mount `<ConfirmModalProvider>`. This is only safe if your code never calls `useConfirmModal()` and you don't use any anker components that depend on it (currently none do — it's a consumer-only API).
+- **Opt out of i18n** — use anker components without wrapping them in `<I18nextProvider>`. They'll fall back to English defaults.
+
+### 7. Hello world
+
+Minimal consumer app — sidebar, page-header, table.
 
 ```tsx
 import { Provider } from "@knkcs/anker/primitives";
+import { ConfirmModalProvider } from "@knkcs/anker/feedback";
+import {
+  AppShell,
+  IndexPageTemplate,
+} from "@knkcs/anker/templates";
+import { Sidebar, Toolbar } from "@knkcs/anker/components";
+import { Button } from "@knkcs/anker/atoms";
+import { Users, Plus } from "lucide-react";
 
 function App() {
   return (
     <Provider>
-      <YourApp />
+      <ConfirmModalProvider>
+        <AppShell
+          sidebar={
+            <Sidebar storageKey="myapp-sidebar">
+              <Sidebar.Header>
+                <Sidebar.Logo wordmark="MyApp" />
+              </Sidebar.Header>
+              <Sidebar.Body>
+                <Sidebar.Section label="Identity">
+                  <Sidebar.Item icon={<Users size={16} />} active>
+                    Users
+                  </Sidebar.Item>
+                </Sidebar.Section>
+              </Sidebar.Body>
+            </Sidebar>
+          }
+        >
+          <IndexPageTemplate
+            title="Users"
+            subtitle="People with access to this workspace."
+            actions={
+              <Button colorPalette="primary" size="sm">
+                <Plus size={14} /> Add user
+              </Button>
+            }
+            toolbar={
+              <Toolbar>
+                <Toolbar.Search placeholder="Search…" value="" onChange={() => {}} />
+                <Toolbar.Right>
+                  <Toolbar.Count>0 users</Toolbar.Count>
+                </Toolbar.Right>
+              </Toolbar>
+            }
+          >
+            {/* DataTable goes here */}
+          </IndexPageTemplate>
+        </AppShell>
+      </ConfirmModalProvider>
     </Provider>
   );
 }
 ```
 
-The `Provider` defaults to anker's theme system. To override with a custom system, pass it via the `system` prop.
+This is the canonical wiring. Every list page in every knkCMS solution looks like this — that's the contract.
 
-### Imports by layer
+## Imports by layer
 
 ```tsx
 // Design tokens and Chakra system
@@ -52,17 +203,10 @@ import { InputField, ArrayField, FormField } from "@knkcs/anker/forms";
 
 // Feedback patterns (confirm modal)
 import { ConfirmModalProvider, useConfirmModal } from "@knkcs/anker/feedback";
-```
-
-## Using with Claude Code
-
-If your consumer project uses Claude Code, add this line to your root `CLAUDE.md` to import anker's design-system rules automatically:
 
+// Page-level templates (AppShell, IndexPageTemplate, …)
+import { AppShell, IndexPageTemplate, DetailPageTemplate } from "@knkcs/anker/templates";
 ```
-@node_modules/@knkcs/anker/CLAUDE-ANKER.md
-```
-
-Claude will then follow anker's design principles, token rules, and component conventions when assisting with your code.
 
 ## Brand Colors
 
@@ -95,19 +239,7 @@ The UI primary anchor (`primary.700` = `#134788`) is intentionally one step ligh
 
 ## Font
 
-The theme uses [Inter](https://rsms.me/inter/) as its primary typeface. Install the variable font in your app:
-
-```bash
-npm install @fontsource-variable/inter
-```
-
-Then import it in your app entry point:
-
-```tsx
-import "@fontsource-variable/inter";
-```
-
-If Inter is not installed, the theme gracefully falls back to the system font stack (`-apple-system, system-ui, sans-serif`).
+The theme uses **Inter Tight** (UI) and **JetBrains Mono** (code, IDs, API keys). See the "Setup for consumers → Fonts" section above for installation instructions. The theme falls back to `system-ui` and `ui-monospace` if the fonts aren't loaded, but Inter Tight is the visual character anker is designed around — install it.
 
 ## Accessibility
 
@@ -135,6 +267,12 @@ npm run typecheck    # tsc --noEmit
 
 Interactive component docs are available at [https://knkcs.github.io/anker/](https://knkcs.github.io/anker/)
 
+Reference documents in this repo:
+
+- [`docs/design-system.md`](docs/design-system.md) — visual language: tokens, typography, motion. Read first.
+- [`docs/page-patterns.md`](docs/page-patterns.md) — page-level contract: app shell, templates, slot mechanism, authoring rules.
+- [`CLAUDE-ANKER.md`](CLAUDE-ANKER.md) — design-system rules consumers `@`-import into their `CLAUDE.md`.
+
 ## License
 
 Proprietary - knk Gruppe. See [LICENSE](LICENSE) for details.

package/dist/atoms/index.js

@@ -6,9 +6,9 @@ export { SearchInput } from '../chunk-E7KRPPCQ.js';
 import { Textarea } from '../chunk-NFZMG6ZL.js';
 import { text_input_default } from '../chunk-OU6H3KU4.js';
 export { text_input_default as TextInput } from '../chunk-OU6H3KU4.js';
-import { Spinner } from '../chunk-5YDCDC4B.js';
 import { IconButton, Button } from '../chunk-JS7ZEZV3.js';
 export { Button, IconButton } from '../chunk-JS7ZEZV3.js';
+import { Spinner } from '../chunk-5YDCDC4B.js';
 import { Text, Box, Stack as Stack$1, Flex, HStack, Heading } from '../chunk-G4QMIXLC.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { DataList as DataList$1, Icon, Circle, useCheckboxGroup, Stack, Box as Box$1, Clipboard, IconButton as IconButton$1, Input, chakra, ButtonGroup, Button as Button$1, Square } from '@chakra-ui/react';

package/dist/chunk-D5ICTOCW.js

@@ -0,0 +1,206 @@
+import { Box, Flex, Text, Heading, Link } from './chunk-G4QMIXLC.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SIZE_TO_WIDTH = {
+  md: "440px",
+  lg: "480px"
+};
+var DOT_PATTERN_BG = "radial-gradient(var(--chakra-colors-primary-200) 1px, transparent 1px)";
+var AuthCard = ({
+  logo,
+  topBarRight,
+  hideTopBar = false,
+  hideBackground = false,
+  eyebrow,
+  title,
+  subtitle,
+  size = "md",
+  footer,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(Box, { "data-testid": "auth-card", "data-size": size, minH: "100vh", bg: "bg-canvas", children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": "auth-card-canvas",
+      "data-background": hideBackground ? "hidden" : "visible",
+      minH: "100vh",
+      bgImage: hideBackground ? void 0 : DOT_PATTERN_BG,
+      bgSize: "24px 24px",
+      children: [
+        !hideTopBar && /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            align: "center",
+            justify: "space-between",
+            px: "8",
+            py: "4",
+            bg: "bg-surface/85",
+            backdropFilter: "blur(4px)",
+            borderBottom: "1px solid",
+            borderColor: "border",
+            children: [
+              /* @__PURE__ */ jsx(Box, { children: logo }),
+              /* @__PURE__ */ jsx(Flex, { gap: "4", fontSize: "xs", color: "muted", children: topBarRight })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Flex, { justify: "center", pt: "16", px: "4", children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            w: "full",
+            maxW: SIZE_TO_WIDTH[size],
+            bg: "bg-surface",
+            borderRadius: "lg",
+            shadow: "md",
+            p: "8",
+            children: [
+              eyebrow && /* @__PURE__ */ jsx(
+                Text,
+                {
+                  textStyle: "overline",
+                  color: "muted",
+                  textAlign: "center",
+                  mb: "2",
+                  children: eyebrow
+                }
+              ),
+              title && /* @__PURE__ */ jsx(
+                Heading,
+                {
+                  as: "h3",
+                  size: "2xl",
+                  fontWeight: "semibold",
+                  color: "default",
+                  textAlign: "center",
+                  mb: "2",
+                  letterSpacing: "-0.02em",
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsx(Text, { color: "muted", textAlign: "center", fontSize: "sm", mb: "6", children: subtitle }),
+              children,
+              footer && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  "data-testid": "auth-card-footer",
+                  mt: "6",
+                  pt: "4",
+                  borderTop: "1px solid",
+                  borderColor: "border",
+                  textAlign: "center",
+                  fontSize: "xs",
+                  color: "emphasized",
+                  children: footer
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+AuthCard.displayName = "AuthCard";
+var PageHeader = ({
+  breadcrumbs,
+  title,
+  subtitle,
+  actions,
+  eyebrow
+}) => {
+  const hasCrumbs = !!breadcrumbs && breadcrumbs.length > 0;
+  const hasActions = !!actions;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      py: "4",
+      px: "8",
+      borderBottomWidth: "1px",
+      borderBottomColor: "border",
+      bg: "bg-surface",
+      children: [
+        eyebrow && /* @__PURE__ */ jsx(
+          Text,
+          {
+            fontSize: "2xs",
+            fontWeight: "semibold",
+            letterSpacing: "wider",
+            textTransform: "uppercase",
+            color: "muted",
+            mb: "1",
+            children: eyebrow
+          }
+        ),
+        hasCrumbs && /* @__PURE__ */ jsx(
+          Flex,
+          {
+            "data-testid": "page-header-breadcrumbs",
+            align: "center",
+            gap: "1",
+            mb: "1",
+            fontSize: "xs",
+            color: "muted",
+            children: breadcrumbs.map((c, idx) => {
+              const isLast = idx === breadcrumbs.length - 1;
+              const sep = !isLast ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: " \u203A " }) : null;
+              const node = c.to ? /* @__PURE__ */ jsx(
+                Link,
+                {
+                  href: c.to,
+                  color: "muted",
+                  _hover: { color: "default" },
+                  children: c.label
+                },
+                `crumb-link-${c.label}`
+              ) : /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "span",
+                  color: isLast ? "default" : "muted",
+                  fontWeight: isLast ? "medium" : "normal",
+                  children: c.label
+                },
+                `crumb-text-${c.label}`
+              );
+              return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
+                node,
+                sep
+              ] }, `crumb-wrap-${c.label}`);
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: "4", children: [
+          /* @__PURE__ */ jsxs(Box, { flex: "1", minW: "0", children: [
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                as: "h1",
+                fontSize: "2xl",
+                fontWeight: "semibold",
+                color: "default",
+                letterSpacing: "-0.02em",
+                children: title
+              }
+            ),
+            subtitle && /* @__PURE__ */ jsx(
+              Text,
+              {
+                "data-testid": "page-header-subtitle",
+                fontSize: "sm",
+                color: "muted",
+                mt: "1",
+                children: subtitle
+              }
+            )
+          ] }),
+          hasActions && /* @__PURE__ */ jsx(Flex, { align: "center", gap: "2", flexShrink: 0, children: actions })
+        ] })
+      ]
+    }
+  );
+};
+PageHeader.displayName = "PageHeader";
+
+export { AuthCard, PageHeader };
+//# sourceMappingURL=chunk-D5ICTOCW.js.map
+//# sourceMappingURL=chunk-D5ICTOCW.js.map

package/dist/chunk-D5ICTOCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth-card.tsx","../src/components/page-header.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-D5ICTOCW.js","sourcesContent":["// src/components/auth-card.tsx\nimport type React from \"react\";\nimport { Box, Flex } from \"../primitives/layout\";\nimport { Heading, Text } from \"../primitives/typography\";\n\nexport interface AuthCardProps {\n\t/** Logo or wordmark, far-left of the topbar. */\n\tlogo?: React.ReactNode;\n\t/** Right-side topbar content (help link, locale switcher, etc.). */\n\ttopBarRight?: React.ReactNode;\n\t/** Hide the topbar entirely (rare — e.g. embedded preview). */\n\thideTopBar?: boolean;\n\t/** Hide the dot-grid background (rare — e.g. printable). */\n\thideBackground?: boolean;\n\t/** Small uppercase eyebrow above the title. */\n\teyebrow?: React.ReactNode;\n\t/**\n\t * Card title. Accepts a string or inline element — the component wraps\n\t * it in an `<h3>` (semantic heading, 24px, semibold, default color).\n\t * Avoid passing block elements (e.g. `<div>`) or pre-built headings.\n\t */\n\ttitle?: React.ReactNode;\n\t/** Subtitle below title (14px, muted color, centered). */\n\tsubtitle?: React.ReactNode;\n\t/** Card width preset. md = 440px (default), lg = 480px. */\n\tsize?: \"md\" | \"lg\";\n\t/** Card footer slot. Bottom-bordered inside the card. */\n\tfooter?: React.ReactNode;\n\t/** Page content inside the card body. */\n\tchildren: React.ReactNode;\n}\n\nconst SIZE_TO_WIDTH: Record<NonNullable<AuthCardProps[\"size\"]>, string> = {\n\tmd: \"440px\",\n\tlg: \"480px\",\n};\n\nconst DOT_PATTERN_BG =\n\t\"radial-gradient(var(--chakra-colors-primary-200) 1px, transparent 1px)\";\n\nexport const AuthCard = ({\n\tlogo,\n\ttopBarRight,\n\thideTopBar = false,\n\thideBackground = false,\n\teyebrow,\n\ttitle,\n\tsubtitle,\n\tsize = \"md\",\n\tfooter,\n\tchildren,\n}: AuthCardProps) => {\n\treturn (\n\t\t<Box data-testid=\"auth-card\" data-size={size} minH=\"100vh\" bg=\"bg-canvas\">\n\t\t\t<Box\n\t\t\t\tdata-testid=\"auth-card-canvas\"\n\t\t\t\tdata-background={hideBackground ? \"hidden\" : \"visible\"}\n\t\t\t\tminH=\"100vh\"\n\t\t\t\tbgImage={hideBackground ? undefined : DOT_PATTERN_BG}\n\t\t\t\tbgSize=\"24px 24px\"\n\t\t\t>\n\t\t\t\t{!hideTopBar && (\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t\t\tpx=\"8\"\n\t\t\t\t\t\tpy=\"4\"\n\t\t\t\t\t\tbg=\"bg-surface/85\"\n\t\t\t\t\t\tbackdropFilter=\"blur(4px)\"\n\t\t\t\t\t\tborderBottom=\"1px solid\"\n\t\t\t\t\t\tborderColor=\"border\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Box>{logo}</Box>\n\t\t\t\t\t\t<Flex gap=\"4\" fontSize=\"xs\" color=\"muted\">\n\t\t\t\t\t\t\t{topBarRight}\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\n\t\t\t\t<Flex justify=\"center\" pt=\"16\" px=\"4\">\n\t\t\t\t\t<Box\n\t\t\t\t\t\tw=\"full\"\n\t\t\t\t\t\tmaxW={SIZE_TO_WIDTH[size]}\n\t\t\t\t\t\tbg=\"bg-surface\"\n\t\t\t\t\t\tborderRadius=\"lg\"\n\t\t\t\t\t\tshadow=\"md\"\n\t\t\t\t\t\tp=\"8\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{eyebrow && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttextStyle=\"overline\"\n\t\t\t\t\t\t\t\tcolor=\"muted\"\n\t\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\t\tmb=\"2\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{eyebrow}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{title && (\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\tas=\"h3\"\n\t\t\t\t\t\t\t\tsize=\"2xl\"\n\t\t\t\t\t\t\t\tfontWeight=\"semibold\"\n\t\t\t\t\t\t\t\tcolor=\"default\"\n\t\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\t\tmb=\"2\"\n\t\t\t\t\t\t\t\tletterSpacing=\"-0.02em\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{subtitle && (\n\t\t\t\t\t\t\t<Text color=\"muted\" textAlign=\"center\" fontSize=\"sm\" mb=\"6\">\n\t\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{children}\n\n\t\t\t\t\t\t{footer && (\n\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\tdata-testid=\"auth-card-footer\"\n\t\t\t\t\t\t\t\tmt=\"6\"\n\t\t\t\t\t\t\t\tpt=\"4\"\n\t\t\t\t\t\t\t\tborderTop=\"1px solid\"\n\t\t\t\t\t\t\t\tborderColor=\"border\"\n\t\t\t\t\t\t\t\ttextAlign=\"center\"\n\t\t\t\t\t\t\t\tfontSize=\"xs\"\n\t\t\t\t\t\t\t\tcolor=\"emphasized\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{footer}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Box>\n\t\t\t\t</Flex>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\nAuthCard.displayName = \"AuthCard\";\n","// src/components/page-header.tsx\nimport type React from \"react\";\nimport { Box, Flex } from \"../primitives/layout\";\nimport { Heading, Link, Text } from \"../primitives/typography\";\n\nexport interface PageHeaderBreadcrumb {\n\tlabel: string;\n\tto?: string;\n}\n\nexport interface PageHeaderProps {\n\tbreadcrumbs?: PageHeaderBreadcrumb[];\n\ttitle: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tactions?: React.ReactNode;\n\teyebrow?: React.ReactNode;\n}\n\nexport const PageHeader = ({\n\tbreadcrumbs,\n\ttitle,\n\tsubtitle,\n\tactions,\n\teyebrow,\n}: PageHeaderProps) => {\n\tconst hasCrumbs = !!breadcrumbs && breadcrumbs.length > 0;\n\tconst hasActions = !!actions;\n\n\treturn (\n\t\t<Box\n\t\t\tpy=\"4\"\n\t\t\tpx=\"8\"\n\t\t\tborderBottomWidth=\"1px\"\n\t\t\tborderBottomColor=\"border\"\n\t\t\tbg=\"bg-surface\"\n\t\t>\n\t\t\t{eyebrow && (\n\t\t\t\t<Text\n\t\t\t\t\tfontSize=\"2xs\"\n\t\t\t\t\tfontWeight=\"semibold\"\n\t\t\t\t\tletterSpacing=\"wider\"\n\t\t\t\t\ttextTransform=\"uppercase\"\n\t\t\t\t\tcolor=\"muted\"\n\t\t\t\t\tmb=\"1\"\n\t\t\t\t>\n\t\t\t\t\t{eyebrow}\n\t\t\t\t</Text>\n\t\t\t)}\n\n\t\t\t{hasCrumbs && (\n\t\t\t\t<Flex\n\t\t\t\t\tdata-testid=\"page-header-breadcrumbs\"\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tgap=\"1\"\n\t\t\t\t\tmb=\"1\"\n\t\t\t\t\tfontSize=\"xs\"\n\t\t\t\t\tcolor=\"muted\"\n\t\t\t\t>\n\t\t\t\t\t{breadcrumbs.map((c, idx) => {\n\t\t\t\t\t\tconst isLast = idx === breadcrumbs.length - 1;\n\t\t\t\t\t\tconst sep = !isLast ? <span aria-hidden> › </span> : null;\n\t\t\t\t\t\tconst node = c.to ? (\n\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\tkey={`crumb-link-${c.label}`}\n\t\t\t\t\t\t\t\thref={c.to}\n\t\t\t\t\t\t\t\tcolor=\"muted\"\n\t\t\t\t\t\t\t\t_hover={{ color: \"default\" }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{c.label}\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tkey={`crumb-text-${c.label}`}\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tcolor={isLast ? \"default\" : \"muted\"}\n\t\t\t\t\t\t\t\tfontWeight={isLast ? \"medium\" : \"normal\"}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{c.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Flex key={`crumb-wrap-${c.label}`} align=\"center\" gap=\"1\">\n\t\t\t\t\t\t\t\t{node}\n\t\t\t\t\t\t\t\t{sep}\n\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Flex>\n\t\t\t)}\n\n\t\t\t<Flex align=\"center\" justify=\"space-between\" gap=\"4\">\n\t\t\t\t<Box flex=\"1\" minW=\"0\">\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\tfontSize=\"2xl\"\n\t\t\t\t\t\tfontWeight=\"semibold\"\n\t\t\t\t\t\tcolor=\"default\"\n\t\t\t\t\t\tletterSpacing=\"-0.02em\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{subtitle && (\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tdata-testid=\"page-header-subtitle\"\n\t\t\t\t\t\t\tfontSize=\"sm\"\n\t\t\t\t\t\t\tcolor=\"muted\"\n\t\t\t\t\t\t\tmt=\"1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t\t{hasActions && (\n\t\t\t\t\t<Flex align=\"center\" gap=\"2\" flexShrink={0}>\n\t\t\t\t\t\t{actions}\n\t\t\t\t\t</Flex>\n\t\t\t\t)}\n\t\t\t</Flex>\n\t\t</Box>\n\t);\n};\nPageHeader.displayName = \"PageHeader\";\n"]}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { A as AuthCard, a as AuthCardProps, P as PageHeader, b as PageHeaderBreadcrumb, c as PageHeaderProps } from '../page-header-D-kxNn-f.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { MouseEventHandler } from 'react';
@@ -6,37 +7,6 @@ export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
 import { ColumnDef, RowSelectionState, OnChangeFn, SortingState, Row } from '@tanstack/react-table';
 import { a as SwitchProps } from '../switch-B0o6G2XE.js';
 
-interface AuthCardProps {
-    /** Logo or wordmark, far-left of the topbar. */
-    logo?: React__default.ReactNode;
-    /** Right-side topbar content (help link, locale switcher, etc.). */
-    topBarRight?: React__default.ReactNode;
-    /** Hide the topbar entirely (rare — e.g. embedded preview). */
-    hideTopBar?: boolean;
-    /** Hide the dot-grid background (rare — e.g. printable). */
-    hideBackground?: boolean;
-    /** Small uppercase eyebrow above the title. */
-    eyebrow?: React__default.ReactNode;
-    /**
-     * Card title. Accepts a string or inline element — the component wraps
-     * it in an `<h3>` (semantic heading, 24px, semibold, default color).
-     * Avoid passing block elements (e.g. `<div>`) or pre-built headings.
-     */
-    title?: React__default.ReactNode;
-    /** Subtitle below title (14px, muted color, centered). */
-    subtitle?: React__default.ReactNode;
-    /** Card width preset. md = 440px (default), lg = 480px. */
-    size?: "md" | "lg";
-    /** Card footer slot. Bottom-bordered inside the card. */
-    footer?: React__default.ReactNode;
-    /** Page content inside the card body. */
-    children: React__default.ReactNode;
-}
-declare const AuthCard: {
-    ({ logo, topBarRight, hideTopBar, hideBackground, eyebrow, title, subtitle, size, footer, children, }: AuthCardProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 interface BulkActionBarProps {
     /** Number of currently selected items. */
     selectedCount: number;
@@ -500,22 +470,6 @@ interface ModalProps extends Omit<DialogRootProps, "open" | "onOpenChange"> {
 }
 declare const Modal: React.FC<ModalProps>;
 
-interface PageHeaderBreadcrumb {
-    label: string;
-    to?: string;
-}
-interface PageHeaderProps {
-    breadcrumbs?: PageHeaderBreadcrumb[];
-    title: React__default.ReactNode;
-    subtitle?: React__default.ReactNode;
-    actions?: React__default.ReactNode;
-    eyebrow?: React__default.ReactNode;
-}
-declare const PageHeader: {
-    ({ breadcrumbs, title, subtitle, actions, eyebrow, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 interface PaginationProps {
     /** Current page (1-based). */
     page: number;
@@ -943,4 +897,4 @@ interface WidgetProps {
 }
 declare const Widget: React__default.FC<WidgetProps>;
 
-export { ActionCell, type ActionCellAction, type ActionCellProps, AuthCard, type AuthCardProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, ContextRail, type ContextRailHeaderProps, type ContextRailProps, type ContextRailSectionProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, PageHeader, type PageHeaderBreadcrumb, type PageHeaderProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, Sidebar, type SidebarItemProps, type SidebarLogoProps, type SidebarSectionProps$1 as SidebarNavSectionProps, type SidebarProps, SidebarSection, type SidebarSectionProps, type SidebarUserMenuItemProps, type SidebarUserMenuProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, Toolbar, type ToolbarFilterChipProps, type ToolbarSearchProps, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
+export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, ContextRail, type ContextRailHeaderProps, type ContextRailProps, type ContextRailSectionProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, Sidebar, type SidebarItemProps, type SidebarLogoProps, type SidebarSectionProps$1 as SidebarNavSectionProps, type SidebarProps, SidebarSection, type SidebarSectionProps, type SidebarUserMenuItemProps, type SidebarUserMenuProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, Toolbar, type ToolbarFilterChipProps, type ToolbarSearchProps, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useSidebarContext, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };