@tempoxyz/ds 0.3.11 → 0.3.13

package/dist/docs/{components → product/components}/secret-value.md

@@ -107,9 +107,9 @@ import { SecretValue } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Snippet](/docs/components/snippet) for commands and values that are not secret, such as a webhook URL.
-* Use [Hex](/docs/components/hex) with `copy` for public addresses and transaction hashes.
-* Use [TextInput](/docs/components/text-input) with `type="password"` when people enter a secret.
+* Use [Snippet](snippet.md) for commands and values that are not secret, such as a webhook URL.
+* Use [Hex](hex.md) with `copy` for public addresses and transaction hashes.
+* Use [TextInput](text-input.md) with `type="password"` when people enter a secret.
 
 ### Start Masked
 
@@ -385,22 +385,22 @@ SecretValue renders a named `group` with a masked `<code>` value, a reveal toggl
 
 ## Related
 
-[Snippet](/docs/components/snippet)
+[Snippet](snippet.md)
 
 Use for values that aren't secret.
 
-[CopyButton](/docs/components/copy-button)
+[CopyButton](copy-button.md)
 
 Use for copying beside your own layout.
 
-[TextInput](/docs/components/text-input)
+[TextInput](text-input.md)
 
 Use for entering a secret.
 
-[Destructive Actions](/docs/patterns/destructive-actions)
+[Destructive Actions](../patterns/destructive-actions.md)
 
 Covers revoking and rotating keys.
 
-[Tempo Console](/docs/products/tempo-console)
+[Tempo Console](../products/tempo-console.md)
 
 Covers API key screens.

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

@@ -8,7 +8,7 @@ Figma: [Inputs/Select](https://www.figma.com/design/yE96kcymnNR88PJp6G1sPs?node-
 
 ## Overview
 
-Select renders a trigger that opens a listbox, for choosing one value from a short list. If the options fit on screen, prefer [ChoiceGroup](/docs/components/choice-group).
+Select renders a trigger that opens a listbox, for choosing one value from a short list. If the options fit on screen, prefer [ChoiceGroup](choice-group.md).
 
 ## Examples
 
@@ -376,15 +376,15 @@ import { Select } from '@tempoxyz/ds'
 
 * Choose one value from more than five scannable options, such as an asset or a network.
 * Filter a dashboard or table where space is tight, such as a chart's time range.
-* Set `multiple` to pick several values when a [CheckboxGroup](/docs/components/checkbox-group) takes too much room.
+* Set `multiple` to pick several values when a [CheckboxGroup](checkbox-group.md) takes too much room.
 
 ### When Not to Use
 
-* Use [RadioGroup](/docs/components/radio-group) for two to five options compared side by side.
-* Use [ChoiceGroup](/docs/components/choice-group) for two to four short options that switch a view, such as 1H, 24H, and 7D.
-* Use [Combobox](/docs/components/combobox) for a long list filtered by typing, such as every token on Tempo.
-* Use [Autocomplete](/docs/components/autocomplete) when any typed text is a valid value.
-* Use [Menu](/docs/components/menu) for a list of actions. A select holds a value.
+* Use [RadioGroup](radio-group.md) for two to five options compared side by side.
+* Use [ChoiceGroup](choice-group.md) for two to four short options that switch a view, such as 1H, 24H, and 7D.
+* Use [Combobox](combobox.md) for a long list filtered by typing, such as every token on Tempo.
+* Use [Autocomplete](autocomplete.md) when any typed text is a valid value.
+* Use [Menu](menu.md) for a list of actions. A select holds a value.
 
 ### Show Labels, Not Raw Values
 
@@ -566,7 +566,7 @@ If a guess could cost something, such as a withdrawal network, leave the select
 
 ### Keep Option Rows Scannable
 
-* **Prefix and suffix:** Put a token icon or [Avatar](/docs/components/avatar) in `Select.ItemPrefix`, and a secondary value such as a balance in `Select.ItemSuffix`.
+* **Prefix and suffix:** Put a token icon or [Avatar](avatar.md) in `Select.ItemPrefix`, and a secondary value such as a balance in `Select.ItemSuffix`.
 * **Typeahead label:** If a row holds a prefix or suffix, give `Select.Item` a `label`.
 * **Text length:** Keep `Select.ItemText` short. It truncates beside a prefix or suffix.
 * **First words:** Start options with distinct words, in a parallel format, such as Last hour and Last 24 hours. Typeahead jumps by first letters.
@@ -730,22 +730,22 @@ Select handles arrow keys, typeahead, and Escape. It follows the [WAI-ARIA Autho
 
 ## Related
 
-[Combobox](/docs/components/combobox)
+[Combobox](combobox.md)
 
 Use for long, filterable lists.
 
-[RadioGroup](/docs/components/radio-group)
+[RadioGroup](radio-group.md)
 
 Use for a few options shown at once.
 
-[ChoiceGroup](/docs/components/choice-group)
+[ChoiceGroup](choice-group.md)
 
 Use for switching views.
 
-[Menu](/docs/components/menu)
+[Menu](menu.md)
 
 Use for lists of actions.
 
-[Dashboards](/docs/patterns/dashboards)
+[Dashboards](../patterns/dashboards.md)
 
 Covers filter bars and controls.

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

@@ -108,12 +108,12 @@ import { Separator } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [ListGroup](/docs/components/list-group) or [Table](/docs/components/table) for lists of records. They draw their own dividers.
-* Use `SidebarMenu.Group` in a [SidebarMenu](/docs/components/sidebar-menu) and `Menu.Separator` in a [Menu](/docs/components/menu).
+* Use [ListGroup](list-group.md) or [Table](table.md) for lists of records. They draw their own dividers.
+* Use `SidebarMenu.Group` in a [SidebarMenu](sidebar-menu.md) and `Menu.Separator` in a [Menu](menu.md).
 
 ### Try Space First
 
-A larger gap separates most groups, such as a [Stack](/docs/components/stack) with `gap="24"`. Add a separator only if the groups still run together, or one row must stand apart, such as a total.
+A larger gap separates most groups, such as a [Stack](stack.md) with `gap="24"`. Add a separator only if the groups still run together, or one row must stand apart, such as a total.
 
 **Do:** Separate the total from the line items above it.
 
@@ -226,7 +226,7 @@ namespace styles {
 
 ### Keep Rules Inside Containers
 
-The edge of a [Surface](/docs/components/surface) or popup already ends the group.
+The edge of a [Surface](surface.md) or popup already ends the group.
 
 **Do:** Place separators only between groups.
 
@@ -366,14 +366,14 @@ namespace styles {
 
 ## Related
 
-[Stack](/docs/components/stack)
+[Stack](stack.md)
 
 Use for spacing groups apart.
 
-[ListGroup](/docs/components/list-group)
+[ListGroup](list-group.md)
 
 Use for divided lists.
 
-[Menu](/docs/components/menu)
+[Menu](menu.md)
 
 Use for separators between menu groups.

package/dist/docs/{components → product/components}/sidebar-menu.md

@@ -346,14 +346,14 @@ import { SidebarMenu } from '@tempoxyz/ds'
 ### When to Use
 
 * Navigate a product with five or more destinations, such as Home, API keys, Webhooks, Team, and Settings.
-* Navigate inside `AppShell.Sidebar` ([AppShell](/docs/components/app-shell)), which moves the menu into a drawer below 1024px.
+* Navigate inside `AppShell.Sidebar` ([AppShell](app-shell.md)), which moves the menu into a drawer below 1024px.
 
 ### When Not to Use
 
-* Use [Menu](/docs/components/menu) for a list of actions, such as Rename key or Revoke key.
-* Use [Tabs](/docs/components/tabs) to switch views inside one page.
-* Use [Breadcrumbs](/docs/components/breadcrumbs) to show where a deeply nested page sits.
-* Use [ListGroup](/docs/components/list-group) for a settings page that lists its subpages in the content.
+* Use [Menu](menu.md) for a list of actions, such as Rename key or Revoke key.
+* Use [Tabs](tabs.md) to switch views inside one page.
+* Use [Breadcrumbs](breadcrumbs.md) to show where a deeply nested page sits.
+* Use [ListGroup](list-group.md) for a settings page that lists its subpages in the content.
 
 ### Group Related Destinations
 
@@ -470,7 +470,7 @@ namespace styles {
 * **Per group:** Three to seven items, in at most four or five groups.
 * **Single items:** Avoid groups of one, except an unlabelled first group.
 * **Long menus:** If a menu has 15 or more items, set `size="small"` for 32px rows and 16px icons.
-* **Overflow:** Move rare pages onto a hub page built from [ListGroup](/docs/components/list-group), such as Settings.
+* **Overflow:** Move rare pages onto a hub page built from [ListGroup](list-group.md), such as Settings.
 
 **Do:** Put several related items in each group.
 
@@ -738,7 +738,7 @@ namespace styles {
 
 ### Put Workspace and Account Controls at the Edges
 
-In an [AppShell](/docs/components/app-shell), put the project switcher in `AppShell.SidebarHeader` and the account menu in a `SidebarMenu.Account` at the end of `AppShell.SidebarFooter`. Both open a [Menu](/docs/components/menu): trigger the account menu with a `SidebarMenu.AccountRow`, and render the switcher with `render={<button type="button" />}`.
+In an [AppShell](app-shell.md), put the project switcher in `AppShell.SidebarHeader` and the account menu in a `SidebarMenu.Account` at the end of `AppShell.SidebarFooter`. Both open a [Menu](menu.md): trigger the account menu with a `SidebarMenu.AccountRow`, and render the switcher with `render={<button type="button" />}`.
 
 **Do:** Pin the project switcher to the top and the account to the bottom.
 
@@ -905,18 +905,18 @@ Focus stays on a submenu trigger when it toggles. After it opens, the next Tab m
 
 ## Related
 
-[AppShell](/docs/components/app-shell)
+[AppShell](app-shell.md)
 
 Use for the frame that holds the sidebar.
 
-[Menu](/docs/components/menu)
+[Menu](menu.md)
 
 Use for lists of actions.
 
-[Tabs](/docs/components/tabs)
+[Tabs](tabs.md)
 
 Use for views within one page.
 
-[Navigation](/docs/patterns/navigation)
+[Navigation](../patterns/navigation.md)
 
 Covers choosing between navigation components.

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

@@ -112,10 +112,10 @@ import { Skeleton } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Spinner](/docs/components/spinner) when the shape of the result is unknown, or for a busy control.
-* Use [Progress](/docs/components/progress) for a long task with measurable work.
-* Use `loading` on a [Button](/docs/components/button) while its action runs.
-* Use [Empty](/docs/components/empty) when the request returns no records.
+* Use [Spinner](spinner.md) when the shape of the result is unknown, or for a busy control.
+* Use [Progress](progress.md) for a long task with measurable work.
+* Use `loading` on a [Button](button.md) while its action runs.
+* Use [Empty](empty.md) when the request returns no records.
 
 ### Match the Final Content's Shape
 
@@ -480,7 +480,7 @@ namespace styles {
 
 * **Fast Responses (Under 300 ms):** Delay the skeleton, so the content renders without a flash.
 * **Typical Waits (300 ms to 10 s):** Show the skeleton.
-* **Long Waits (Over 10 s):** Show [Progress](/docs/components/progress). See [Loading](/docs/patterns/loading).
+* **Long Waits (Over 10 s):** Show [Progress](progress.md). See [Loading](../patterns/loading.md).
 
 ## Accessibility
 
@@ -500,18 +500,18 @@ Skeleton renders a `div` that marks its content busy and hides it until `show={f
 
 ## Related
 
-[Spinner](/docs/components/spinner)
+[Spinner](spinner.md)
 
 Use for loading with an unknown shape.
 
-[Progress](/docs/components/progress)
+[Progress](progress.md)
 
 Use for measurable work.
 
-[Empty](/docs/components/empty)
+[Empty](empty.md)
 
 Use for a region with nothing to show.
 
-[Loading](/docs/patterns/loading)
+[Loading](../patterns/loading.md)
 
 Covers choosing a loading indicator.

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

@@ -134,9 +134,9 @@ import { Slider } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [AmountInput](/docs/components/amount-input) for amounts and [NumberField](/docs/components/number-field) for exact counts.
-* Use [ChoiceGroup](/docs/components/choice-group) for a few presets, such as 25%, 50%, and Max.
-* Use [Progress](/docs/components/progress) or [Gauge](/docs/components/gauge) for a value that people cannot change.
+* Use [AmountInput](amount-input.md) for amounts and [NumberField](number-field.md) for exact counts.
+* Use [ChoiceGroup](choice-group.md) for a few presets, such as 25%, 50%, and Max.
+* Use [Progress](progress.md) or [Gauge](gauge.md) for a value that people cannot change.
 
 ### Always Show the Value
 
@@ -228,7 +228,7 @@ namespace styles {
 
 ### Pair With an Input for Exact Values
 
-Some people cannot drag. Where precision matters, add a [NumberField](/docs/components/number-field) beside the slider.
+Some people cannot drag. Where precision matters, add a [NumberField](number-field.md) beside the slider.
 
 **Do:** Share one value between the slider and the input.
 
@@ -522,18 +522,18 @@ Every drag has a single-press alternative ([SC 2.5.7](https://www.w3.org/WAI/WCA
 
 ## Related
 
-[NumberField](/docs/components/number-field)
+[NumberField](number-field.md)
 
 Use for exact numbers.
 
-[ChoiceGroup](/docs/components/choice-group)
+[ChoiceGroup](choice-group.md)
 
 Use for a few preset values.
 
-[Progress](/docs/components/progress)
+[Progress](progress.md)
 
 Use for showing progress you can't change.
 
-[Dashboards](/docs/patterns/dashboards)
+[Dashboards](../patterns/dashboards.md)
 
 Covers chart controls and filters.

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

@@ -77,7 +77,7 @@ namespace styles {
 
 ### Tabs
 
-Pass a [Tabs](/docs/components/tabs) list as `tabs` to switch between commands. Wrap the snippet in `Tabs.Root`, and pass the command of the active tab as `children`.
+Pass a [Tabs](tabs.md) list as `tabs` to switch between commands. Wrap the snippet in `Tabs.Root`, and pass the command of the active tab as `children`.
 
 ```tsx
 import { Snippet, style, Tabs } from '@tempoxyz/ds'
@@ -159,10 +159,10 @@ import { Snippet, Tabs } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [SecretValue](/docs/components/secret-value) for API keys and other secrets, which stay masked.
-* Use [Hex](/docs/components/hex) with `copy` for addresses and hashes, which truncates the middle to fit.
-* Use [CopyButton](/docs/components/copy-button) to add copying beside your own text.
-* Use [Tabs](/docs/components/tabs) with panels to switch content other than commands.
+* Use [SecretValue](secret-value.md) for API keys and other secrets, which stay masked.
+* Use [Hex](hex.md) with `copy` for addresses and hashes, which truncates the middle to fit.
+* Use [CopyButton](copy-button.md) to add copying beside your own text.
+* Use [Tabs](tabs.md) with panels to switch content other than commands.
 
 ### Copy Exactly What You Show
 
@@ -403,22 +403,22 @@ A click anywhere on the command also copies, unless your `onClick` calls `preven
 
 ## Related
 
-[CopyButton](/docs/components/copy-button)
+[CopyButton](copy-button.md)
 
 Use for copying beside your own layout.
 
-[SecretValue](/docs/components/secret-value)
+[SecretValue](secret-value.md)
 
 Use for secrets.
 
-[Hex](/docs/components/hex)
+[Hex](hex.md)
 
 Use for addresses and hashes.
 
-[Kbd](/docs/components/kbd)
+[Kbd](kbd.md)
 
 Use for keyboard shortcuts.
 
-[Tabs](/docs/components/tabs)
+[Tabs](tabs.md)
 
 Use for switching between related views.

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

@@ -78,10 +78,10 @@ import { Spinner } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use `loading` on a [Button](/docs/components/button) while its action runs, not a spinner beside it.
-* Use [Skeleton](/docs/components/skeleton) for content with a known shape, such as activity rows or metric tiles.
-* Use [Progress](/docs/components/progress) for measurable work, or any wait over about 10 seconds.
-* Use [LoadingDots](/docs/components/loading-dots) for a short wait inside a line of text.
+* Use `loading` on a [Button](button.md) while its action runs, not a spinner beside it.
+* Use [Skeleton](skeleton.md) for content with a known shape, such as activity rows or metric tiles.
+* Use [Progress](progress.md) for measurable work, or any wait over about 10 seconds.
+* Use [LoadingDots](loading-dots.md) for a short wait inside a line of text.
 
 ### Match the Indicator to the Wait
 
@@ -89,7 +89,7 @@ import { Spinner } from '@tempoxyz/ds'
 * **About 300 ms to 10 Seconds (Spinner):** Mark the busy region or control.
 * **Over About 10 Seconds (Progress):** Show a value for measurable work.
 
-Once a spinner appears, keep it for at least about 500 ms so it doesn't flash. For whole pages, see [Loading](/docs/patterns/loading).
+Once a spinner appears, keep it for at least about 500 ms so it doesn't flash. For whole pages, see [Loading](../patterns/loading.md).
 
 ### Use One Spinner per Region
 
@@ -174,7 +174,7 @@ namespace styles {
 
 ### Place It Beside a Status Line
 
-Show the spinner inline beside a short status line, such as Approving. For a pending action, use `loading` on a [Button](/docs/components/button).
+Show the spinner inline beside a short status line, such as Approving. For a pending action, use `loading` on a [Button](button.md).
 
 ## Accessibility
 
@@ -190,27 +190,27 @@ A spinner renders an indeterminate `progressbar` named "Loading". It is not a li
 ### Your Responsibilities
 
 * **Say What Is Loading (aria-label):** Name what loads, such as "Loading transactions". Several spinners named "Loading" are indistinguishable.
-* **Announce the Result (SC 4.1.3):** A spinner isn't announced. Announce the result or an error in a status message or a [Toast](/docs/components/toast).
+* **Announce the Result (SC 4.1.3):** A spinner isn't announced. Announce the result or an error in a status message or a [Toast](toast.md).
 * **Mark the Region Busy (aria-busy):** Set `aria-busy` on the loading region, so assistive technology waits for its content.
 
 ## Related
 
-[Skeleton](/docs/components/skeleton)
+[Skeleton](skeleton.md)
 
 Use for content with a known shape.
 
-[Progress](/docs/components/progress)
+[Progress](progress.md)
 
 Use for measurable work.
 
-[LoadingDots](/docs/components/loading-dots)
+[LoadingDots](loading-dots.md)
 
 Use for a wait inside a line of text.
 
-[Button](/docs/components/button)
+[Button](button.md)
 
 Use for an action's loading state.
 
-[Loading](/docs/patterns/loading)
+[Loading](../patterns/loading.md)
 
 Covers choosing a loading indicator.

package/dist/docs/{components → product/components}/split-bar.md

@@ -70,9 +70,9 @@ import { SplitBar } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [BarChart](/docs/components/bar-chart) for values over time.
-* Use [Progress](/docs/components/progress) for the progress of one task.
-* Use [Gauge](/docs/components/gauge) for one value against a limit.
+* Use [BarChart](bar-chart.md) for values over time.
+* Use [Progress](progress.md) for the progress of one task.
+* Use [Gauge](gauge.md) for one value against a limit.
 
 ### Show the Values
 
@@ -130,10 +130,10 @@ A split bar renders a `<div>` whose bar is hidden from screen readers. The legen
 
 ## Related
 
-[BarChart](/docs/components/bar-chart)
+[BarChart](bar-chart.md)
 
 Use for values over time.
 
-[Progress](/docs/components/progress)
+[Progress](progress.md)
 
 Use for the progress of one task.

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

@@ -91,14 +91,14 @@ import { Menu, SplitButton } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use a [Button](/docs/components/button) with a [Menu](/docs/components/menu) when no option is the clear default.
-* Use two [Buttons](/docs/components/button) when both actions matter equally.
-* Use [Select](/docs/components/select) or [ChoiceGroup](/docs/components/choice-group) to choose a value or mode, not to run an action.
-* Use a separate [Button](/docs/components/button) for destructive actions, confirmed with an [AlertDialog](/docs/components/alert-dialog).
+* Use a [Button](button.md) with a [Menu](menu.md) when no option is the clear default.
+* Use two [Buttons](button.md) when both actions matter equally.
+* Use [Select](select.md) or [ChoiceGroup](choice-group.md) to choose a value or mode, not to run an action.
+* Use a separate [Button](button.md) for destructive actions, confirmed with an [AlertDialog](alert-dialog.md).
 
 ### Make the Action the Common Choice
 
-`SplitButton.Action` runs without opening the menu, so give it the option most people pick. If people often open the menu first, move the popular option into the action, or use a [Menu](/docs/components/menu) button.
+`SplitButton.Action` runs without opening the menu, so give it the option most people pick. If people often open the menu first, move the popular option into the action, or use a [Menu](menu.md) button.
 
 **Do:** Put the option most people pick on the action.
 
@@ -216,7 +216,7 @@ namespace styles {
 
 ### Keep Alternatives Related
 
-Make every menu item a variation of the action, such as a different format or timing, and use two to five of them. Put unrelated commands, or a longer list, in a [Menu](/docs/components/menu).
+Make every menu item a variation of the action, such as a different format or timing, and use two to five of them. Put unrelated commands, or a longer list, in a [Menu](menu.md).
 
 **Do:** Fill the menu with variations of the main action.
 
@@ -418,7 +418,7 @@ Repeat the verb in each menu item, such as Export JSON, not JSON, so each item r
 
 ## Accessibility
 
-`SplitButton` renders a group with a primary [Button](/docs/components/button) and a menu trigger. The trigger follows the [WAI-ARIA menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).
+`SplitButton` renders a group with a primary [Button](button.md) and a menu trigger. The trigger follows the [WAI-ARIA menu button pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/).
 
 ### Semantics
 
@@ -447,18 +447,18 @@ Repeat the verb in each menu item, such as Export JSON, not JSON, so each item r
 
 ## Related
 
-[Button](/docs/components/button)
+[Button](button.md)
 
 Use for single actions.
 
-[Menu](/docs/components/menu)
+[Menu](menu.md)
 
 Use for lists of actions without a default.
 
-[AlertDialog](/docs/components/alert-dialog)
+[AlertDialog](alert-dialog.md)
 
 Use for confirming destructive actions.
 
-[Forms](/docs/patterns/forms)
+[Forms](../patterns/forms.md)
 
 Covers placing actions.

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

@@ -117,13 +117,13 @@ import { Stack } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Inline](/docs/components/inline) for a horizontal row.
-* Use [Grid](/docs/components/grid) for collections in columns.
-* Use [ListGroup](/docs/components/list-group) for a divided list of settings or details.
+* Use [Inline](inline.md) for a horizontal row.
+* Use [Grid](grid.md) for collections in columns.
+* Use [ListGroup](list-group.md) for a divided list of settings or details.
 
 ### Use Gap Instead of Margins
 
-Space siblings with `gap`, not child margins. See [Layout](/docs/foundations/layout).
+Space siblings with `gap`, not child margins. See [Layout](../foundations/layout.md).
 
 **Do:** Set one `gap` on the Stack.
 
@@ -282,18 +282,18 @@ Stack adds no role, name, or keyboard behavior.
 
 ## Related
 
-[Inline](/docs/components/inline)
+[Inline](inline.md)
 
 Use for horizontal rows.
 
-[Grid](/docs/components/grid)
+[Grid](grid.md)
 
 Use for columns of items.
 
-[Separator](/docs/components/separator)
+[Separator](separator.md)
 
 Use for a rule between groups.
 
-[Layout](/docs/foundations/layout)
+[Layout](../foundations/layout.md)
 
 Covers the spacing scale.

package/dist/docs/{components → product/components}/status-chip.md

@@ -134,9 +134,9 @@ import { StatusChip } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use [Badge](/docs/components/badge) for a category or an attribute that is not a status.
-* Use [Alert](/docs/components/alert) to explain a status and what to do next.
-* Use [AssetChip](/docs/components/asset-chip) for the assets a row supports.
+* Use [Badge](badge.md) for a category or an attribute that is not a status.
+* Use [Alert](alert.md) to explain a status and what to do next.
+* Use [AssetChip](asset-chip.md) for the assets a row supports.
 
 ### Pick the Intent From the Outcome
 
@@ -169,7 +169,7 @@ export function Demo() {
 }
 ```
 
-**Don't:** Use a status chip for a category. Use a [Badge](/docs/components/badge).
+**Don't:** Use a status chip for a category. Use a [Badge](badge.md).
 
 ```tsx
 import { ListGroup, StatusChip } from '@tempoxyz/ds'
@@ -213,14 +213,14 @@ A status chip renders a `<span>` that screen readers read as text in place. The
 
 ## Related
 
-[Badge](/docs/components/badge)
+[Badge](badge.md)
 
 Use for categories and attributes.
 
-[Alert](/docs/components/alert)
+[Alert](alert.md)
 
 Use for a status that needs an explanation.
 
-[StatusRow](/docs/components/status-row)
+[StatusRow](status-row.md)
 
 Use for a status that follows a payment in a row.

package/dist/docs/{components → product/components}/status-indicator.md

@@ -67,9 +67,9 @@ import { StatusIndicator } from '@tempoxyz/ds'
 
 ### When Not to Use
 
-* Use a [StatusChip](/docs/components/status-chip) for the status of a payment or an authorization.
-* Use a [Badge](/docs/components/badge) for a category or an attribute.
-* Use an [Alert](/docs/components/alert) for a status that needs an explanation.
+* Use a [StatusChip](status-chip.md) for the status of a payment or an authorization.
+* Use a [Badge](badge.md) for a category or an attribute.
+* Use an [Alert](alert.md) for a status that needs an explanation.
 
 ### Match the Intent to the Status
 
@@ -106,14 +106,14 @@ A status indicator renders a `<span>` with no role. The dot is hidden, so screen
 
 ## Related
 
-[StatusChip](/docs/components/status-chip)
+[StatusChip](status-chip.md)
 
 Use for the status of a payment or an authorization.
 
-[Badge](/docs/components/badge)
+[Badge](badge.md)
 
 Use for categories and attributes.
 
-[Alert](/docs/components/alert)
+[Alert](alert.md)
 
 Use for a status that needs an explanation.