feat(ui): add mosaic block/section/aio prototype layers

[alexcarpenter]

Summary

• Adds three new component hierarchy layers under packages/ui/src/mosaic/:
  • block/destructive.tsx — controlled confirmation dialog composed from Dialog + Input + Button; caller owns open/deleting state; input must match resource name to enable the action
  • section/leave-organization.tsx — owns open / isDeleting state, wires Destructive to the leave-organization flow
  • aio/organization-profile.tsx — assembles organization sections into a full-page view
• Adds swingset stories for all three under new AIO, Sections, and Blocks sidebar groups
• Fixes slug.ts to treat consecutive uppercase letters as acronyms (AIO → aio not a-i-o)

https://swingset-git-carp-mosaic-block-destructive.clerkstage.dev/sections/delete-organization

Test plan

• Visit localhost:6006/aio/organization-profile — page renders with a "Leave organization" heading and trigger button
• Visit localhost:6006/sections/leave-organization — same section in isolation
• Visit localhost:6006/blocks/destructive — bare block with controlled state in the story
• Open the dialog, verify submit button is disabled until the resource name is typed exactly
• Confirm input resets after closing the dialog without confirming
• turbo build --filter=@clerk/ui passes with no type errors

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Jun 12, 2026 12:47am
swingset	Ready	Preview, Comment	Jun 12, 2026 12:47am

[changeset-bot]

🦋 Changeset detected

Latest commit: df54c31

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository YAML (base), Repository UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: fc5f33e1-ca0b-4b70-b09e-f1f00a4d3aaf

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

API Changes Report

Generated by Break Check on 2026-06-11T21:32:59.799Z

Summary

Metric	Count
Packages analyzed	19
Packages with changes	1
🔴 Breaking changes	0
🟡 Non-breaking changes	1
🟢 Additions	0

🤖 This report was reviewed by claude-sonnet-4-6.

Note
Break Check could not snapshot 3 subpaths; the diff below excludes them.

• @clerk/astro ./env: Internal Error: Unable to determine module for: /home/runner/_work/javascript/javascript/packages/astro/env.d.ts You have encountered a software defect. Please consider reporting the issue to the maintainers of this application.
• @clerk/shared ./cookie: Internal Error: Unable to follow symbol for "Cookies" You have encountered a software defect. Please consider reporting the issue to the maintainers of this application.
• @clerk/testing ./cypress: Symbol not found for identifier: Cypress

---

@clerk/shared

Current version: 4.17.1
Recommended bump: MINOR → 4.18.0

Subpath ./types

🟡 Non-breaking Changes (1)

Modified: __internal_LocalizationResource

// ... 939 unchanged lines elided ...
        members: LocalizationValue;
        billing: LocalizationValue;
        apiKeys: LocalizationValue;
-       security: LocalizationValue;
+       selfServeSSO: LocalizationValue;
      };
      badge__unverified: LocalizationValue;
      badge__automaticInvitation: LocalizationValue;
// ... 978 unchanged lines elided ...

Static analyzer: Breaking change in type alias __internal_LocalizationResource: Type changed: {locale:string;maintenanceMode:import("@clerk/shared").LocalizationValue;roles:{[r:string]:import("@clerk/shared").Loca… → {locale:string;maintenanceMode:import("@clerk/shared").LocalizationValue;roles:{[r:string]:import("@clerk/shared").Loca…

🤖 AI review (reclassified as non-breaking) (55%): The before and after snippets are textually identical in all visible portions (including the elided 1844 lines count), and __internal_LocalizationResource is used only as the source for DeepPartial<DeepLocalizationWithoutObjects<...>> (an output/read type), so no consumer-constructed value is directly typed against it; without a concrete diff between the two shapes, there is no identifiable breaking change.

---

Report generated by Break Check

_{Last ran on f64269d.}