@tempoxyz/ds 0.3.11 → 0.3.13

package/dist/docs/{patterns → product/patterns}/navigation.md

@@ -6,12 +6,12 @@ Move between product areas, page views, and nested pages in one shared frame.
 
 Navigation shows the current location, the possible destinations, and the way back. Tempo products share one navigation model with four levels. Each level has its own component, so a control always leads to another area, another view, or one level up.
 
-* **Product Area (SidebarMenu):** [AppShell](/docs/components/app-shell) with [SidebarMenu](/docs/components/sidebar-menu) lists the main areas and marks the current one.
+* **Product Area (SidebarMenu):** [AppShell](../components/app-shell.md) with [SidebarMenu](../components/sidebar-menu.md) lists the main areas and marks the current one.
 * **Page (AppShell.Title):** The page title names the current page and serves as its main heading.
-* **Depth (Breadcrumbs):** [Breadcrumbs](/docs/components/breadcrumbs) show the position of a nested page and lead back up.
-* **View (Tabs):** [Tabs](/docs/components/tabs) switch between views of the same content without leaving the page.
+* **Depth (Breadcrumbs):** [Breadcrumbs](../components/breadcrumbs.md) show the position of a nested page and lead back up.
+* **View (Tabs):** [Tabs](../components/tabs.md) switch between views of the same content without leaving the page.
 
-[Pagination](/docs/components/pagination) moves through a long list, and [Stepper](/docs/components/stepper) marks the position in a fixed sequence of steps, such as account setup.
+[Pagination](../components/pagination.md) moves through a long list, and [Stepper](../components/stepper.md) marks the position in a fixed sequence of steps, such as account setup.
 
 ## Structure
 
@@ -133,11 +133,11 @@ namespace styles {
 
 [View example source](https://github.com/tempoxyz/ds/blob/main/docs/src/examples/demos/Patterns/ConsoleNavigation.tsx)
 
-This reference layout uses [AppShell](/docs/components/app-shell), [SidebarMenu](/docs/components/sidebar-menu), [Breadcrumbs](/docs/components/breadcrumbs), and [Tabs](/docs/components/tabs). On a wide display, open the preview full screen for the sticky sidebar.
+This reference layout uses [AppShell](../components/app-shell.md), [SidebarMenu](../components/sidebar-menu.md), [Breadcrumbs](../components/breadcrumbs.md), and [Tabs](../components/tabs.md). On a wide display, open the preview full screen for the sticky sidebar.
 
 ## Product Navigation
 
-Put every product area in the [SidebarMenu](/docs/components/sidebar-menu) inside `AppShell.Sidebar`, in the same order on every page.
+Put every product area in the [SidebarMenu](../components/sidebar-menu.md) inside `AppShell.Sidebar`, in the same order on every page.
 
 * **One Active Item (active):** Mark only the area of the current page. It sets `aria-current="page"`.
 * **Consistent Icons:** Items do not wrap. Give each one a short label and an icon, never a mix with and without.
@@ -228,10 +228,10 @@ Below 1024px, `AppShell.Sidebar` renders as a modal drawer from the right edge,
 
 ## Tabs
 
-Use [Tabs](/docs/components/tabs) when a page shows several views of one object, such as the Overview, Usage, and Settings of an API key.
+Use [Tabs](../components/tabs.md) when a page shows several views of one object, such as the Overview, Usage, and Settings of an API key.
 
-* **Another page:** Use [SidebarMenu](/docs/components/sidebar-menu) or links.
-* **A mode of the same content:** Use [ChoiceGroup](/docs/components/choice-group), such as for the time range of a chart.
+* **Another page:** Use [SidebarMenu](../components/sidebar-menu.md) or links.
+* **A mode of the same content:** Use [ChoiceGroup](../components/choice-group.md), such as for the time range of a chart.
 * **Tabs inside tabs:** Never nest them. Split the view, or move the inner level to its own page.
 
 If tabs overflow one line, the list scrolls horizontally. Set `expand` on `Tabs.List` to stretch tabs across a narrow column.
@@ -288,7 +288,7 @@ export function Demo() {
 
 ## Breadcrumbs
 
-Use [Breadcrumbs](/docs/components/breadcrumbs) on pages below a product area, such as a key under API Keys or an invoice inside Payments. Start with the product area, follow the hierarchy rather than the visit history, and mark the last item `current`.
+Use [Breadcrumbs](../components/breadcrumbs.md) on pages below a product area, such as a key under API Keys or an invoice inside Payments. Start with the product area, follow the hierarchy rather than the visit history, and mark the last item `current`.
 
 **Do:** Show the path from the product area down to the current page.
 
@@ -332,27 +332,27 @@ export function Demo() {
 }
 ```
 
-If the full path would wrap on a narrow screen, show only the parent page as a back link, such as a secondary `Button.Link` from [Button](/docs/components/button) with an arrow icon and the parent's name.
+If the full path would wrap on a narrow screen, show only the parent page as a back link, such as a secondary `Button.Link` from [Button](../components/button.md) with an arrow icon and the parent's name.
 
 ## Pagination
 
-Use [Pagination](/docs/components/pagination) for long lists that load page by page and need a stable position, such as transaction history. [Tables and Lists](/docs/patterns/tables-and-lists#paginate-or-load-more) covers when to page and when to load more.
+Use [Pagination](../components/pagination.md) for long lists that load page by page and need a stable position, such as transaction history. [Tables and Lists](tables-and-lists.md#paginate-or-load-more) covers when to page and when to load more.
 
 ## Best Practices
 
 * **Location in the URL:** Reflect the selected tab and page in the URL, so links and the back button work.
-* **Links for Navigation (Button.Link):** Use a link to change pages. Put commands, such as Log out, in a [Menu](/docs/components/menu) in the sidebar footer.
+* **Links for Navigation (Button.Link):** Use a link to change pages. Put commands, such as Log out, in a [Menu](../components/menu.md) in the sidebar footer.
 
 ## States
 
 * **Loading and Error:** Navigation renders at once and works. Only the main column shows placeholders and errors.
-* **Empty:** A product area with no content still appears in the sidebar. Its page shows an [empty state](/docs/patterns/empty-states).
+* **Empty:** A product area with no content still appears in the sidebar. Its page shows an [empty state](empty-states.md).
 * **Disabled:** Leave out unavailable areas. Disable a tab only if its view does not apply yet, and state the reason.
 * **Success:** After a flow such as key creation, open the page of the new item with its area marked active.
 
 ## Content
 
-Name destinations with nouns, such as Activity, not verbs, such as View activity. Use the same name in the sidebar, the page title, and the breadcrumb. [Writing Style](/docs/foundations/content/writing-style) covers capitalization.
+Name destinations with nouns, such as Activity, not verbs, such as View activity. Use the same name in the sidebar, the page title, and the breadcrumb. [Writing Style](../foundations/content/writing-style.md) covers capitalization.
 
 ## Accessibility
 
@@ -364,34 +364,34 @@ Name destinations with nouns, such as Activity, not verbs, such as View activity
 
 ## Related
 
-[AppShell](/docs/components/app-shell)
+[AppShell](../components/app-shell.md)
 
 Use for the application frame.
 
-[SidebarMenu](/docs/components/sidebar-menu)
+[SidebarMenu](../components/sidebar-menu.md)
 
 Use for links to product areas.
 
-[Tabs](/docs/components/tabs)
+[Tabs](../components/tabs.md)
 
 Use for views of a page.
 
-[Breadcrumbs](/docs/components/breadcrumbs)
+[Breadcrumbs](../components/breadcrumbs.md)
 
 Use for nested pages.
 
-[Pagination](/docs/components/pagination)
+[Pagination](../components/pagination.md)
 
 Use for long lists.
 
-[Stepper](/docs/components/stepper)
+[Stepper](../components/stepper.md)
 
 Use for fixed sequences of steps.
 
-[Responsive Layout](/docs/patterns/responsive-layout)
+[Responsive Layout](responsive-layout.md)
 
 Covers breakpoints.
 
-[Tempo Console](/docs/products/tempo-console)
+[Tempo Console](../products/tempo-console.md)
 
 Covers the console's pages.

package/dist/docs/{patterns → product/patterns}/payments.md

@@ -4,14 +4,14 @@ Build send, receive, and deposit flows, from the amount to the receipt.
 
 ## Overview
 
-A payment moves money and cannot be undone. Each step shows exactly what will happen, catches mistakes before confirmation, and reports the outcome plainly. [Tempo Wallet](/docs/products/tempo-wallet) (wallet.tempo.xyz) uses three flows: Send, Receive, and Add funds. [Blockchain Values](/docs/patterns/blockchain-values) covers how each amount, address, and hash in these flows is formatted.
+A payment moves money and cannot be undone. Each step shows exactly what will happen, catches mistakes before confirmation, and reports the outcome plainly. [Tempo Wallet](../products/tempo-wallet.md) (wallet.tempo.xyz) uses three flows: Send, Receive, and Add funds. [Blockchain Values](blockchain-values.md) covers how each amount, address, and hash in these flows is formatted.
 
 > [!NOTE]
 > The live examples are reference layouts built from library components and `style`, not shipped components. They simulate the network, so no funds move.
 
 ## Recommended Structure
 
-Run each flow in focus: a centered column about 28rem wide with global navigation hidden, or a [Dialog](/docs/components/dialog), which becomes a bottom sheet on narrow screens. Mark progress with a [Stepper](/docs/components/stepper).
+Run each flow in focus: a centered column about 28rem wide with global navigation hidden, or a [Dialog](../components/dialog.md), which becomes a bottom sheet on narrow screens. Mark progress with a [Stepper](../components/stepper.md).
 
 * **Details (1):** The asset, the amount, and the recipient.
 * **Review (2):** The full payment, with the confirm action.
@@ -266,23 +266,23 @@ namespace styles {
 
 ## Enter the Amount
 
-Place the [AmountInput](/docs/components/amount-input) first, in a [Field](/docs/components/field), with the `Field.Label` and `Field.Description` inside `AmountInput.Root`.
+Place the [AmountInput](../components/amount-input.md) first, in a [Field](../components/field.md), with the `Field.Label` and `Field.Description` inside `AmountInput.Root`.
 
-* **Unit:** Name the token beside the amount with a [Token](/docs/components/token), such as PathUSD.
+* **Unit:** Name the token beside the amount with a [Token](../components/token.md), such as PathUSD.
 * **Balance:** Show the available balance in `Field.Description`, such as Balance: 1,240.50 PathUSD.
 * **Limit:** Check the amount against the balance on blur and on submit, and name the limit in the error, such as Enter an amount up to 1,240.50 PathUSD.
-* **Several tokens:** Put a [Select](/docs/components/select) above the amount, with a [TokenLogo](/docs/components/token-logo) icon in `Select.ItemPrefix` and the balance in `Select.ItemSuffix`. Default to the token used last.
+* **Several tokens:** Put a [Select](../components/select.md) above the amount, with a [TokenLogo](../components/token-logo.md) icon in `Select.ItemPrefix` and the balance in `Select.ItemSuffix`. Default to the token used last.
 
 ## Enter the Recipient
 
-* **Address input:** Use a [TextInput](/docs/components/text-input) labelled Recipient, with `autoComplete="off"`, spell check off, and a `0x…` placeholder.
+* **Address input:** Use a [TextInput](../components/text-input.md) labelled Recipient, with `autoComplete="off"`, spell check off, and a `0x…` placeholder.
 * **Format check:** On blur, trim pasted spaces and check for `0x` plus 40 hex characters. Explain a bad address under the field.
-* **Saved contacts:** If the address matches a saved contact, show the name beside it, as [Blockchain Values](/docs/patterns/blockchain-values#pair-addresses-with-names) describes.
-* **New addresses:** If the account has never sent to the address, show a `warning` [Alert](/docs/components/alert), such as You haven't sent to this address before.
+* **Saved contacts:** If the address matches a saved contact, show the name beside it, as [Blockchain Values](blockchain-values.md#pair-addresses-with-names) describes.
+* **New addresses:** If the account has never sent to the address, show a `warning` [Alert](../components/alert.md), such as You haven't sent to this address before.
 
 ## Review Before Confirming
 
-The review step repeats every detail of the payment in [ListGroup](/docs/components/list-group), with a `ListGroup.Label` for each.
+The review step repeats every detail of the payment in [ListGroup](../components/list-group.md), with a `ListGroup.Label` for each.
 
 * **Amount (size=lg):** The amount and token, shown large as the main value of the review.
 * **To (Full address):** The full address and any known contact name. Ask people to check all of it against its source.
@@ -356,7 +356,7 @@ namespace styles {
 
 ### Confirm With One Large Action
 
-End the review with one full-width `primary` [Button](/docs/components/button) with `size="large"`, labelled with the verb and the amount, such as Send 250.00 PathUSD or Confirm and send. Put a `text` Edit payment action beneath it. Set `loading` while the wallet signs and submits, so the button shows a spinner and blocks a second press.
+End the review with one full-width `primary` [Button](../components/button.md) with `size="large"`, labelled with the verb and the amount, such as Send 250.00 PathUSD or Confirm and send. Put a `text` Edit payment action beneath it. Set `loading` while the wallet signs and submits, so the button shows a spinner and blocks a second press.
 
 **Do:** Use one large, specific confirm action with a quiet way back.
 
@@ -532,7 +532,7 @@ Announce the outcome once through a polite live region, separate from the busy c
 
 ## Keep a Receipt
 
-A receipt records the payment in full, including values that the review step shortened: amount, fee, total, sender, recipient, the date with seconds and time zone, block, and transaction hash. Show the status in a [Badge](/docs/components/badge), such as Confirmed. [Blockchain Values](/docs/patterns/blockchain-values) covers the copy buttons and explorer links on each value.
+A receipt records the payment in full, including values that the review step shortened: amount, fee, total, sender, recipient, the date with seconds and time zone, block, and transaction hash. Show the status in a [Badge](../components/badge.md), such as Confirmed. [Blockchain Values](blockchain-values.md) covers the copy buttons and explorer links on each value.
 
 ```tsx
 import { Amount, Badge, Button, Hex, ListGroup, style, Surface } from '@tempoxyz/ds'
@@ -616,7 +616,7 @@ namespace styles {
 
 ## Receive and Deposit
 
-Receive shows the address two ways: a [Qr](/docs/components/qr) for scanning, and a [Hex](/docs/components/hex) with `variant="filled"` across the full width for copying. Encode exactly the visible address. Name the code by purpose, such as Wallet address QR code, and state what the address accepts, such as Send stablecoins on Tempo to this address.
+Receive shows the address two ways: a [Qr](../components/qr.md) for scanning, and a [Hex](../components/hex.md) with `variant="filled"` across the full width for copying. Encode exactly the visible address. Name the code by purpose, such as Wallet address QR code, and state what the address accepts, such as Send stablecoins on Tempo to this address.
 
 ```tsx
 import { Alert, Hex, Qr, style, Surface } from '@tempoxyz/ds'
@@ -721,7 +721,7 @@ export function Demo() {
 }
 ```
 
-Add funds starts with the method. Use `Choicebox.RadioGroup` from [Choicebox](/docs/components/choicebox), with a title and arrival time for each option, such as Bank transfer or Debit card. A crypto deposit then shows the receive layout, with the minimum deposit and the accepted tokens.
+Add funds starts with the method. Use `Choicebox.RadioGroup` from [Choicebox](../components/choicebox.md), with a title and arrival time for each option, such as Bank transfer or Debit card. A crypto deposit then shows the receive layout, with the minimum deposit and the accepted tokens.
 
 ## Content
 
@@ -736,30 +736,30 @@ Add funds starts with the method. Use `Choicebox.RadioGroup` from [Choicebox](/d
 
 ## Related
 
-[AmountInput](/docs/components/amount-input)
+[AmountInput](../components/amount-input.md)
 
 Use for entering amounts.
 
-[ListGroup](/docs/components/list-group)
+[ListGroup](../components/list-group.md)
 
 Use for the review and receipt.
 
-[Qr](/docs/components/qr)
+[Qr](../components/qr.md)
 
 Use for receiving funds.
 
-[Blockchain Values](/docs/patterns/blockchain-values)
+[Blockchain Values](blockchain-values.md)
 
 Covers addresses, hashes, and precision.
 
-[Errors and Validation](/docs/patterns/errors-and-validation)
+[Errors and Validation](errors-and-validation.md)
 
 Covers error messages.
 
-[Destructive Actions](/docs/patterns/destructive-actions)
+[Destructive Actions](destructive-actions.md)
 
 Covers irreversible actions.
 
-[Tempo Wallet](/docs/products/tempo-wallet)
+[Tempo Wallet](../products/tempo-wallet.md)
 
 Covers the wallet's flows.

package/dist/docs/{patterns → product/patterns}/responsive-layout.md

@@ -4,9 +4,9 @@ Adapt layouts from a 320px phone to a wide desktop with shared breakpoints.
 
 ## Overview
 
-Components change at fixed widths. For example, [AppShell](/docs/components/app-shell) moves its sidebar into a drawer below 1024px. Change page layouts at the same widths, so the page and its components switch together.
+Components change at fixed widths. For example, [AppShell](../components/app-shell.md) moves its sidebar into a drawer below 1024px. Change page layouts at the same widths, so the page and its components switch together.
 
-[Container](/docs/components/container) sets the content width, [AppShell](/docs/components/app-shell) holds the sidebar and content column, and [Grid](/docs/components/grid), [Stack](/docs/components/stack), and [Inline](/docs/components/inline) arrange the content inside.
+[Container](../components/container.md) sets the content width, [AppShell](../components/app-shell.md) holds the sidebar and content column, and [Grid](../components/grid.md), [Stack](../components/stack.md), and [Inline](../components/inline.md) arrange the content inside.
 
 > [!NOTE]
 > The live layouts on this page are reference layouts built from library components and `style`. They are not shipped components. Copy and adapt them in your app.
@@ -46,14 +46,14 @@ namespace styles {
 
 ## Content Widths
 
-[Container](/docs/components/container) centers content at a maximum width and adds side gutters of 24px, or 32px from 768px. Use the narrowest size that fits the content.
+[Container](../components/container.md) centers content at a maximum width and adds side gutters of 24px, or 32px from 768px. Use the narrowest size that fits the content.
 
 * **Narrow (48rem (768px)):** Settings, forms, focused flows, and long text.
 * **Medium (64rem (1024px)):** List and detail pages, and tables with a few columns.
 * **Wide (80rem (1280px)):** The default, for dashboards and wide tables.
 * **Full (None):** Viewport-wide content, such as a block explorer feed.
 
-Inside [AppShell](/docs/components/app-shell), `AppShell.Main` limits the column to 1024px and adds its own padding. Set `gutter={false}` on a nested [Container](/docs/components/container), or the padding doubles. Outside [AppShell](/docs/components/app-shell), render the page landmark through [Container](/docs/components/container) with `render={<main />}`.
+Inside [AppShell](../components/app-shell.md), `AppShell.Main` limits the column to 1024px and adds its own padding. Set `gutter={false}` on a nested [Container](../components/container.md), or the padding doubles. Outside [AppShell](../components/app-shell.md), render the page landmark through [Container](../components/container.md) with `render={<main />}`.
 
 ## Page Structures
 
@@ -61,7 +61,7 @@ Most Tempo pages use one of four structures. Each changes only at the shared bre
 
 ### App Shell With Content
 
-Use [AppShell](/docs/components/app-shell) for products with persistent navigation, such as [Tempo Console](/docs/products/tempo-console). [Navigation](/docs/patterns/navigation#move-the-sidebar-into-a-drawer-below-1024px) covers its drawer below 1024px. From 1024px, the sidebar is sticky and 16.25rem wide, which `--sidebar-width` overrides. Set `align="start"` on `AppShell.Root` so a dashboard fills the width beside the sidebar.
+Use [AppShell](../components/app-shell.md) for products with persistent navigation, such as [Tempo Console](../products/tempo-console.md). [Navigation](navigation.md#move-the-sidebar-into-a-drawer-below-1024px) covers its drawer below 1024px. From 1024px, the sidebar is sticky and 16.25rem wide, which `--sidebar-width` overrides. Set `align="start"` on `AppShell.Root` so a dashboard fills the width beside the sidebar.
 
 ### List and Detail
 
@@ -228,7 +228,7 @@ namespace styles {
 
 ### Settings
 
-Settings stay in one `narrow` column at every width, never several columns. Put each section of related settings in a [Surface](/docs/components/surface), with a `Surface.Title` and [ListGroup](/docs/components/list-group) or [Field](/docs/components/field) inside.
+Settings stay in one `narrow` column at every width, never several columns. Put each section of related settings in a [Surface](../components/surface.md), with a `Surface.Title` and [ListGroup](../components/list-group.md) or [Field](../components/field.md) inside.
 
 ```tsx
 import { Container, Field, Inset, ListGroup, style, Surface, Switch } from '@tempoxyz/ds'
@@ -287,7 +287,7 @@ namespace styles {
 
 ### Focused Flow
 
-Send, deposit, and onboarding flows remove global navigation and center one task in a column of about 28rem (`maxWidth: '448'`). Show progress with [Stepper](/docs/components/stepper). Keep the actions at the end of the form.
+Send, deposit, and onboarding flows remove global navigation and center one task in a column of about 28rem (`maxWidth: '448'`). Show progress with [Stepper](../components/stepper.md). Keep the actions at the end of the form.
 
 ```tsx
 import { AmountInput, Button, Choicebox, Field, Inset, Stepper, style, Token } from '@tempoxyz/ds'
@@ -481,11 +481,11 @@ namespace styles {
 
 Many layouts adapt without a media query:
 
-* **[Grid](/docs/components/grid) with `fit`:** Fits as many columns as the width allows.
-* **[Inline](/docs/components/inline) with `wrap`:** Moves items to a new line.
-* **[Hex](/docs/components/hex):** Truncates to the available space.
+* **[Grid](../components/grid.md) with `fit`:** Fits as many columns as the width allows.
+* **[Inline](../components/inline.md) with `wrap`:** Moves items to a new line.
+* **[Hex](../components/hex.md):** Truncates to the available space.
 
-**Do:** Use [Grid](/docs/components/grid) with `fit`, so tiles drop to fewer columns as space runs out.
+**Do:** Use [Grid](../components/grid.md) with `fit`, so tiles drop to fewer columns as space runs out.
 
 ```tsx
 /**
@@ -590,7 +590,7 @@ namespace styles {
 
 ### Change Structure Only at Shared Breakpoints
 
-Switch between one and two panes at 1024px, the same width as [AppShell](/docs/components/app-shell). Components do not change at one-off widths, so the page drifts out of step with them.
+Switch between one and two panes at 1024px, the same width as [AppShell](../components/app-shell.md). Components do not change at one-off widths, so the page drifts out of step with them.
 
 **Do:** Split into two panes at 1024px, where the app shell also changes.
 
@@ -767,9 +767,9 @@ namespace styles {
 
 ### Keep Features and Order the Same
 
-A narrow screen shows the same content and actions as a wide one, in a different arrangement. Move secondary actions into a [Menu](/docs/components/menu) instead of removing them.
+A narrow screen shows the same content and actions as a wide one, in a different arrangement. Move secondary actions into a [Menu](../components/menu.md) instead of removing them.
 
-**Do:** Keep secondary actions behind a [Menu](/docs/components/menu) button on narrow screens.
+**Do:** Keep secondary actions behind a [Menu](../components/menu.md) button on narrow screens.
 
 ```tsx
 /**
@@ -839,7 +839,7 @@ namespace styles {
 
 ### Scroll Wide Content Inside Its Own Region
 
-Tables, code, and charts that cannot reflow scroll horizontally inside their own container. The page itself never scrolls sideways. To stack table rows instead, see [Tables and Lists](/docs/patterns/tables-and-lists#below-640px).
+Tables, code, and charts that cannot reflow scroll horizontally inside their own container. The page itself never scrolls sideways. To stack table rows instead, see [Tables and Lists](tables-and-lists.md#below-640px).
 
 **Do:** Scroll a wide table inside its card, and keep the page at the viewport width.
 
@@ -956,7 +956,7 @@ namespace styles {
 ## States
 
 * **Nothing Selected (Empty):** From 1024px, select the first record or show an empty detail pane, such as Select a payment.
-* **Loading (Skeleton):** Render a [Skeleton](/docs/components/skeleton) in the shape of each pane, so the layout does not jump.
+* **Loading (Skeleton):** Render a [Skeleton](../components/skeleton.md) in the shape of each pane, so the layout does not jump.
 
 ## Accessibility
 
@@ -968,30 +968,30 @@ namespace styles {
 
 ## Related
 
-[Container](/docs/components/container)
+[Container](../components/container.md)
 
 Use for content width and gutters.
 
-[Grid](/docs/components/grid)
+[Grid](../components/grid.md)
 
 Use for collections that reflow.
 
-[AppShell](/docs/components/app-shell)
+[AppShell](../components/app-shell.md)
 
 Use for the sidebar and content column.
 
-[Layout](/docs/foundations/layout)
+[Layout](../foundations/layout.md)
 
 Covers spacing and alignment.
 
-[Navigation](/docs/patterns/navigation)
+[Navigation](navigation.md)
 
 Covers moving between pages.
 
-[Tables and Lists](/docs/patterns/tables-and-lists)
+[Tables and Lists](tables-and-lists.md)
 
 Covers tables on narrow screens.
 
-[Dashboards](/docs/patterns/dashboards)
+[Dashboards](dashboards.md)
 
 Covers metric grids that reflow.

package/dist/docs/{patterns → product/patterns}/tables-and-lists.md

@@ -15,7 +15,7 @@ Tempo collections include wallet activity, scheduled payouts, API keys, webhooks
 * **ListGroup (ListGroup):** The key-value details of one record, settings, and navigation lists.
 * **Stacked List Items:** Items with a main line and a few attributes, such as activity. Also narrow-screen tables.
 
-**Do:** Use [ListGroup](/docs/components/list-group) with `ListGroup.Label` for the fields of one
+**Do:** Use [ListGroup](../components/list-group.md) with `ListGroup.Label` for the fields of one
 record.
 
 ```tsx
@@ -106,7 +106,7 @@ namespace styles {
 
 ## Recommended Structure
 
-Place a table in a [Surface](/docs/components/surface), with a `Surface.Header` above it for the title and actions. A direct child `table` bleeds into the padding of the surface, so row fills and dividers reach its edges.
+Place a table in a [Surface](../components/surface.md), with a `Surface.Header` above it for the title and actions. A direct child `table` bleeds into the padding of the surface, so row fills and dividers reach its edges.
 
 * **Header (1):** The title of the collection, filters, and actions such as Export CSV.
 * **Table (2):** The table itself, named by a caption or by `aria-labelledby`.
@@ -304,7 +304,7 @@ namespace styles {
 
 ## Select Rows and Act in Bulk
 
-If an action applies to several records at once, such as pausing payouts or revoking keys, add a leading column of small [Checkbox](/docs/components/checkbox) controls. Select rows in the example to show the bulk actions.
+If an action applies to several records at once, such as pausing payouts or revoking keys, add a leading column of small [Checkbox](../components/checkbox.md) controls. Select rows in the example to show the bulk actions.
 
 ```tsx
 import { Amount, Badge, Button, Checkbox, Inset, style, Surface, Table } from '@tempoxyz/ds'
@@ -522,11 +522,11 @@ namespace styles {
 * **Selection Count:** Show the count, such as 2 selected, beside the bulk actions and a Clear action.
 * **Select All Matching:** If more pages exist, state that the header selects this page only. Offer to select all matches.
 
-Confirm a destructive bulk action in an [AlertDialog](/docs/components/alert-dialog) that names the count, such as Cancel 2 payouts, as [Destructive Actions](/docs/patterns/destructive-actions) describes.
+Confirm a destructive bulk action in an [AlertDialog](../components/alert-dialog.md) that names the count, such as Cancel 2 payouts, as [Destructive Actions](destructive-actions.md) describes.
 
 ## Sort Columns
 
-[Table](/docs/components/table) has no built-in sorting. Put a `button` inside each sortable `Table.HeaderCell`. Set `aria-sort` to `ascending` or `descending` on the sorted column.
+[Table](../components/table.md) has no built-in sorting. Put a `button` inside each sortable `Table.HeaderCell`. Set `aria-sort` to `ascending` or `descending` on the sorted column.
 
 * **Direction:** Show the sort direction with an arrow, and mark other sortable columns with the sort icon.
 * **Default order:** Sort activity newest first. A first click on a numeric column sorts largest first.
@@ -546,9 +546,9 @@ Below 640px, show Previous and Next with a Page 1 of 3 label between them, as in
 
 * **Small (32px):** For dense consoles and dashboards with many rows. Pair with small buttons.
 * **Medium (40px):** The default size, for most tables in consoles and settings.
-* **Large (56px):** For touch-first screens and rows with two lines or an [Avatar](/docs/components/avatar).
+* **Large (56px):** For touch-first screens and rows with two lines or an [Avatar](../components/avatar.md).
 
-Use one density per table. [ListGroup](/docs/components/list-group) keep one 36px height for key-value facts.
+Use one density per table. [ListGroup](../components/list-group.md) keep one 36px height for key-value facts.
 
 ## Keep Headers in View
 
@@ -698,8 +698,8 @@ namespace styles {
 [View example source](https://github.com/tempoxyz/ds/blob/main/docs/src/examples/demos/Patterns/TablesStates.tsx)
 
 * **Loading (aria-busy):** Keep the headers and show three to five placeholder rows. Mark the table busy.
-* **Empty (Empty):** If no records exist yet, offer the action that creates the first one. [Empty States](/docs/patterns/empty-states) covers the variants.
-* **Error (negative):** Show a negative [Alert](/docs/components/alert) above the table with Retry. Keep rows that already loaded.
+* **Empty (Empty):** If no records exist yet, offer the action that creates the first one. [Empty States](empty-states.md) covers the variants.
+* **Error (negative):** Show a negative [Alert](../components/alert.md) above the table with Retry. Keep rows that already loaded.
 * **Updating:** Keep the current rows while a sort or filter loads. Replace them when the new rows arrive.
 
 **Do:** Explain an empty result in a row that spans every column, with a way out.
@@ -914,13 +914,13 @@ namespace styles {
 
 * **Switch Layouts (sm):** Render a table from this breakpoint and a list below it. Only the visible layout stays in the accessibility tree.
 * **Same Records and Actions:** Keep records, order, and actions the same in both layouts. Put columns that do not fit in the detail view.
-* **Scroll to Compare (tabIndex=0):** Keep a table only to compare values across columns, and [scroll it inside its own region](/docs/patterns/responsive-layout#scroll-wide-content-inside-its-own-region).
+* **Scroll to Compare (tabIndex=0):** Keep a table only to compare values across columns, and [scroll it inside its own region](responsive-layout.md#scroll-wide-content-inside-its-own-region).
 
 ## Content
 
 * **Headers:** Put the unit of a metric in its header, such as p99 (ms). Keep the token on each amount, because one table can mix assets.
 * **Missing values:** Show a missing value as a word, such as None or Never, instead of an empty cell.
-* **Dates:** Format dates the same way in every row, as [Blockchain Values](/docs/patterns/blockchain-values#timestamps) describes, and keep each date on one line.
+* **Dates:** Format dates the same way in every row, as [Blockchain Values](blockchain-values.md#timestamps) describes, and keep each date on one line.
 
 ## Accessibility
 
@@ -931,34 +931,34 @@ namespace styles {
 
 ## Related
 
-[Table](/docs/components/table)
+[Table](../components/table.md)
 
 Use for tabular data.
 
-[ListGroup](/docs/components/list-group)
+[ListGroup](../components/list-group.md)
 
 Use for details, settings, and stacked items.
 
-[Pagination](/docs/components/pagination)
+[Pagination](../components/pagination.md)
 
 Use for paged lists.
 
-[Checkbox](/docs/components/checkbox)
+[Checkbox](../components/checkbox.md)
 
 Use for row selection.
 
-[Responsive Layout](/docs/patterns/responsive-layout)
+[Responsive Layout](responsive-layout.md)
 
 Covers the shared breakpoints.
 
-[Loading](/docs/patterns/loading)
+[Loading](loading.md)
 
 Covers skeletons and spinners.
 
-[Empty States](/docs/patterns/empty-states)
+[Empty States](empty-states.md)
 
 Covers first use and no results.
 
-[Destructive Actions](/docs/patterns/destructive-actions)
+[Destructive Actions](destructive-actions.md)
 
 Covers confirming bulk actions.

package/dist/docs/{products → product/products}/tempo-console.md

@@ -383,9 +383,9 @@ API Keys lists the keys of the selected environment, for the whole organization
 
 Patterns:
 
-* [Tables and Lists](/docs/patterns/tables-and-lists) for the key table, its filter, and row actions.
-* [Destructive Actions](/docs/patterns/destructive-actions) for the revoke confirmation.
-* [Empty States](/docs/patterns/empty-states) for a project or environment with no keys.
+* [Tables and Lists](../patterns/tables-and-lists.md) for the key table, its filter, and row actions.
+* [Destructive Actions](../patterns/destructive-actions.md) for the revoke confirmation.
+* [Empty States](../patterns/empty-states.md) for a project or environment with no keys.
 
 ### Create Key
 
@@ -587,8 +587,8 @@ New key asks for a project, a name, and scopes. The console shows the token only
 
 Patterns:
 
-* [Forms](/docs/patterns/forms) for labels, descriptions, and the submit action.
-* [Errors and Validation](/docs/patterns/errors-and-validation) for the missing name and the empty scope set.
+* [Forms](../patterns/forms.md) for labels, descriptions, and the submit action.
+* [Errors and Validation](../patterns/errors-and-validation.md) for the missing name and the empty scope set.
 
 ### Webhooks
 
@@ -604,7 +604,7 @@ To build one, reuse these parts:
 
 ### Show the Key's Identity, Never the Secret
 
-After creation, identify a key by its prefix and last four characters, such as `tempo:sk:…a91c`. Show the full token once, masked in [SecretValue](/docs/components/secret-value), and tell people to copy it into a secret manager now.
+After creation, identify a key by its prefix and last four characters, such as `tempo:sk:…a91c`. Show the full token once, masked in [SecretValue](../components/secret-value.md), and tell people to copy it into a secret manager now.
 
 **Do:** Say what happens when the reveal state closes: You can't view this key again.
 
@@ -646,26 +646,26 @@ The library has no part for these needs yet. Before you add one, propose it as a
 
 ## Related
 
-[Tables and Lists](/docs/patterns/tables-and-lists)
+[Tables and Lists](../patterns/tables-and-lists.md)
 
 Covers key and member tables.
 
-[Destructive Actions](/docs/patterns/destructive-actions)
+[Destructive Actions](../patterns/destructive-actions.md)
 
 Covers revoking keys and removing members.
 
-[AppShell](/docs/components/app-shell)
+[AppShell](../components/app-shell.md)
 
 Use for the console frame.
 
-[SecretValue](/docs/components/secret-value)
+[SecretValue](../components/secret-value.md)
 
 Use for one-time key reveal.
 
-[Table](/docs/components/table)
+[Table](../components/table.md)
 
 Use for key lists.
 
-[Banner](/docs/components/banner)
+[Banner](../components/banner.md)
 
 Use for the sandbox notice.