Danny White 37dded67d1 feat: unify SkipToContent across studio, docs, www, and design-system (#48314) ...

## What kind of change does this PR introduce?

Feature / a11y polish

## What is the current behavior?

Studio and Docs each had their own skip-to-content link (different
styling and behaviour). www and design-system had none.

## What is the new behavior?

Shared `SkipToContent` in `ui-patterns`, adopted by Studio, Docs, www,
and design-system. Documented as a fragment with a short note under
Accessibility → Jumping ahead.

Tab once to reveal the button (top-left), Enter to jump to a
content-only `<main>`.

| After |
| --- |
| <img width="836" height="324" alt="CleanShot 2026-07-24 at 14 08
47@2x"
src="https://github.com/user-attachments/assets/6df29452-e53a-4eca-8f64-946f2b9f605d"
/> |

## To test

Shared steps for every app: enable Tab key navigation if needed, load
the preview, press **Tab** once — skip button should slide in top-left.
Press **Enter** — focus jumps to main content (no blue ring on
`<main>`). Press **Tab** again — first interactive control in the page
body, not the sidebar/nav. Hover the skip button — solid fill, clear
hover state, no chrome showing through.

- **Studio** —
[preview](https://studio-staging-git-dnywh-featskip-to-content-supabase.vercel.app)
→ sign in → any project page
- **Docs** —
[preview](https://docs-git-dnywh-featskip-to-content-supabase.vercel.app)
→ any docs page with sidebar
- **www** —
[preview](https://zone-www-dot-com-git-dnywh-featskip-to-content-supabase.vercel.app)
→ homepage or any marketing page with the default nav
- **Design system** —
[preview](https://design-system-git-dnywh-featskip-to-content-supabase.vercel.app)
→ any docs page (confirm Tab from content does **not** walk the
sidebar), plus [Skip to Content
fragment](https://design-system-git-dnywh-featskip-to-content-supabase.vercel.app/docs/fragments/skip-to-content)

## Additional context

Follow-up to #47694 / #48303 (Studio) and #47515 (Docs).

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Added a reusable “Skip to content” accessibility link across key
layouts and pages.
- Updated main landmarks to support keyboard focus and skip-link
navigation (`id="main"`).
- **Accessibility**
- Skip links now follow consistent landmark-target conventions and
remain hidden until focused.
- Improved documentation for skip links/jump shortcuts in persistent
chrome layouts.
- **Documentation**
- Added a dedicated Skip to Content fragment, navigation entry, and
expanded accessibility guidance.
  - Updated button description wording in component docs.
- **Tests**
  - Added component tests for SkipToContent.
- **Chores**
  - Exposed SkipToContent via additional public package entry points.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

2026-07-29 06:21:50 +10:00

..

accordion-demo.tsx

chore: remove <Accordion> _Shadcn_ suffix (#46107)

2026-05-19 17:04:00 +02:00

admonition-button-split.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-button.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-demo.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-description-only.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-destructive.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-responsive.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-sandwiched.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-success.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

admonition-warning.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

alert-demo.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

alert-dialog-async-error.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

alert-dialog-async.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-close-only.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-destructive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

alert-dialog-warning.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

aspect-ratio-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

assistant-chat-commands.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

assistant-chat-demo.tsx

chore: Clean up ui-patterns imports (#29132)

2024-09-30 21:41:26 +02:00

avatar-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

badge-demo.tsx

studio(chore): badge component defrag (#40118)

2025-12-02 11:15:50 +11:00

badge-secondary.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

badge-state.tsx

studio(chore): badge component defrag (#40118)

2025-12-02 11:15:50 +11:00

breadcrumb-demo.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-dropdown.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-ellipsis.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-link.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-responsive.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

breadcrumb-separator.tsx

fix(design-system): add missing breadcrumb demo components (#47421)

2026-06-30 16:13:50 +00:00

button-as-child.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

button-default.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-destructive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-ghost.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-icon.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-link.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-loading.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

button-outline.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-secondary.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-sizes.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-split-dropdown.tsx

docs(design-system): document split button with dropdown pattern (#47422)

2026-07-03 10:14:12 +10:00

button-warning.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

button-with-icon.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

calendar-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

calendar-disabled-days-demo.tsx

fix(studio): align PITR calendar dates in the first week (#47806)

2026-07-10 11:40:33 +01:00

calendar-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

calendar-react-hook-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

chart-bar-demo-axis.tsx

[Design System] feat: Added Chart component (#27839)

2024-08-30 16:51:05 +08:00

chart-bar-demo-grid.tsx

[Design System] feat: Added Chart component (#27839)

2024-08-30 16:51:05 +08:00

chart-bar-demo-legend.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-bar-demo-tooltip.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-bar-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

chart-tooltip-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

checkbox-demo.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

checkbox-disabled.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

checkbox-form-multiple.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

checkbox-form-single.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

checkbox-with-text.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

collapsible-alert-demo.tsx

Clarify alert and collapsible design-system patterns (#45863)

2026-05-15 15:29:16 +10:00

collapsible-card-section-demo.tsx

feat(ui-patterns): add CollapsibleCardSection component (#46250)

2026-05-22 18:24:17 +10:00

collapsible-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

color-usage-surface-studio-frame.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

color-usage-surface-studio.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

color-usage-surface-www-and-docs.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

combobox-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-dropdown-menu.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-popover.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

combobox-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

command-demo.tsx

chore: remove _Shadcn_ suffix from Command components (#46153)

2026-05-20 15:45:32 +02:00

command-dialog.tsx

chore: remove _Shadcn_ suffix from Command components (#46153)

2026-05-20 15:45:32 +02:00

commandmenu-badge.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-conditional.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-demo.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-force.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-hidden.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-icon.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-subpage-custom.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

commandmenu-subpage.tsx

chore: rename CommandMenu internal components to avoid conflicts with base shadcn ones (#45996)

2026-05-20 14:05:59 +02:00

confirmation-modal-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

connect-interstitial-demo.tsx

docs(design-system): add connect interstitials pattern (#45356)

2026-07-22 00:08:32 +10:00

connect-interstitial-logo-pair.tsx

docs(design-system): add connect interstitials pattern (#45356)

2026-07-22 00:08:32 +10:00

connect-interstitial-logo-single.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

connect-interstitial-logo-unknown.tsx

feat(studio): connect logo contract for authorize (#48161)

2026-07-23 02:20:42 +10:00

connect-interstitial-logo-uploaded.tsx

feat(studio): connect logo contract for authorize (#48161)

2026-07-23 02:20:42 +10:00

connect-interstitial-shared.tsx

feat(studio): connect logo contract for authorize (#48161)

2026-07-23 02:20:42 +10:00

context-menu-demo.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

copy-button-verbs.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-confirmations.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-empty-states.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

copy-error-messages.tsx

feat(design-system): add initial copy writing guide (#41307)

2025-12-15 10:44:08 +00:00

copy-form-labels.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

copy-loading-states.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

copy-success-messages.tsx

feat(design-system): add initial copy writing guide (#41307)

2025-12-15 10:44:08 +00:00

copy-tooltips.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

data-grid-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

data-grid-empty-state.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

data-input-demo.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-copy-secret.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-copy.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-input-with-reveal-copy-editable-empty.tsx

chore: add shadcn input-group components (#44282)

2026-03-31 09:14:56 +02:00

data-input-with-reveal-copy-editable.tsx

chore: add shadcn input-group components (#44282)

2026-03-31 09:14:56 +02:00

data-input-with-reveal-copy.tsx

chore(studio): consistent copy/reveal input behaviour (#39509)

2025-10-16 13:44:40 +11:00

data-table-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

date-picker-demo.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-form.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-with-presets.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

date-picker-with-range.tsx

introduce DatePicker (#46837)

2026-06-17 12:24:42 +02:00

dialog-centered-off.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dialog-close-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

drawer-demo.tsx

Color system (#47288)

2026-07-03 15:00:43 +10:00

drawer-dialog.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-checkboxes.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

dropdown-menu-radio-group.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

empty-state-initial-state-informational.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

empty-state-missing-route.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

empty-state-presentational-buttons.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-presentational-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-presentational-icon.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

empty-state-zero-items-table.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

error-display-demo.tsx

chore: Bump Typescript to v6 (#44204)

2026-03-26 15:27:35 +01:00

error-display-with-children.tsx

chore: Bump Typescript to v6 (#44204)

2026-03-26 15:27:35 +01:00

expanding-textarea-demo.tsx

feat: Use expanding text area in the Ai Assistant (SQL Editor) (#27930)

2024-07-12 11:32:20 +02:00

field-checkbox.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

field-choice-card.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

field-fieldset.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

field-group.tsx

chore: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +02:00

field-hear.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

field-input.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

field-radio.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

field-select.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-slider.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-switch.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

field-textarea.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

filter-bar-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

form-item-layout-after-label.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-before-label.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-checkbox-list.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-checkbox.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-horizontal.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-select.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-item-layout-with-switch.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

form-patterns-pagelayout.tsx

fix(eslint): promote require-explicit-tabindex to error (#48170)

2026-07-23 05:21:15 +10:00

form-patterns-sidepanel.tsx

chore(a11y): convert leftover focus recipes to focus-ring (#48219)

2026-07-23 08:52:22 +10:00

hover-card-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

info-tooltip-demo.tsx

[Design System] Feat: BeforeLabel / AfterLabel props for <FormItemLayout/> and <InfoTooltip/> documented (#26712)

2024-05-24 09:40:15 +00:00

inner-side-menu-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-empty.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

inner-side-menu-loading.tsx

feat/ design system: inner side bar docs (#30048)

2024-10-31 00:55:08 +08:00

inner-side-menu-multiple-sections.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-static-titles.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

inner-side-menu-with-search.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-demo.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

input-disabled.tsx

chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +02:00

input-file.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

input-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-otp-controlled.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-otp-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

input-otp-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-otp-pattern.tsx

chore: Prep work for pnpm (#29610)

2024-10-01 11:29:37 +02:00

input-otp-separator.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

input-with-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

input-with-label.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

input-with-text.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

key-value-field-array-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-inline.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

keyboard-shortcut-pill.tsx

chore(studio): standardise keyboard shortcut UI (#44262)

2026-04-08 09:42:55 -06:00

label-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

logs-bar-chart.tsx

feat(design-system): charts defrag (#41026)

2025-12-10 13:10:18 +00:00

markdown-avatar-component.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-blockquotes.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-code-blocks.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-customization.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-full-example.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-headings.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-horizontal-rules.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-images.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-inline-code.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-links.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-lists.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-paragraphs.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-quote-component.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

markdown-tables.tsx

feat(design-system): add Markdown component to ui-patterns (#46325)

2026-05-26 17:19:18 +02:00

menubar-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

mermaid-basic.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-demo.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-er-diagram.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-er-simple.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-flowchart-subgraph.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-flowchart.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-oauth-flow.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-api.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-async.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

mermaid-sequence-sync.tsx

chore: Clean the ui package from next imports (#44278)

2026-03-30 10:58:37 +02:00

metric-card-minimal-horizontal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card-minimal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card-with-icon-link-tooltip.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

metric-card.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

mode-toggle.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

multi-select-badge-limit-wrap.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-badge-limit.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

multi-select-combobox-creatable.tsx

fix: MultiSelector with creatable flag (#33502)

2025-02-11 10:40:51 +08:00

multi-select-combobox.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-deletable-badge.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-demo.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-disabled.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

multi-select-in-dialog.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

multi-select-inline-search-input.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +02:00

nav-menu-badges.tsx

docs(design-system): NavMenu component (#39188)

2025-10-08 10:18:43 +11:00

nav-menu-demo.tsx

docs(design-system): NavMenu component (#39188)

2025-10-08 10:18:43 +11:00

nav-menu-icons.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

navigation-menu-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

navigation-menu-responsive.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-breadcrumbs-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-container-demo.tsx

Page components (#40289)

2025-11-11 04:02:30 +00:00

page-header-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-auth-emails.tsx

chore(ui-patterns): collapse the admonition shim into ui-patterns/Admonition (#48377)

2026-07-29 00:48:56 +08:00

page-layout-detail.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-edge-function.tsx

fix(eslint): promote require-explicit-tabindex to error (#48170)

2026-07-23 05:21:15 +10:00

page-layout-full-width.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-list-simple.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-list.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-layout-logs-content.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

page-layout-settings.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-nav-demo.tsx

fix(eslint): promote require-explicit-tabindex to error (#48170)

2026-07-23 05:21:15 +10:00

page-section-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

page-section-horizontal.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

page-section-title-only.tsx

fix(studio): PageSectionSummary alignment (#42019)

2026-01-21 10:18:15 +08:00

page-section-with-aside.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

popover-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

progress-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

radio-group-card-demo.tsx

Feat [atom component] stacked radio group / card radio group (#26612)

2024-05-23 17:44:45 +02:00

radio-group-card-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

radio-group-card-with-children.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

radio-group-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

radio-group-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

radio-group-stacked-demo.tsx

Feat [atom component] stacked radio group / card radio group (#26612)

2024-05-23 17:44:45 +02:00

radio-group-stacked-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

resizable-demo-with-handle.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-demo.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-handle.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

resizable-vertical.tsx

chore: update react-resizable-panels to v4 to support pixel width (#42990)

2026-02-23 19:48:19 +01:00

scroll-area-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

scroll-area-horizontal-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

select-demo.tsx

chore: remove <Select> _Shadcn_ suffix (#45988)

2026-05-15 16:39:57 +02:00

select-form.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

select-scrollable.tsx

chore: remove <Select> _Shadcn_ suffix (#45988)

2026-05-15 16:39:57 +02:00

separator-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

sheet-confirm-on-close-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-nonmodal.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sheet-side.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

single-value-field-array-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

skeleton-card.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

skeleton-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

skip-to-content-demo.tsx

feat: unify SkipToContent across studio, docs, www, and design-system (#48314)

2026-07-29 06:21:50 +10:00

slider-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

slider-minMax-range.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

sonner-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sonner-types.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

sonner-upload.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

status-code-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

success-check-demo.tsx

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

success-check-progress.tsx

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

success-check-selected.tsx

fix(eslint): promote require-explicit-tabindex to error (#48170)

2026-07-23 05:21:15 +10:00

switch-demo.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

switch-form.tsx

chore: delete Button alternative deprecated variant (#47260)

2026-06-24 14:14:47 +02:00

table-actions.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

table-cross-link.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

table-demo.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

table-icons.tsx

feat(design-system): improve table docs (#41215)

2025-12-11 13:38:26 +11:00

table-row-link-actions.tsx

chore(design-system): standardise keyboard focus rings (#41575)

2026-07-22 12:10:07 -04:00

table-row-link.tsx

chore(design-system): standardise keyboard focus rings (#41575)

2026-07-22 12:10:07 -04:00

table-sort.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tabs-demo.tsx

chore: remove _Shadcn_ suffix from ui tabs components (#47628)

2026-07-06 15:29:16 +02:00

text-confirm-dialog-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-cancel-button.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-children.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

text-confirm-dialog-with-size.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

textarea-demo.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

textarea-disabled.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

textarea-form.tsx

chore: delete Button alternative deprecated variant (#47260)

2026-06-24 14:14:47 +02:00

textarea-with-button.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

textarea-with-label.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

textarea-with-text.tsx

chore: remove <Label> _Shadcn_ suffix (#45986)

2026-05-15 15:55:33 +02:00

toc-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

toc-single-demo.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

toggle-demo.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-disabled.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-group-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-disabled.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-lg.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-outline.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-single.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-group-sm.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

toggle-lg.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-outline.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-sm.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

toggle-with-text.tsx

chore: remove <Toggle> _Shadcn_ suffix (#45970)

2026-05-15 12:14:31 +02:00

tooltip-demo.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

tree-view-demo.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tree-view-directories.tsx

chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)

2026-02-05 13:54:10 +01:00

tree-view-edit.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

tree-view-multi-select.tsx

chore: remove <ContextMenu> _Shadcn_ suffix (#45971)

2026-05-15 15:09:25 +02:00

typography-blockquote.tsx

update: Add TS any checks to ratchet rules to further stop slipping (#40877)

2025-12-02 14:18:21 +00:00

typography-demo.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-h1.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h2.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h3.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-h4.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-inline-code.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-large.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-lead.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-list.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-muted.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-p.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

typography-small.tsx

Feat/design system site (#26586)

2024-05-23 17:39:56 +08:00

typography-table.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00