Saxon Fletcher f0afc5948b page layout patterns (#46126) ...

Adjusts layout / page patterns including design system documentation and
page components.

<img width="937" height="643" alt="image"
src="https://github.com/user-attachments/assets/5f7864a3-04ae-4ccf-b2b8-d9fe5e29554e"
/>

**To test**
- Ensure all existing page types in Studio are un-effected. They
shouldn't be since existing components aren't touched.
- Run design-system and have a read through layout and page header
documentation. Make sure you understand when and where to use the
various combinations of page components and their variants.

**Next**
Once we are happy with these patterns we can gradually start to update
Studio pages that make use of breadcrumbs and/or sub navigation.

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

* **New Features**
  * Added PageBreadcrumbs and PageNav page chrome
* Several new interactive layout examples (Auth Emails, Edge Functions,
Full‑Width, Logs) and demo pages

* **Documentation**
  * New docs for PageBreadcrumbs and PageNav
* Reworked layout guidance and patterns; updated fragment/example docs
and usage notes

* **Improvements**
  * Component preview now supports explicit padding control
  * Simplified page header demo and updated previews

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/46126?utm_source=github_walkthrough&utm_medium=github&utm_campaign=change_stack)

<!-- review_stack_entry_end -->
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

2026-05-21 09:16:14 +10:00

..

accordion-demo.tsx

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

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

admonition-button.tsx

chore(design-system): admonition background fill (#39474)

2025-12-05 02:11:16 +00:00

admonition-demo.tsx

chore(studio): improve alert composition and usage (#41147)

2025-12-10 08:05:30 +00:00

admonition-description-only.tsx

chore(design-system): redo safer Admonition updates (#45618)

2026-05-08 07:59:35 +00:00

admonition-destructive.tsx

add Admonition to Design System (#26710)

2024-05-24 09:21:41 +00:00

admonition-responsive.tsx

feat(design-system): responsive admonition (#42971)

2026-02-24 16:14:03 +11:00

admonition-sandwiched.tsx

chore(design-system): sandwiched admonition (#43120)

2026-02-27 16:23:08 +11:00

admonition-success.tsx

chore(design-system): redo safer Admonition updates (#45618)

2026-05-08 07:59:35 +00:00

admonition-warning.tsx

add Admonition to Design System (#26710)

2024-05-24 09:21:41 +00: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-close-only.tsx

docs(design-system) add dialog pattern documentation (#41296)

2025-12-17 11:24:36 +00:00

alert-dialog-demo.tsx

docs(design-system) add dialog pattern documentation (#41296)

2025-12-17 11:24:36 +00:00

alert-dialog-destructive.tsx

docs(design-system) add dialog pattern documentation (#41296)

2025-12-17 11:24:36 +00:00

alert-dialog-warning.tsx

docs(design-system) add dialog pattern documentation (#41296)

2025-12-17 11:24:36 +00: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

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

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-demo.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-destructive.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-ghost.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-icon.tsx

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

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

button-link.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-loading.tsx

Feat/design system site (#26586)

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

button-outline.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-secondary.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-sizes.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08:00

button-warning.tsx

[Design System] Iterate Button styles (#27055)

2024-06-12 18:38:35 +08: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-form.tsx

chore: migrate Popover usages to Shadcn components (#45980)

2026-05-15 15:20:28 +02:00

calendar-react-hook-form.tsx

chore: migrate Popover usages to Shadcn components (#45980)

2026-05-15 15:20:28 +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: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

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

checkbox-form-single.tsx

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

2026-04-27 11:07:06 +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-demo.tsx

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

2026-05-15 14:55:37 +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: remove _Shadcn_ suffix from Command components (#46153)

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

combobox-dropdown-menu.tsx

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

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

combobox-form.tsx

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

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

combobox-popover.tsx

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

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

combobox-responsive.tsx

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

2026-05-20 15:45:32 +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: remove <Select> _Shadcn_ suffix (#45988)

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

context-menu-demo.tsx

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

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

copy-button-verbs.tsx

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

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

copy-confirmations.tsx

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

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

copy-empty-states.tsx

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

2026-02-05 13:54:10 +01: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

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

2025-12-15 10:44:08 +00: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

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

2026-02-05 13:54:10 +01: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: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

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

date-picker-demo.tsx

chore: migrate Popover usages to Shadcn components (#45980)

2026-05-15 15:20:28 +02:00

date-picker-form.tsx

chore: migrate Popover usages to Shadcn components (#45980)

2026-05-15 15:20:28 +02:00

date-picker-with-presets.tsx

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

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

date-picker-with-range.tsx

chore: migrate Popover usages to Shadcn components (#45980)

2026-05-15 15:20:28 +02:00

dialog-centered-off.tsx

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

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

dialog-close-button.tsx

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

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

dialog-demo.tsx

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

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

drawer-demo.tsx

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

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

drawer-dialog.tsx

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

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

dropdown-menu-checkboxes.tsx

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

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

dropdown-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

dropdown-menu-radio-group.tsx

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

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

empty-state-initial-state-informational.tsx

docs(design-system): design system improvements (#40196)

2025-11-11 14:13:06 +11:00

empty-state-missing-route.tsx

chore(studio): empty state improvements (#40807)

2025-11-27 17:26:20 +08:00

empty-state-presentational-buttons.tsx

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

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

empty-state-presentational-demo.tsx

chore(studio): authentication empty states (#40883)

2025-11-28 14:57:56 +08:00

empty-state-presentational-icon.tsx

chore(studio): authentication empty states (#40883)

2025-11-28 14:57:56 +08: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: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +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: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +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

Filter pattern refactor (#41545)

2026-01-06 08:04:28 +10:00

form-item-layout-after-label.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

form-item-layout-before-label.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

form-item-layout-demo.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

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

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

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

form-item-layout-with-checkbox.tsx

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

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

form-item-layout-with-horizontal.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

form-item-layout-with-select.tsx

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

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

form-item-layout-with-switch.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

form-patterns-pagelayout.tsx

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

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

form-patterns-sidepanel.tsx

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

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

hover-card-demo.tsx

chore: remove <HoverCard> _Shadcn_ suffix (#45987)

2026-05-15 16:47:51 +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: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00: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: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +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: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +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: remove shadcn suffix for Input, Textarea, Alert and Collapsible (#45867)

2026-05-15 14:55:37 +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: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

keyboard-shortcut-demo.tsx

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

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

keyboard-shortcut-inline.tsx

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

2026-04-08 09:42:55 -06: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

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

modal-aligned-footer.tsx

[Dashboard] Chore: update Modal component to use new components (#26844)

2024-06-05 10:06:55 +00:00

modal-custom-footer.tsx

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

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

modal-hide-footer.tsx

[Dashboard] Chore: update Modal component to use new components (#26844)

2024-06-05 10:06:55 +00:00

modal-vertical-layout.tsx

[Dashboard] Chore: update Modal component to use new components (#26844)

2024-06-05 10:06:55 +00:00

mode-toggle.tsx

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

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

multi-select-badge-limit-wrap.tsx

feat: multiselect (#29695)

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

multi-select-badge-limit.tsx

feat: multiselect (#29695)

2024-10-25 15:43:15 +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: Migrate the monorepo to use Tailwind v4 (#45318)

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

navigation-menu-responsive.tsx

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

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

page-breadcrumbs-demo.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-container-demo.tsx

Page components (#40289)

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

page-header-demo.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-auth-emails.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-detail.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-edge-function.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-full-width.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-list-simple.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-list.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-logs-content.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-layout-settings.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-nav-demo.tsx

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

page-section-demo.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-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

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

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

popover-demo.tsx

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

2026-05-15 15:55:33 +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: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +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: remove _Shadcn_ suffix for Checkbox and Radio components (#45263)

2026-04-27 11:07:06 +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: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +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: remove <Select> _Shadcn_ suffix (#45988)

2026-05-15 16:39:57 +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

page layout patterns (#46126)

2026-05-21 09:16:14 +10:00

sheet-demo.tsx

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

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

sheet-nonmodal.tsx

chore: Prep work for migrating to Tailwind v4 (#45285)

2026-04-28 11:33:53 +02:00

sheet-side.tsx

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

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

single-value-field-array-demo.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +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

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

[Design system] Feat/sonner (#27382)

2024-07-19 12:38:42 +02:00

sonner-types.tsx

[Design system] Feat/sonner (#27382)

2024-07-19 12:38:42 +02:00

sonner-upload.tsx

feat: Replace all toasts with sonner (#28250)

2024-08-31 07:50:51 +08:00

status-code-demo.tsx

feat(design-system): status code component (#42064)

2026-03-12 10:57:46 +00:00

switch-demo.tsx

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

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

switch-form.tsx

chore: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +02:00

table-actions.tsx

feat(design-system): hit area on table actions (#43680)

2026-03-13 11:18:54 +11:00

table-cross-link.tsx

feat(design-system): hit area on table actions (#43680)

2026-03-13 11:18:54 +11: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

feat(design-system): hit area on table actions (#43680)

2026-03-13 11:18:54 +11:00

table-row-link.tsx

chore(studio): use the shared createNavigationHandler (#41628)

2026-01-20 03:24:10 +00: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 <Label> _Shadcn_ suffix (#45986)

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

text-confirm-dialog-demo.tsx

docs(design-system) add dialog pattern documentation (#41296)

2025-12-17 11:24:36 +00:00

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

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

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

text-confirm-dialog-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

text-confirm-dialog-with-size.tsx

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

2026-02-05 13:54:10 +01: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: remove UI form components _Shadcn_ suffix (#45212)

2026-04-24 12:14:15 +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: Migrate the monorepo to use Tailwind v4 (#45318)

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

toc-single-demo.tsx

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

2026-04-30 10:53:24 +00: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: Rename all uses of Tooltip_Shadcn_ to just Tooltip (#32860)

2025-01-20 22:23:45 +01: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