@tempoxyz/ds 0.3.11 → 0.3.13

package/dist/docs/{foundations → product/foundations}/agents.md

@@ -12,11 +12,11 @@ The rules on this page turn that guidance into requirements for generated UI, an
 
 Give your agent one of these entry points.
 
-* **Agent Prompt:** The [Getting Started](/docs/introduction/getting-started#agent-prompt) prompt points your agent at the home page, which returns the page index.
+* **Agent Prompt:** The [Getting Started](../introduction/getting-started.md#agent-prompt) prompt points your agent at the home page, which returns the page index.
 * **Page Index (/llms.txt):** [The index](/llms.txt) lists every page in sidebar order, with its Markdown link and description.
 * **Full Text (/llms-full.txt):** [One file](/llms-full.txt) holds every page's Markdown, each after a `---` line and a `Source:` URL.
 * **Copy Page:** On wide screens, Copy page copies the page's Markdown, and View markdown opens it.
-* **In the Package (dist/docs):** The package ships every page's Markdown for its version, with an index and an agent guide.
+* **In the Package (dist/docs):** The package ships every page's Markdown for its version, with an agent guide and an index for each system.
 
 ### Markdown Twins
 
@@ -60,8 +60,8 @@ These rules are requirements, and so are the Guidelines, Content, and Accessibil
 
 ### Use Library Components First
 
-* **Catalog First:** Check the [Components](/docs/components) overview, which compares similar ones, before you write markup.
-* **Intent First:** Choose each component by the job of its content, as [Building From Intent](/docs/foundations/intent) describes, not by the old markup.
+* **Catalog First:** Check the [Components](../components.md) overview, which compares similar ones, before you write markup.
+* **Intent First:** Choose each component by the job of its content, as [Building From Intent](intent.md) describes, not by the old markup.
 * **Public Entrypoints:** Import `@tempoxyz/ds` on Web and `@tempoxyz/ds/mobile` in React Native, with icons from `/icons`.
 * **No Rebuilds:** Don't rebuild a library component or swap in a raw Base UI primitive or another library.
 * **Named Parts:** Build larger components from their named parts, such as `Dialog.Root` and `Dialog.Title`.
@@ -77,27 +77,27 @@ These rules are requirements, and so are the Guidelines, Content, and Accessibil
 ### Use Only Documented APIs
 
 * **Documented Props:** Use only the props, parts, and values that a component page or its TSDoc documents.
-* **Missing Pieces:** Build a missing variant or token locally with `style`, and flag it for a [proposal](/docs/introduction/faq#how-do-i-request-a-component-variant-or-token).
+* **Missing Pieces:** Build a missing variant or token locally with `style`, and flag it for a [proposal](../introduction/faq.md#how-do-i-request-a-component-variant-or-token).
 * **Installed Package:** Don't patch the installed package or target the class names that it generates.
 
 ### Follow the Guidelines
 
 * **Whole Pages:** Read a component's whole page before you use it, not only its Examples section.
-* **Patterns:** Apply the foundations and patterns that fit, such as [Payments](/docs/patterns/payments) and [Blockchain Values](/docs/patterns/blockchain-values).
-* **Native Semantics:** Keep native semantics, and meet every item on the [Accessibility](/docs/foundations/accessibility#checklist) checklist.
+* **Patterns:** Apply the foundations and patterns that fit, such as [Payments](../patterns/payments.md) and [Blockchain Values](../patterns/blockchain-values.md).
+* **Native Semantics:** Keep native semantics, and meet every item on the [Accessibility](accessibility.md#checklist) checklist.
 
 ### Write Copy to the Content Guidelines
 
-* **Labels and Terms:** Use sentence case and verb-first button labels, as [Writing Style](/docs/foundations/content/writing-style#write-labels) describes.
-* **Amounts and Addresses:** Format amounts with [Amount](/docs/components/amount) and a `currency` or `symbol`, and addresses and hashes with [Hex](/docs/components/hex).
-* **Errors:** Write error messages that state the fix, as [Writing Style](/docs/foundations/content/writing-style#write-messages) describes.
+* **Labels and Terms:** Use sentence case and verb-first button labels, as [Writing Style](content/writing-style.md#write-labels) describes.
+* **Amounts and Addresses:** Format amounts with [Amount](../components/amount.md) and a `currency` or `symbol`, and addresses and hashes with [Hex](../components/hex.md).
+* **Errors:** Write error messages that state the fix, as [Writing Style](content/writing-style.md#write-messages) describes.
 
 ## Checks
 
 If a tool can check a rule, run it as a check.
 
 * **Types (tsc):** Token names are typed, so an unknown token fails to compile.
-* **Lint (@tempoxyz/ds/oxlint):** Checks styles, imports, and accessible names, as [Linter](/docs/foundations/linter) lists.
+* **Lint (@tempoxyz/ds/oxlint):** Checks styles, imports, accessible names, and hand-built components, as [Linter](linter.md) lists.
 
 ## Add Rules to Your Project
 
@@ -125,26 +125,26 @@ Keep documentation readable for both audiences.
 
 ## Related
 
-[Getting Started](/docs/introduction/getting-started)
+[Getting Started](../introduction/getting-started.md)
 
 Covers setup and the agent prompt.
 
-[FAQ](/docs/introduction/faq)
+[FAQ](../introduction/faq.md)
 
 Covers common questions.
 
-[Components](/docs/components)
+[Components](../components.md)
 
 Covers the component catalog.
 
-[Building From Intent](/docs/foundations/intent)
+[Building From Intent](intent.md)
 
 Covers choosing a component by the job of its content.
 
-[Linter](/docs/foundations/linter)
+[Linter](linter.md)
 
 Covers the lint rules that check library use.
 
-[Voice](/docs/foundations/content/voice)
+[Voice](content/voice.md)
 
 Covers how Tempo UI copy sounds.

package/dist/docs/{foundations → product/foundations}/color.md

@@ -156,7 +156,7 @@ Materials are translucent layers in five strengths, and scrims dim the page behi
 
 ## Intents
 
-Components that report status take an intent, not a hue, so a status looks the same everywhere. Choose the intent by the message. An [Alert](/docs/components/alert) tints its container and colors its indicator by intent.
+Components that report status take an intent, not a hue, so a status looks the same everywhere. Choose the intent by the message. An [Alert](../components/alert.md) tints its container and colors its indicator by intent.
 
 * **Neutral (content.subtle):** Default states and features, such as a payment that is still pending.
 * **Positive (content.positive):** Success, completion, and incoming funds, such as a confirmed payment.
@@ -497,26 +497,26 @@ Lines measure below 3:1, so they divide content but never identify a control alo
 
 ## Related
 
-[Typography](/docs/foundations/typography)
+[Typography](typography.md)
 
 Covers text sizes that change contrast thresholds.
 
-[Accessibility](/docs/foundations/accessibility)
+[Accessibility](accessibility.md)
 
 Covers the full WCAG 2.2 AA checklist.
 
-[Feedback and Status](/docs/patterns/feedback-and-status)
+[Feedback and Status](../patterns/feedback-and-status.md)
 
 Covers choosing an intent.
 
-[Banner](/docs/components/banner)
+[Banner](../components/banner.md)
 
 Use for status text on a status fill.
 
-[Alert](/docs/components/alert)
+[Alert](../components/alert.md)
 
 Use for intent colors in context.
 
-[Banner](/docs/components/banner)
+[Banner](../components/banner.md)
 
 Use for intent colors in context.

package/dist/docs/{foundations → product/foundations}/content/tone.md

@@ -4,7 +4,7 @@ How Tempo's voice adjusts to the reader, from a first visit to an error.
 
 ## Overview
 
-[Voice](/docs/foundations/content/voice) stays the same everywhere. Tone shifts with what the reader is doing and how they feel, and grows plainer and more specific as more money or access is at stake.
+[Voice](voice.md) stays the same everywhere. Tone shifts with what the reader is doing and how they feel, and grows plainer and more specific as more money or access is at stake.
 
 ## Situations
 
@@ -41,7 +41,7 @@ Welcome a new reader, and explain each new term once, in one sentence.
 
 ### Success
 
-State what finished in a positive [Toast](/docs/components/toast) when nothing is left to do, then stop.
+State what finished in a positive [Toast](../../components/toast.md) when nothing is left to do, then stop.
 
 * **Name the Result:** Use a noun and a past-tense verb.
 * **Add the Detail:** Add the amount or recipient as confirmation.
@@ -132,15 +132,15 @@ namespace styles {
 }
 ```
 
-* **Local Risk (Alert):** Use a warning [Alert](/docs/components/alert) for a field or section.
-* **Product-Wide Condition (Banner):** Use a warning [Banner](/docs/components/banner) for the whole product.
+* **Local Risk (Alert):** Use a warning [Alert](../../components/alert.md) for a field or section.
+* **Product-Wide Condition (Banner):** Use a warning [Banner](../../components/banner.md) for the whole product.
 
 ### Errors
 
-Stay neutral and direct, and follow the [error message structure](/docs/foundations/content/writing-style#structure-error-messages).
+Stay neutral and direct, and follow the [error message structure](writing-style.md#structure-error-messages).
 
 * **Lead With the Fix:** Add the cause only if it helps the reader act.
-* **Show It Inline:** Show a blocking error inline, not in a [Toast](/docs/components/toast).
+* **Show It Inline:** Show a blocking error inline, not in a [Toast](../../components/toast.md).
 * **Keep the TextInput:** Keep the input, and state what to change.
 * **Skip Blame and Jokes:** Don't apologize at length, blame, or joke.
 
@@ -188,7 +188,7 @@ Repeat the exact amount, recipient, and fee on every step.
 
 ### Irreversible Actions
 
-Use a serious, explicit tone, as [Destructive Actions](/docs/patterns/destructive-actions) shows.
+Use a serious, explicit tone, as [Destructive Actions](../../patterns/destructive-actions.md) shows.
 
 * **Name the Consequence:** Name exactly what the action removes or ends.
 * **Confirm Payments on Review:** On review, state once that payments are final.

package/dist/docs/{foundations → product/foundations}/content/voice.md

@@ -4,7 +4,7 @@ Tempo's personality in words, consistent across every product.
 
 ## Overview
 
-Voice is how Tempo sounds in every product: a knowledgeable colleague who explains plainly and wastes no time, as on [tempo.xyz](https://tempo.xyz) and in the [developer docs](https://tempo.xyz/developers). [Tone](/docs/foundations/content/tone) adapts it to each situation, such as a first visit or a failed payment.
+Voice is how Tempo sounds in every product: a knowledgeable colleague who explains plainly and wastes no time, as on [tempo.xyz](https://tempo.xyz) and in the [developer docs](https://tempo.xyz/developers). [Tone](tone.md) adapts it to each situation, such as a first visit or a failed payment.
 
 ## How Tempo Writes
 
@@ -21,7 +21,7 @@ Each trait names the line it must not cross.
 ### Clear, Not Simplistic
 
 **Do:** Describe a payment in everyday money words, and format each value with
-[Amount](/docs/components/amount) or [Hex](/docs/components/hex).
+[Amount](../../components/amount.md) or [Hex](../../components/hex.md).
 
 ```tsx
 /**

package/dist/docs/{foundations → product/foundations}/content/writing-style.md

@@ -197,17 +197,17 @@ namespace styles {
 ### Links
 
 * **Name the Destination:** Name where the link goes.
-* **No Typed Arrows:** Leave out →, and let [ListGroup](/docs/components/list-group) draw a chevron.
+* **No Typed Arrows:** Leave out →, and let [ListGroup](../../components/list-group.md) draw a chevron.
 
 ### Tooltips
 
-* **A Few Words:** Name or clarify the trigger of a [Tooltip](/docs/components/tooltip).
+* **A Few Words:** Name or clarify the trigger of a [Tooltip](../../components/tooltip.md).
 * **Definitions:** A definition can be one full sentence.
 * **Nothing Essential:** Keep actions and essential details on the page.
 
 ### Status Labels
 
-* **Short Status:** Use one or two words in a [Badge](/docs/components/badge) or status column.
+* **Short Status:** Use one or two words in a [Badge](../../components/badge.md) or status column.
 * **One Name per Status:** Keep one name for each status on every screen.
 
 ## Write Messages
@@ -284,11 +284,11 @@ namespace styles {
 ### Empty States
 
 * **Why It's Empty:** Say why the area has nothing to show.
-* **What to Do Next:** Offer the next step, as [Empty States](/docs/patterns/empty-states) shows.
+* **What to Do Next:** Offer the next step, as [Empty States](../../patterns/empty-states.md) shows.
 
 ### Confirmations
 
-* **Two to Four Words:** Title a [Toast](/docs/components/toast) with the outcome.
+* **Two to Four Words:** Title a [Toast](../../components/toast.md) with the outcome.
 * **Needed Detail Only:** Describe only needed detail, such as the amount.
 * **Shortcut Actions:** Make each toast action reachable elsewhere too.
 
@@ -393,14 +393,14 @@ Write for a reader new to crypto.
 
 ## Related
 
-[Button](/docs/components/button)
+[Button](../../components/button.md)
 
 Use for button labels.
 
-[Field](/docs/components/field)
+[Field](../../components/field.md)
 
 Use for labels, descriptions, and errors.
 
-[Errors and Validation](/docs/patterns/errors-and-validation)
+[Errors and Validation](../../patterns/errors-and-validation.md)
 
 Covers when and where to show errors.

package/dist/docs/{foundations → product/foundations}/iconography.md

@@ -28,15 +28,15 @@ export function SendButton() {
 
 ## Size and Color
 
-Components size and color their own icons, so inside a [Button](/docs/components/button) you add only the icon as a child.
+Components size and color their own icons, so inside a [Button](../components/button.md) you add only the icon as a child.
 
 ### Size
 
 * **Beside Text (1em):** The default in buttons, links, and running text.
 * **Beside Titles (20px):** A larger icon beside a section or card title.
-* **Status Icons (20px):** A status icon beside a message, as in a [Toast](/docs/components/toast).
-* **Alert Indicator (16px):** An [Alert](/docs/components/alert) marks its tone with a square in a 16px box.
-* **Modal Icons (24px):** An [IconTile](/docs/components/icon-tile) frames the icon above a modal title.
+* **Status Icons (20px):** A status icon beside a message, as in a [Toast](../components/toast.md).
+* **Alert Indicator (16px):** An [Alert](../components/alert.md) marks its tone with a square in a 16px box.
+* **Modal Icons (24px):** An [IconTile](../components/icon-tile.md) frames the icon above a modal title.
 * **Standalone Icons (fontSize):** Set its font size, not its width and height.
 
 ### Color
@@ -235,15 +235,15 @@ namespace styles {
 }
 ```
 
-* **Token Logos (TokenLogo):** Render token and network logos with [TokenLogo](/docs/components/token-logo).
-* **Account Images (Identicon):** Render accounts with [Avatar](/docs/components/avatar) or [Identicon](/docs/components/identicon).
+* **Token Logos (TokenLogo):** Render token and network logos with [TokenLogo](../components/token-logo.md).
+* **Account Images (Identicon):** Render accounts with [Avatar](../components/avatar.md) or [Identicon](../components/identicon.md).
 
 ## Accessibility
 
 * **Decorative by Default (aria-hidden):** An icon without `aria-label` or `aria-labelledby` is hidden, so screen readers skip it.
 * **Meaningful Icons (role=img):** Add `aria-label` only if no nearby text states its meaning, such as a lone status icon.
 * **Icon-Only Buttons (aria-label):** Label the button, not the icon. Name the action, such as Close dialog rather than X.
-* **Tooltips (Tooltip):** Pair an icon-only button with a [Tooltip](/docs/components/tooltip) that repeats its label for sighted mouse users.
+* **Tooltips (Tooltip):** Pair an icon-only button with a [Tooltip](../components/tooltip.md) that repeats its label for sighted mouse users.
 * **Contrast (3:1):** Applies to meaningful icons. Both `content.primary` and `content.secondary` pass.
 * **Forced Colors (currentColor):** Icons follow the system text color in forced colors mode, with no extra styles.
 
@@ -265,18 +265,18 @@ import copyUrl from '@tempoxyz/ds/icons/Copy.svg'
 
 ## Related
 
-[Button](/docs/components/button)
+[Button](../components/button.md)
 
 Use for icon buttons and icons beside labels.
 
-[IconTile](/docs/components/icon-tile)
+[IconTile](../components/icon-tile.md)
 
 Use for framed icons in headers and lists.
 
-[Tooltip](/docs/components/tooltip)
+[Tooltip](../components/tooltip.md)
 
 Use for labelling icon buttons.
 
-[Color](/docs/foundations/color)
+[Color](color.md)
 
 Covers icon colors.

package/dist/docs/{foundations → product/foundations}/intent.md

@@ -14,7 +14,7 @@ Name the job of each part before you open the catalog: records, details, status,
 
 ### Choose by Documented Job
 
-Find the job in [Common Intents](#common-intents) or the comparisons on [Components](/docs/components#choosing-a-component). Then read the When to Use section of the component page.
+Find the job in [Common Intents](#common-intents) or the comparisons on [Components](../components.md#choosing-a-component). Then read the When to Use section of the component page.
 
 ### Check When Not to Use
 
@@ -22,11 +22,11 @@ Read the When Not to Use section of the same page. If it names your case, use th
 
 ### Write the Labels
 
-Write every label from the [Writing Style](/docs/foundations/content/writing-style) rules. Map a raw API value, such as `payment_failed`, to a word, such as Failed.
+Write every label from the [Writing Style](content/writing-style.md) rules. Map a raw API value, such as `payment_failed`, to a word, such as Failed.
 
 ### Check the Fit
 
-Render the result at the narrowest width that its column or container reaches, and confirm that nothing overlaps or clips. In a table, follow [Keep Multi-Line Rows Readable](/docs/patterns/tables-and-lists#keep-multi-line-rows-readable).
+Render the result at the narrowest width that its column or container reaches, and confirm that nothing overlaps or clips. In a table, follow [Keep Multi-Line Rows Readable](../patterns/tables-and-lists.md#keep-multi-line-rows-readable).
 
 ## Common Intents
 
@@ -34,26 +34,26 @@ Each tile names a job, the component for it, and the question that tells it apar
 
 ### Data
 
-* **Records (Table):** Do people compare many records across the same fields? Use a [Table](/docs/components/table), one row per record.
-* **One Record (ListGroup):** Does the view show the fields of one record? Use [ListGroup](/docs/components/list-group) rows with `ListGroup.Label`.
-* **Identifier (Hex):** Is it an address or a hash outside a table? Use [Hex](/docs/components/hex) with `copy`. A table column uses a `mono` cell.
-* **Amount (Amount):** Is it money or a token balance? Use [Amount](/docs/components/amount) with a `currency` or a `symbol`.
-* **Metric (Surface):** Is it a headline number on a dashboard? Use a small [Surface](/docs/components/surface) tile, as [Dashboards](/docs/patterns/dashboards) shows.
+* **Records (Table):** Do people compare many records across the same fields? Use a [Table](../components/table.md), one row per record.
+* **One Record (ListGroup):** Does the view show the fields of one record? Use [ListGroup](../components/list-group.md) rows with `ListGroup.Label`.
+* **Identifier (Hex):** Is it an address or a hash outside a table? Use [Hex](../components/hex.md) with `copy`. A table column uses a `mono` cell.
+* **Amount (Amount):** Is it money or a token balance? Use [Amount](../components/amount.md) with a `currency` or a `symbol`.
+* **Metric (Surface):** Is it a headline number on a dashboard? Use a small [Surface](../components/surface.md) tile, as [Dashboards](../patterns/dashboards.md) shows.
 
 ### Status
 
-* **Status in a Table (status):** Does the status sit in a table row? Set `status` on its [Table](/docs/components/table) cell, and keep the status word beside the color.
-* **Status of a Payment (StatusChip):** Does a payment, an authorization, or a network have a status outside a table? Use a [StatusChip](/docs/components/status-chip).
-* **Live System Status (StatusIndicator):** Does a service or a connection report its live state? Use a [StatusIndicator](/docs/components/status-indicator).
-* **Running Task (StatusRow):** Does a person wait on one task that finishes within minutes? Follow it with a [StatusRow](/docs/components/status-row).
-* **Attribute (Badge):** Does a word name a category or an attribute, such as Testnet? Use a [Badge](/docs/components/badge) beside the title.
+* **Status in a Table (status):** Does the status sit in a table row? Set `status` on its [Table](../components/table.md) cell, and keep the status word beside the color.
+* **Status of a Payment (StatusChip):** Does a payment, an authorization, or a network have a status outside a table? Use a [StatusChip](../components/status-chip.md).
+* **Live System Status (StatusIndicator):** Does a service or a connection report its live state? Use a [StatusIndicator](../components/status-indicator.md).
+* **Running Task (StatusRow):** Does a person wait on one task that finishes within minutes? Follow it with a [StatusRow](../components/status-row.md).
+* **Attribute (Badge):** Does a word name a category or an attribute, such as Testnet? Use a [Badge](../components/badge.md) beside the title.
 
 ### Interaction
 
-* **Message (Alert):** Does a sentence explain a condition? Use an [Alert](/docs/components/alert) for a section and a [Banner](/docs/components/banner) for the page.
-* **Action (Button):** Does it start something in the current view? Use a [Button](/docs/components/button) with a verb label, such as Send payment.
-* **Choice (RadioGroup):** Does a person pick one option? Compare [RadioGroup](/docs/components/radio-group) and the others on [Components](/docs/components#choosing-one-option).
-* **Navigation (SidebarMenu):** Does it open another page? Use a link, or a [SidebarMenu](/docs/components/sidebar-menu) for the main destinations of an app.
+* **Message (Alert):** Does a sentence explain a condition? Use an [Alert](../components/alert.md) for a section and a [Banner](../components/banner.md) for the page.
+* **Action (Button):** Does it start something in the current view? Use a [Button](../components/button.md) with a verb label, such as Send payment.
+* **Choice (RadioGroup):** Does a person pick one option? Compare [RadioGroup](../components/radio-group.md) and the others on [Components](../components.md#choosing-one-option).
+* **Navigation (SidebarMenu):** Does it open another page? Use a link, or a [SidebarMenu](../components/sidebar-menu.md) for the main destinations of an app.
 
 ## Porting an Existing Interface
 
@@ -61,7 +61,7 @@ A port replaces old markup with library components. Map the job of each part ins
 
 ### Show Records as Rows
 
-**Do:** Show records that share fields as the rows of a [Table](/docs/components/table).
+**Do:** Show records that share fields as the rows of a [Table](../components/table.md).
 
 ```tsx
 /**
@@ -102,7 +102,7 @@ export function Demo() {
 }
 ```
 
-**Don't:** Wrap each record in a [Surface](/docs/components/surface) card because the old screen drew
+**Don't:** Wrap each record in a [Surface](../components/surface.md) card because the old screen drew
 cards.
 
 ```tsx
@@ -149,7 +149,7 @@ namespace styles {
 
 ### Write Status Words, Not API Values
 
-**Do:** Color a status word in sentence case with the `status` of its [Table](/docs/components/table)
+**Do:** Color a status word in sentence case with the `status` of its [Table](../components/table.md)
 cell.
 
 ```tsx
@@ -189,7 +189,7 @@ export function Demo() {
 }
 ```
 
-**Don't:** Copy a grey pill into a [Badge](/docs/components/badge) with the raw value from the API.
+**Don't:** Copy a grey pill into a [Badge](../components/badge.md) with the raw value from the API.
 
 ```tsx
 /**
@@ -236,7 +236,7 @@ export function Demo() {
 
 ### Fit Identifiers to Their Column
 
-[Hex](/docs/components/hex) truncates to its container, down to the prefix, one character on each side, and its copy button. A narrower column lets it overflow into the next cell.
+[Hex](../components/hex.md) truncates to its container, down to the prefix, one character on each side, and its copy button. A narrower column lets it overflow into the next cell.
 
 **Do:** Set `mono` on the cell and shorten the value with `formatHex` from `@tempoxyz/ds`, which keeps
 four characters on each side. Show the full value with `copy` on the details view.
@@ -279,7 +279,7 @@ export function Demo() {
 }
 ```
 
-**Don't:** Place a [Hex](/docs/components/hex) with `copy` in a column narrower than its minimum
+**Don't:** Place a [Hex](../components/hex.md) with `copy` in a column narrower than its minimum
 width.
 
 ```tsx
@@ -339,22 +339,22 @@ Before you ship a screen, confirm each item.
 
 ## Related
 
-[Components](/docs/components)
+[Components](../components.md)
 
 Covers the catalog and the comparisons between similar components.
 
-[Agents](/docs/foundations/agents)
+[Agents](agents.md)
 
 Covers the rules that coding agents follow.
 
-[Tables and Lists](/docs/patterns/tables-and-lists)
+[Tables and Lists](../patterns/tables-and-lists.md)
 
 Covers tables, lists, and the details of one record.
 
-[Feedback and Status](/docs/patterns/feedback-and-status)
+[Feedback and Status](../patterns/feedback-and-status.md)
 
 Covers status words and the channel for each message.
 
-[Writing Style](/docs/foundations/content/writing-style)
+[Writing Style](content/writing-style.md)
 
 Covers labels, status words, and sentence case.

package/dist/docs/{foundations → product/foundations}/layout.md

@@ -8,11 +8,11 @@ Tempo pages are calm and orderly. Flat cards sit on a tinted page, line up on a
 
 Space follows relationships. Elements sit close within a group, further apart between groups, and furthest apart between sections. As the screen widens, the margins grow and the sidebar opens, while the content keeps a comfortable width.
 
-For page frames and width changes, see [Responsive Layout](/docs/patterns/responsive-layout).
+For page frames and width changes, see [Responsive Layout](../patterns/responsive-layout.md).
 
 ## Page Structure
 
-Every page shares one frame, which [App Shell](/docs/components/app-shell) provides.
+Every page shares one frame, which [App Shell](../components/app-shell.md) provides.
 
 * **Sidebar:** Navigation on the start edge, which moves into a drawer on small screens.
 * **Top Bar:** The page title and its main action, in one bar above the content.
@@ -20,7 +20,7 @@ Every page shares one frame, which [App Shell](/docs/components/app-shell) provi
 
 ## Grid
 
-Wide pages divide into twelve columns. Each card, chart, and table takes a share of them, and every row keeps the same gutters. [Grid](/docs/components/grid) lays out the columns.
+Wide pages divide into twelve columns. Each card, chart, and table takes a share of them, and every row keeps the same gutters. [Grid](../components/grid.md) lays out the columns.
 
 * **Summary Cards (3 of 12):** Key figures in a row of equal cards.
 * **Chart and Panel (8 and 4):** A wide chart beside a narrow panel.
@@ -38,7 +38,7 @@ Spacing comes from one scale of steps. Pick a step by how closely the elements r
 
 ## Radius
 
-Larger elements get rounder corners, from fields at 12px to modals at 32px. [Radius and Padding](/docs/foundations/radius-and-padding) covers each role and its padding.
+Larger elements get rounder corners, from fields at 12px to modals at 32px. [Radius and Padding](radius-and-padding.md) covers each role and its padding.
 
 * `none`: `0rem`
 * `3xs`: `calc(0.25rem * var(--tds-corner-scale, 1))`
@@ -62,7 +62,7 @@ Shadows mark layers that float above the page, and most surfaces need none. In d
 
 ## Widths
 
-[Container](/docs/components/container) centers content at a maximum width, with side gutters that grow on larger screens. Pick its size by the content, not by the screen.
+[Container](../components/container.md) centers content at a maximum width, with side gutters that grow on larger screens. Pick its size by the content, not by the screen.
 
 * **Narrow (48rem):** Forms, settings, and single-task flows.
 * **Medium (64rem):** Detail pages, such as a transaction or an API key.
@@ -95,12 +95,12 @@ namespace styles {
 
 Primitives arrange content without adding meaning. When a region needs meaning, render the primitive as a semantic element, such as a list or the main landmark.
 
-* **Stack (gap 16):** [Stack](/docs/components/stack) spaces a vertical run, such as fields in a form.
-* **Inline (gap 8):** [Inline](/docs/components/inline) spaces a horizontal run, such as actions or badges.
-* **Grid (gap 24):** [Grid](/docs/components/grid) arranges similar items, such as metric tiles.
-* **Container (size):** [Container](/docs/components/container) sets the page width and side gutters.
-* **Inset (space):** [Inset](/docs/components/inset) pads a region without drawing a container.
-* **Surface (size):** [Surface](/docs/components/surface) is a visible card that groups related content.
+* **Stack (gap 16):** [Stack](../components/stack.md) spaces a vertical run, such as fields in a form.
+* **Inline (gap 8):** [Inline](../components/inline.md) spaces a horizontal run, such as actions or badges.
+* **Grid (gap 24):** [Grid](../components/grid.md) arranges similar items, such as metric tiles.
+* **Container (size):** [Container](../components/container.md) sets the page width and side gutters.
+* **Inset (space):** [Inset](../components/inset.md) pads a region without drawing a container.
+* **Surface (size):** [Surface](../components/surface.md) is a visible card that groups related content.
 
 ## Guidelines
 
@@ -274,7 +274,7 @@ namespace styles {
 
 ### Keep Cards Flat
 
-Separate a [Surface](/docs/components/surface) from the page with its lighter background, not a shadow. Keep shadows for content that floats over other content.
+Separate a [Surface](../components/surface.md) from the page with its lighter background, not a shadow. Keep shadows for content that floats over other content.
 
 **Do:** Keep cards flat, and add a shadow only to the layer above them.
 
@@ -316,7 +316,7 @@ Separate a [Surface](/docs/components/surface) from the page with its lighter ba
 
 ### Size Containers by Content
 
-Pick the narrowest [Container](/docs/components/container) that fits the content.
+Pick the narrowest [Container](../components/container.md) that fits the content.
 
 **Do:** Keep a form in a narrow container, so each field is as wide as its content needs.
 
@@ -471,38 +471,38 @@ namespace styles {
 
 ## Related
 
-[Responsive Layout](/docs/patterns/responsive-layout)
+[Responsive Layout](../patterns/responsive-layout.md)
 
 Covers page frames and width changes.
 
-[Stack](/docs/components/stack)
+[Stack](../components/stack.md)
 
 Use for arranging content.
 
-[Inline](/docs/components/inline)
+[Inline](../components/inline.md)
 
 Use for arranging content.
 
-[Grid](/docs/components/grid)
+[Grid](../components/grid.md)
 
 Use for arranging content.
 
-[Container](/docs/components/container)
+[Container](../components/container.md)
 
 Use for width and padding.
 
-[Inset](/docs/components/inset)
+[Inset](../components/inset.md)
 
 Use for width and padding.
 
-[Surface](/docs/components/surface)
+[Surface](../components/surface.md)
 
 Use for cards.
 
-[App Shell](/docs/components/app-shell)
+[App Shell](../components/app-shell.md)
 
 Use for the application frame.
 
-[Radius and Padding](/docs/foundations/radius-and-padding)
+[Radius and Padding](radius-and-padding.md)
 
 Covers how padding pairs with each radius.