@tempoxyz/ds 0.3.11 → 0.3.13

package/dist/docs/{components → product/components}/checkbox.md

@@ -185,17 +185,17 @@ import { Checkbox } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Switch](/docs/components/switch) for a setting that applies immediately.
-* Use [CheckboxGroup](/docs/components/checkbox-group) for several related options that share one value array.
-* If only one of several options can be chosen, use [RadioGroup](/docs/components/radio-group) or [ChoiceGroup](/docs/components/choice-group).
-* If each option needs an icon or a description, use `Choicebox.Checkbox` from [Choicebox](/docs/components/choicebox).
+* Use [Switch](switch.md) for a setting that applies immediately.
+* Use [CheckboxGroup](checkbox-group.md) for several related options that share one value array.
+* If only one of several options can be chosen, use [RadioGroup](radio-group.md) or [ChoiceGroup](choice-group.md).
+* If each option needs an icon or a description, use `Choicebox.Checkbox` from [Choicebox](choicebox.md).
 
 ### Choose Checkbox or Switch by When It Applies
 
 * **Checkbox (on submit):** Applies when the form is submitted.
 * **Switch (on change):** Applies immediately, such as Payment notifications.
 
-Don't put a [Switch](/docs/components/switch) in a form that ends with Save, or a checkbox in a settings list that saves on change.
+Don't put a [Switch](switch.md) in a form that ends with Save, or a checkbox in a settings list that saves on change.
 
 ### Write the Label as the Checked Statement
 
@@ -247,7 +247,7 @@ export function Demo() {
 
 ### Make the Label Toggle the Box
 
-Pair the checkbox with `Field.Item` and `Field.Label` from [Field](/docs/components/field), or wrap both in a `<label>`. Pressing the text then toggles the box.
+Pair the checkbox with `Field.Item` and `Field.Label` from [Field](field.md), or wrap both in a `<label>`. Pressing the text then toggles the box.
 
 **Do:** Put the checkbox and its `Field.Label` in one `Field.Item`.
 
@@ -299,7 +299,7 @@ namespace styles {
 
 ### Use Indeterminate for Partial Selection Only
 
-Inside a [CheckboxGroup](/docs/components/checkbox-group), set `parent` instead and let the group manage the state.
+Inside a [CheckboxGroup](checkbox-group.md), set `parent` instead and let the group manage the state.
 
 **Do:** Set `indeterminate` on a box that controls others while only some are checked.
 
@@ -446,22 +446,22 @@ The check animates in with a slight overshoot. Under `prefers-reduced-motion: re
 
 ## Related
 
-[CheckboxGroup](/docs/components/checkbox-group)
+[CheckboxGroup](checkbox-group.md)
 
 Use for several related checkboxes.
 
-[Switch](/docs/components/switch)
+[Switch](switch.md)
 
 Use for settings that apply immediately.
 
-[Field](/docs/components/field)
+[Field](field.md)
 
 Use for the label and description.
 
-[Choicebox](/docs/components/choicebox)
+[Choicebox](choicebox.md)
 
 Use for options that need descriptions.
 
-[Forms](/docs/patterns/forms)
+[Forms](../patterns/forms.md)
 
 Covers placing checkboxes in a form.

package/dist/docs/{components → product/components}/choice-group.md

@@ -214,12 +214,12 @@ import { ChoiceGroup } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* If options need longer labels or are submitted with a form, use [RadioGroup](/docs/components/radio-group).
-* Use [Select](/docs/components/select) for many options, or when space is limited.
-* Use [Tabs](/docs/components/tabs) to switch between panels, such as Overview, Activity, and Settings.
-* If each option needs an icon and a description, use [Choicebox](/docs/components/choicebox).
-* Use [Switch](/docs/components/switch) for an on or off setting, not On and Off segments.
-* Use [Button](/docs/components/button) for actions such as Send, Receive, and Swap.
+* If options need longer labels or are submitted with a form, use [RadioGroup](radio-group.md).
+* Use [Select](select.md) for many options, or when space is limited.
+* Use [Tabs](tabs.md) to switch between panels, such as Overview, Activity, and Settings.
+* If each option needs an icon and a description, use [Choicebox](choicebox.md).
+* Use [Switch](switch.md) for an on or off setting, not On and Off segments.
+* Use [Button](button.md) for actions such as Send, Receive, and Swap.
 
 ### Keep Options Few and Short
 
@@ -321,7 +321,7 @@ export function Demo() {
 
 ### Apply the Choice Immediately
 
-If the choice waits for a form submit, use [RadioGroup](/docs/components/radio-group).
+If the choice waits for a form submit, use [RadioGroup](radio-group.md).
 
 **Do:** Update the view when the selection changes, such as redrawing the chart for 7D.
 
@@ -381,9 +381,9 @@ namespace styles {
 
 ### Match the Height of Nearby Controls
 
-`small`, `medium`, and `large` tracks are 32, 48, and 56px tall. A `medium` track fills its row and gives each item an equal width, as tall as [TextInput](/docs/components/text-input).
+`small`, `medium`, and `large` tracks are 32, 48, and 56px tall. A `medium` track fills its row and gives each item an equal width, as tall as [TextInput](text-input.md).
 
-**Do:** Use `small` in a dashboard toolbar beside a small [Select](/docs/components/select).
+**Do:** Use `small` in a dashboard toolbar beside a small [Select](select.md).
 
 ```tsx
 /**
@@ -495,22 +495,22 @@ Under `prefers-reduced-motion: reduce`, the pill moves without sliding and items
 
 ## Related
 
-[RadioGroup](/docs/components/radio-group)
+[RadioGroup](radio-group.md)
 
 Use for one choice in a form.
 
-[Tabs](/docs/components/tabs)
+[Tabs](tabs.md)
 
 Use for switching between panels.
 
-[Select](/docs/components/select)
+[Select](select.md)
 
 Use for longer lists.
 
-[Choicebox](/docs/components/choicebox)
+[Choicebox](choicebox.md)
 
 Use for options with descriptions.
 
-[Dashboards](/docs/patterns/dashboards)
+[Dashboards](../patterns/dashboards.md)
 
 Covers filters above charts.

package/dist/docs/{components → product/components}/choicebox.md

@@ -235,10 +235,10 @@ import { Choicebox } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* If a label alone tells the options apart, use [RadioGroup](/docs/components/radio-group).
-* Use [ChoiceGroup](/docs/components/choice-group) for a short mode switch, such as a chart's time range.
-* Use [Select](/docs/components/select) for more options than fit on screen.
-* Use [Button](/docs/components/button) for a single action, and [Menu](/docs/components/menu) for actions that need no description.
+* If a label alone tells the options apart, use [RadioGroup](radio-group.md).
+* Use [ChoiceGroup](choice-group.md) for a short mode switch, such as a chart's time range.
+* Use [Select](select.md) for more options than fit on screen.
+* Use [Button](button.md) for a single action, and [Menu](menu.md) for actions that need no description.
 
 ### Pick the Group by What a Tile Does
 
@@ -620,22 +620,22 @@ Pressed tiles scale to `scale.press` (0.98), except under `prefers-reduced-motio
 
 ## Related
 
-[RadioGroup](/docs/components/radio-group)
+[RadioGroup](radio-group.md)
 
 Use for one choice with short labels.
 
-[CheckboxGroup](/docs/components/checkbox-group)
+[CheckboxGroup](checkbox-group.md)
 
 Use for several choices with short labels.
 
-[ChoiceGroup](/docs/components/choice-group)
+[ChoiceGroup](choice-group.md)
 
 Use for switching a view or mode.
 
-[Fieldset](/docs/components/fieldset)
+[Fieldset](fieldset.md)
 
 Use for naming a group with a legend.
 
-[Payments](/docs/patterns/payments)
+[Payments](../patterns/payments.md)
 
 Covers choosing a funding or settlement method.

package/dist/docs/{components → product/components}/code.md

@@ -50,9 +50,9 @@ import { Code } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use a [Snippet](/docs/components/snippet) for a command that people copy or a block of code.
-* Use [Kbd](/docs/components/kbd) for keys and shortcuts.
-* Use a [Badge](/docs/components/badge) for a status or an attribute.
+* Use a [Snippet](snippet.md) for a command that people copy or a block of code.
+* Use [Kbd](kbd.md) for keys and shortcuts.
+* Use a [Badge](badge.md) for a status or an attribute.
 
 ### Keep Code Short
 
@@ -91,10 +91,10 @@ Code renders a native `<code>` element, which screen readers read as part of the
 
 ## Related
 
-[Snippet](/docs/components/snippet)
+[Snippet](snippet.md)
 
 Use for commands that people copy.
 
-[Kbd](/docs/components/kbd)
+[Kbd](kbd.md)
 
 Use for keys and shortcuts.

package/dist/docs/{components → product/components}/combobox.md

@@ -317,10 +317,10 @@ import { Combobox } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* If people can scan the whole list without typing, use [Select](/docs/components/select).
-* If any typed text is a valid value, such as a recipient address, use [Autocomplete](/docs/components/autocomplete).
-* Use [RadioGroup](/docs/components/radio-group) or [ChoiceGroup](/docs/components/choice-group) for a few options that fit on screen.
-* Use [CheckboxGroup](/docs/components/checkbox-group) for several options from a short list.
+* If people can scan the whole list without typing, use [Select](select.md).
+* If any typed text is a valid value, such as a recipient address, use [Autocomplete](autocomplete.md).
+* Use [RadioGroup](radio-group.md) or [ChoiceGroup](choice-group.md) for a few options that fit on screen.
+* Use [CheckboxGroup](checkbox-group.md) for several options from a short list.
 
 ### Keep a Visible Label
 
@@ -918,22 +918,22 @@ DOM focus stays on the input while the arrow keys move the highlight. Chips take
 
 ## Related
 
-[Autocomplete](/docs/components/autocomplete)
+[Autocomplete](autocomplete.md)
 
 Use for free text with suggestions.
 
-[Select](/docs/components/select)
+[Select](select.md)
 
 Use for short lists.
 
-[Field](/docs/components/field)
+[Field](field.md)
 
 Use for the label and error.
 
-[TokenLogo](/docs/components/token-logo)
+[TokenLogo](token-logo.md)
 
 Use for token icons in items.
 
-[Blockchain Values](/docs/patterns/blockchain-values)
+[Blockchain Values](../patterns/blockchain-values.md)
 
 Covers showing assets and addresses.

package/dist/docs/{components → product/components}/container.md

@@ -133,9 +133,9 @@ import { Container } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [AppShell](/docs/components/app-shell) for pages with persistent navigation. `AppShell.Main` already caps and pads the content column.
-* Use [Inset](/docs/components/inset) to pad content inside a region, and [Surface](/docs/components/surface) for a card.
-* Use [Stack](/docs/components/stack) or [Grid](/docs/components/grid) to arrange the content inside the container.
+* Use [AppShell](app-shell.md) for pages with persistent navigation. `AppShell.Main` already caps and pads the content column.
+* Use [Inset](inset.md) to pad content inside a region, and [Surface](surface.md) for a card.
+* Use [Stack](stack.md) or [Grid](grid.md) to arrange the content inside the container.
 
 ### Pick a Size by Content
 
@@ -240,18 +240,18 @@ A container has no role, name, or keyboard behavior.
 
 ## Related
 
-[AppShell](/docs/components/app-shell)
+[AppShell](app-shell.md)
 
 Use for pages with a sidebar.
 
-[Stack](/docs/components/stack)
+[Stack](stack.md)
 
 Use for spacing content inside the container.
 
-[Layout](/docs/foundations/layout)
+[Layout](../foundations/layout.md)
 
 Covers widths, spacing, and breakpoints.
 
-[Responsive Layout](/docs/patterns/responsive-layout)
+[Responsive Layout](../patterns/responsive-layout.md)
 
 Covers adapting pages across breakpoints.

package/dist/docs/{components → product/components}/copy-button.md

@@ -50,7 +50,7 @@ namespace styles {
 
 ### Variant
 
-Set `variant` to any [Button](/docs/components/button) variant, such as `tertiary` (default) or `secondary`.
+Set `variant` to any [Button](button.md) variant, such as `tertiary` (default) or `secondary`.
 
 ```tsx
 import { CopyButton, style } from '@tempoxyz/ds'
@@ -105,10 +105,10 @@ import { CopyButton } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Hex](/docs/components/hex) with `copy` for addresses and transaction hashes. It truncates the middle and adds this button.
-* Use [Snippet](/docs/components/snippet) for a command or code value.
-* Use [SecretValue](/docs/components/secret-value) for API keys and other secrets that stay hidden until revealed.
-* Use a [Button](/docs/components/button) for other actions, such as Share or Download.
+* Use [Hex](hex.md) with `copy` for addresses and transaction hashes. It truncates the middle and adds this button.
+* Use [Snippet](snippet.md) for a command or code value.
+* Use [SecretValue](secret-value.md) for API keys and other secrets that stay hidden until revealed.
+* Use a [Button](button.md) for other actions, such as Share or Download.
 
 ### Place It Right After the Value
 
@@ -413,7 +413,7 @@ namespace styles {
 }
 ```
 
-**Don't:** Add a [Toast](/docs/components/toast) or text such as Copied to clipboard.
+**Don't:** Add a [Toast](toast.md) or text such as Copied to clipboard.
 
 ```tsx
 /**
@@ -496,7 +496,7 @@ Keep `small` beside body text. Use `medium` or `large` in touch layouts, or besi
 
 ### Let a Clickable Row Copy
 
-If a whole row copies on press, handle the copy in the row and pass `copied` to the button. The button shows the confirmation without a second copy. [Snippet](/docs/components/snippet) and [SecretValue](/docs/components/secret-value) work this way.
+If a whole row copies on press, handle the copy in the row and pass `copied` to the button. The button shows the confirmation without a second copy. [Snippet](snippet.md) and [SecretValue](secret-value.md) work this way.
 
 **Do:** Pass `copied` so the button confirms the row's copy.
 
@@ -598,7 +598,7 @@ namespace styles {
 
 ## Accessibility
 
-A copy button renders an icon-only [Button](/docs/components/button) with a visually hidden status message. It follows the [WAI-ARIA Authoring Practices button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/button/).
+A copy button renders an icon-only [Button](button.md) with a visually hidden status message. It follows the [WAI-ARIA Authoring Practices button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/button/).
 
 ### Semantics
 
@@ -621,22 +621,22 @@ A copy button renders an icon-only [Button](/docs/components/button) with a visu
 
 ## Related
 
-[Hex](/docs/components/hex)
+[Hex](hex.md)
 
 Use for addresses and hashes with copying built in.
 
-[Snippet](/docs/components/snippet)
+[Snippet](snippet.md)
 
 Use for commands and code.
 
-[SecretValue](/docs/components/secret-value)
+[SecretValue](secret-value.md)
 
 Use for API keys and secrets.
 
-[Button](/docs/components/button)
+[Button](button.md)
 
 Use for other icon-only actions.
 
-[Blockchain Values](/docs/patterns/blockchain-values)
+[Blockchain Values](../patterns/blockchain-values.md)
 
 Covers showing addresses, hashes, and amounts.

package/dist/docs/{components → product/components}/date-picker.md

@@ -129,9 +129,9 @@ import { DatePicker } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Calendar](/docs/components/calendar) when the grid stays visible, such as in a filter panel.
-* Use [TextInput](/docs/components/text-input) for memorable dates far from today, such as a date of birth.
-* Use [ChoiceGroup](/docs/components/choice-group) or [Select](/docs/components/select) for preset periods, such as 7D or Last 30 days.
+* Use [Calendar](calendar.md) when the grid stays visible, such as in a filter panel.
+* Use [TextInput](text-input.md) for memorable dates far from today, such as a date of birth.
+* Use [ChoiceGroup](choice-group.md) or [Select](select.md) for preset periods, such as 7D or Last 30 days.
 
 ### Label the Trigger
 
@@ -375,7 +375,7 @@ namespace styles {
 
 ### Match the Fields Around It
 
-`DatePicker.Trigger` is as tall as a [TextInput](/docs/components/text-input), at 48px. Use the same variant as the fields beside it.
+`DatePicker.Trigger` is as tall as a [TextInput](text-input.md), at 48px. Use the same variant as the fields beside it.
 
 **Do:** Give the trigger the variant of the inputs in the same row.
 
@@ -469,14 +469,14 @@ A date picker renders a button that opens a calendar in a popup dialog. It follo
 
 * **DatePicker.Trigger (button):** Announces that it opens a dialog, and whether the dialog is open.
 * **DatePicker.Popup (dialog):** Renders a `dialog` named "Choose date" unless you pass `aria-label`.
-* **DatePicker.Calendar (grid):** Uses the grid semantics described on [Calendar](/docs/components/calendar#accessibility).
+* **DatePicker.Calendar (grid):** Uses the grid semantics described on [Calendar](calendar.md#accessibility).
 * **Target Size (48px):** The trigger is above the 24px WCAG 2.2 minimum.
 
 ### Keyboard
 
 * **Move Focus to the Trigger (Tab):** Moves focus to the trigger.
 * **Open the Popup (Enter or Space):** On the trigger, opens the popup and focuses a day.
-* **Move Through Dates (Arrow keys):** Home, End, Page Up, and Page Down also move, as on [Calendar](/docs/components/calendar#keyboard).
+* **Move Through Dates (Arrow keys):** Home, End, Page Up, and Page Down also move, as on [Calendar](calendar.md#keyboard).
 * **Select a Day (Enter or Space):** On a day, selects it and closes the popup. In `range` mode, the popup closes after the end date.
 * **Move Within the Popup (Tab and Shift+Tab):** Move between the month buttons and the day grid.
 * **Close the Popup (Escape):** Closes the popup without a change, and returns focus to the trigger.
@@ -493,22 +493,22 @@ When the popup opens, focus moves to the selected day, or today. The popup doesn
 
 ## Related
 
-[Calendar](/docs/components/calendar)
+[Calendar](calendar.md)
 
 Use for an inline month grid.
 
-[TextInput](/docs/components/text-input)
+[TextInput](text-input.md)
 
 Use for typed and native dates.
 
-[Popover](/docs/components/popover)
+[Popover](popover.md)
 
 Use for other anchored popups.
 
-[Field](/docs/components/field)
+[Field](field.md)
 
 Use for labels and errors on other controls.
 
-[Forms](/docs/patterns/forms)
+[Forms](../patterns/forms.md)
 
 Covers placing a date among other fields.

package/dist/docs/{components → product/components}/dialog.md

@@ -84,7 +84,7 @@ export function Demo() {
 
 ### Header Layout
 
-Set `layout` on `Dialog.Header` to `inline` (default), `stacked`, `centered` or `hero`. A `Dialog.Nav` holds `Dialog.Back` and a [Stepper](/docs/components/stepper) above the title.
+Set `layout` on `Dialog.Header` to `inline` (default), `stacked`, `centered` or `hero`. A `Dialog.Nav` holds `Dialog.Back` and a [Stepper](stepper.md) above the title.
 
 ```tsx
 import { Button, ButtonGroup, Dialog, IconTile, Inline, Stepper } from '@tempoxyz/ds'
@@ -150,7 +150,7 @@ Each screen pairs a size and a header layout with parts from the library.
 
 ### Confirmation
 
-Confirms a destructive or irreversible action in an [AlertDialog](/docs/components/alert-dialog).
+Confirms a destructive or irreversible action in an [AlertDialog](alert-dialog.md).
 
 ```tsx
 import { Alert, AlertDialog, Button, ButtonGroup } from '@tempoxyz/ds'
@@ -937,13 +937,13 @@ import { ButtonGroup, Dialog } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use an [AlertDialog](/docs/components/alert-dialog) to confirm a destructive or irreversible action.
-* Use a [Drawer](/docs/components/drawer) for long forms, filters, or record details.
-* Use a [Popover](/docs/components/popover) for a sentence or one setting anchored to its trigger.
+* Use an [AlertDialog](alert-dialog.md) to confirm a destructive or irreversible action.
+* Use a [Drawer](drawer.md) for long forms, filters, or record details.
+* Use a [Popover](popover.md) for a sentence or one setting anchored to its trigger.
 * Use a page for content that still scrolls at the `large` size.
-* Use a [Toast](/docs/components/toast) to confirm that an action finished.
+* Use a [Toast](toast.md) to confirm that an action finished.
 
-See [Choosing a Component](/docs/components#popups) to compare overlays.
+See [Choosing a Component](../components.md#popups) to compare overlays.
 
 ### Pick the Size From the Content
 
@@ -1250,7 +1250,7 @@ A backdrop press closes the dialog. Escape and the close controls work in both c
 
 ### Title With the Task
 
-Write a verb and an object, without end punctuation. Reuse the trigger's label, such as Rename wallet. Save questions for an [AlertDialog](/docs/components/alert-dialog).
+Write a verb and an object, without end punctuation. Reuse the trigger's label, such as Rename wallet. Save questions for an [AlertDialog](alert-dialog.md).
 
 ### Describe the Effect
 
@@ -1262,7 +1262,7 @@ Label the primary action with the title's verb, such as Save name. Use Cancel to
 
 ### Write One Headline
 
-Give each dialog one `Dialog.Title`. Name the groups in the body with a [ListGroup](/docs/components/list-group) heading instead of a second headline.
+Give each dialog one `Dialog.Title`. Name the groups in the body with a [ListGroup](list-group.md) heading instead of a second headline.
 
 ## Accessibility
 
@@ -1275,7 +1275,7 @@ A dialog follows the [WAI-ARIA Authoring Practices modal dialog pattern](https:/
 * **Dialog.Title (h2):** Names the dialog.
 * **Dialog.Description (p):** Describes the dialog.
 * **Dialog.Back (button):** A "Back" icon button, first in the focus order.
-* **Stepper (progressbar):** Name the flow with `aria-label` on the [Stepper](/docs/components/stepper).
+* **Stepper (progressbar):** Name the flow with `aria-label` on the [Stepper](stepper.md).
 * **Close Button (closeButton):** A "Close" icon button, last in the focus order.
 * **Page Behind (inert):** Ignores pointer input and scroll while open.
 
@@ -1303,30 +1303,30 @@ Under reduced motion, the dialog fades in and out without scaling or sliding.
 
 ## Related
 
-[AlertDialog](/docs/components/alert-dialog)
+[AlertDialog](alert-dialog.md)
 
 Use for confirming destructive actions.
 
-[ButtonGroup](/docs/components/button-group)
+[ButtonGroup](button-group.md)
 
 Use for the actions in the footer.
 
-[Drawer](/docs/components/drawer)
+[Drawer](drawer.md)
 
 Use for long forms and details panels.
 
-[Popover](/docs/components/popover)
+[Popover](popover.md)
 
 Use for anchored, non-blocking content.
 
-[Stepper](/docs/components/stepper)
+[Stepper](stepper.md)
 
 Use for progress through the steps of a flow.
 
-[Forms](/docs/patterns/forms)
+[Forms](../patterns/forms.md)
 
 Covers laying out fields and actions.
 
-[Payments](/docs/patterns/payments)
+[Payments](../patterns/payments.md)
 
 Covers reviewing a payment before you send it.

package/dist/docs/{components → product/components}/drawer.md

@@ -111,10 +111,10 @@ import { Drawer } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use a [Dialog](/docs/components/dialog) for a short, focused task, such as Rename wallet.
-* Use an [AlertDialog](/docs/components/alert-dialog) to confirm a destructive action.
-* Use a [Popover](/docs/components/popover) for content anchored to its trigger on wide screens.
-* Use [AppShell](/docs/components/app-shell) for navigation. Below 1024px, its sidebar already opens in a drawer.
+* Use a [Dialog](dialog.md) for a short, focused task, such as Rename wallet.
+* Use an [AlertDialog](alert-dialog.md) to confirm a destructive action.
+* Use a [Popover](popover.md) for content anchored to its trigger on wide screens.
+* Use [AppShell](app-shell.md) for navigation. Below 1024px, its sidebar already opens in a drawer.
 * Use a page for content you'd link to, such as a full transaction record.
 
 ### Pick an Edge
@@ -126,7 +126,7 @@ import { Drawer } from '@tempoxyz/ds'
 * **Left Edge (left):** Rarely. Use the right edge across a product.
 * **Top (up):** Avoid. It covers the header and sits far from the thumb.
 
-Below 640px, change a `right` drawer to `swipeDirection="down"`, to match a [Dialog](/docs/components/dialog) at that width.
+Below 640px, change a `right` drawer to `swipeDirection="down"`, to match a [Dialog](dialog.md) at that width.
 
 ### Give Drawers Content That Needs Room
 
@@ -241,7 +241,7 @@ namespace styles {
 }
 ```
 
-**Don't:** Put a short confirmation in a drawer. Use an [AlertDialog](/docs/components/alert-dialog).
+**Don't:** Put a short confirmation in a drawer. Use an [AlertDialog](alert-dialog.md).
 
 ```tsx
 /**
@@ -945,22 +945,22 @@ A drawer is a modal dialog. It follows the [WAI-ARIA Authoring Practices modal d
 
 ## Related
 
-[Dialog](/docs/components/dialog)
+[Dialog](dialog.md)
 
 Use for short, focused tasks.
 
-[Popover](/docs/components/popover)
+[Popover](popover.md)
 
 Use for anchored content on wide screens.
 
-[AppShell](/docs/components/app-shell)
+[AppShell](app-shell.md)
 
 Use for navigation that collapses into a drawer.
 
-[Responsive Layout](/docs/patterns/responsive-layout)
+[Responsive Layout](../patterns/responsive-layout.md)
 
 Covers switching layouts at narrow widths.
 
-[Tables and Lists](/docs/patterns/tables-and-lists)
+[Tables and Lists](../patterns/tables-and-lists.md)
 
 Covers opening record details.

package/dist/docs/{components → product/components}/empty.md

@@ -41,7 +41,7 @@ export function Demo() {
 
 ### Progress
 
-Use a [Spinner](/docs/components/spinner) instead of the icon while the region waits on another task, such as a checkout in another window. Frame it in a `medium` [Surface](/docs/components/surface) for a panel.
+Use a [Spinner](spinner.md) instead of the icon while the region waits on another task, such as a checkout in another window. Frame it in a `medium` [Surface](surface.md) for a panel.
 
 ```tsx
 /** An empty state in a medium surface that waits on a checkout in another window. @module */
@@ -87,15 +87,15 @@ import { Empty } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Skeleton](/docs/components/skeleton) while the request runs. Show the empty state only after it returns no records.
-* Use a `negative` [Alert](/docs/components/alert) with a Retry action if the data fails to load.
-* Use `Combobox.Empty` of [Combobox](/docs/components/combobox) or `Autocomplete.Empty` of [Autocomplete](/docs/components/autocomplete) for a popup list with no matches.
+* Use [Skeleton](skeleton.md) while the request runs. Show the empty state only after it returns no records.
+* Use a `negative` [Alert](alert.md) with a Retry action if the data fails to load.
+* Use `Combobox.Empty` of [Combobox](combobox.md) or `Autocomplete.Empty` of [Autocomplete](autocomplete.md) for a popup list with no matches.
 
 ### Explain Why, Then Offer a Next Step
 
 * **`Empty.Title`:** States what belongs here.
 * **`Empty.Description`:** States why there is nothing.
-* **`Empty.Actions`:** Holds a [Button](/docs/components/button) for the next step.
+* **`Empty.Actions`:** Holds a [Button](button.md) for the next step.
 
 **Do:** Say what will appear and offer the action that adds it.
 
@@ -323,18 +323,18 @@ An empty state renders plain elements with no ARIA wiring, in the order you comp
 
 ## Related
 
-[Skeleton](/docs/components/skeleton)
+[Skeleton](skeleton.md)
 
 Use for content that is still loading.
 
-[Alert](/docs/components/alert)
+[Alert](alert.md)
 
 Use for a failed load with a retry.
 
-[Button](/docs/components/button)
+[Button](button.md)
 
 Use for the action that fills the state.
 
-[Empty States](/docs/patterns/empty-states)
+[Empty States](../patterns/empty-states.md)
 
 Covers first-use, no-results, and cleared states.