Skip to content

feat(mosaic): mirror direction-aware icons under rtl - #9803

Merged
alexcarpenter merged 3 commits into
mainfrom
carp/mosaic-rtl-styles
Sep 17, 2026
Merged

feat(mosaic): mirror direction-aware icons under rtl#9803
alexcarpenter merged 3 commits into
mainfrom
carp/mosaic-rtl-styles

Conversation

@alexcarpenter

@alexcarpenter alexcarpenter commented Sep 16, 2026 •
edited
Loading

Copy link
Copy Markdown
Member

Description

Adds rtl.mirror (packages/mosaic/src/utils/rtl.styles.ts), a shared StyleX atom that flips an element with scaleX(-1) only under an ancestor carrying dir="rtl". It follows the rtlStyles.mirror pattern from facebook/astryx: the flip is horizontal only, and it lives outside any state-driven rotation so it composes with one.

The atom is composed via xstyle onto the icons whose shape encodes movement, so the same glyph reads correctly in both writing directions without mirrored twins in the icon registry:

  • the "Switch account" forward chevron and the "Sign out of all accounts" log-out arrow in the user button
  • the forward chevron on reverification method rows
  • the previous/next pagination arrows in the API keys panel and billing history section

Icons that point at a dropdown (chevron-down) and the external-link arrow (arrow-right-top) are left unmirrored on purpose.

The selector is :is([dir="rtl"] *) rather than stylex.when.ancestor, because the latter compiles to :where(.<marker>[dir="rtl"] *) and only matches an ancestor that carries a StyleX marker class, so it cannot see a plain <html dir="rtl">.

Swingset gains an RTL switch in the header next to the dark-mode toggle. It sets dir on <html> rather than on the preview container, since popover and menu popups portal to <body> and a container-scoped dir would never reach them.

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@vercel

vercel Bot commented Sep 16, 2026 •
edited
Loading

Copy link
Copy Markdown

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

Project Deployment Actions Updated
clerk-js-sandbox Ready Ready Preview Sep 17, 2026 6:21pm UTC
swingset Ready Ready Preview Sep 17, 2026 6:21pm UTC

Request Review

@coderabbitai

coderabbitai Bot commented Sep 16, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Review Change StackReview Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

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

Review profile: ASSERTIVE

Plan: Team

Run ID: a7c20845-d568-4596-94cd-e6b3a382f1f4

📥 Commits

Reviewing files that changed from the base of the PR and between ab6b7cf and d4b2df6.

📒 Files selected for processing (13)
  • .changeset/mosaic-rtl-mirror-icons.md
  • .claude/skills/mosaic/references/stylex.md
  • packages/mosaic/src/features/reverification/steps/reverification-method-picker.tsx
  • packages/mosaic/src/features/user-button/user-button.view.tsx
  • packages/mosaic/src/features/user-profile/user-profile-api-keys-panel.view.tsx
  • packages/mosaic/src/features/user-profile/user-profile-billing-history-section.view.tsx
  • packages/mosaic/src/utils/rtl.styles.ts
  • packages/mosaic/src/utils/rtl.test.tsx
  • packages/swingset/CLAUDE.md
  • packages/swingset/src/components/ClientRoot.tsx
  • packages/swingset/src/components/DirectionProvider.tsx
  • packages/swingset/src/components/DirectionToggle.tsx
  • references/mosaic-architecture.md
🔗 Linked repositories identified

CodeRabbit considers these linked repositories for cross-repo context during reviews:

  • clerk/clerk_go (manual)
  • clerk/dashboard (manual)
  • clerk/accounts (manual)
  • clerk/backoffice (manual)
  • clerk/clerk (manual)
  • clerk/clerk-docs (manual)
  • clerk/cloudflare-workers (manual)
  • clerk/cli (auto-detected)
  • clerk/clerk-ios (auto-detected)
  • clerk/clerk-android (auto-detected)

Included review availability: 1 review is currently available. Your included PR review attempts over the past 7 days set your current allowance at 4 reviews per hour.

📝 Walkthrough

Walkthrough

Swingset now provides direction state through DirectionProvider and a header DirectionToggle. The selected direction updates the document-level dir attribute. Mosaic adds the shared rtl.mirror StyleX rule, applies it to direction-aware icons and pagination controls, and tests its generated styles. Documentation and Changeset metadata describe the RTL icon behavior.

Priority: ⬇️ Low

Estimated code review effort: 3 (Moderate) | ~20 minutes

Merge Risk: ⚪ Minimal · up to d4b2d

No actionable merge-blocking risk remains in the RTL support change.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 26.67% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 15 functions across 15 files. (4 skipped:… Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Description check ✅ Passed The description clearly explains the new rtl.mirror StyleX atom, its icon use cases, the RTL selector behavior, and the Swingset direction switch. It directly matches the changeset.
Title check ✅ Passed The title clearly and concisely summarizes the main change: direction-aware Mosaic icons are mirrored under RTL.
Full details: Docstring Coverage

Explanation

Docstring coverage is 26.67% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 15 functions across 15 files. (4 skipped: 4 unsupported.)

  • Fix all pre-merge checks with AI

Comment @coderabbitai help to get the list of available commands.

@github-actions github-actions Bot added the ui label Sep 16, 2026
@changeset-bot

changeset-bot Bot commented Sep 16, 2026 •
edited
Loading

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: d4b2df6

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

This PR includes changesets to release 2 packages
Name Type
@clerk/mosaic Patch
@clerk/swingset Patch

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

@pkg-pr-new

pkg-pr-new Bot commented Sep 16, 2026 •
edited
Loading

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@9803

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@9803

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@9803

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@9803

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@9803

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@9803

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@9803

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@9803

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@9803

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@9803

@clerk/express

npm i https://pkg.pr.new/@clerk/express@9803

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@9803

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@9803

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@9803

@clerk/mosaic

npm i https://pkg.pr.new/@clerk/mosaic@9803

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@9803

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@9803

@clerk/react

npm i https://pkg.pr.new/@clerk/react@9803

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@9803

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@9803

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@9803

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@9803

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@9803

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@9803

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@9803

commit: d4b2df6

@github-actions

github-actions Bot commented Sep 16, 2026

Copy link
Copy Markdown
Contributor

API Changes Report

Generated by Break Check on 2026-09-16T23:52:10.639Z

Summary

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

Warning
2 breaking change(s) detected - Major version bump required

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

🔴 Breaking changes index (2)

Every breaking change, up front. Full diffs are in the package sections below.

Package Subpath Change
@clerk/shared ./types FieldId
@clerk/shared ./types ProfileSectionId

@clerk/shared

Current version: 4.33.0
Recommended bump: MAJOR → 5.0.0

Subpath ./types

🔴 Breaking Changes (2)

Changed: FieldId
- type FieldId = 'firstName' | 'lastName' | 'name' | 'slug' | 'emailAddress' | 'phoneNumber' | 'currentPassword' | 'newPassword' | 'signOutOfOtherSessions' | 'passkeyName' | 'password' | 'confirmPassword' | 'identifier' | 'username' | 'code' | 'userCode' | 'role' | 'deleteConfirmation' | 'deleteOrganizationConfirmation' | 'enrollmentMode' | 'affiliationEmailAddress' | 'deleteExistingInvitationsSuggestions' | 'legalAccepted' | 'apiKeyDescription' | 'apiKeyExpirationDate' | 'apiKeyRevokeConfirmation' | 'apiKeySecret' | 'idpCertificate' | 'idpEntityId' | 'idpMetadata' | 'idpMetadataUrl' | 'idpSsoUrl' | 'discoveryUrl' | 'authUrl' | 'tokenUrl' | 'userInfoUrl' | 'clientId' | 'clientSecret' | 'redirectUri' | 'acsUrl' | 'spEntityId' | 'syncUserAttributes' | 'allowAdditionalIdentifiers' | 'allowSub … /* +76 chars elided */
+ type FieldId = 'firstName' | 'lastName' | 'name' | 'slug' | 'emailAddress' | 'phoneNumber' | 'currentPassword' | 'newPassword' | 'signOutOfOtherSessions' | 'passkeyName' | 'password' | 'confirmPassword' | 'identifier' | 'username' | 'code' | 'userCode' | 'role' | 'deleteConfirmation' | 'deleteOrganizationConfirmation' | 'enrollmentMode' | 'affiliationEmailAddress' | 'deleteExistingInvitationsSuggestions' | 'legalAccepted' | 'apiKeyDescription' | 'apiKeyExpirationDate' | 'apiKeyRevokeConfirmation' | 'apiKeySecret' | 'idpCertificate' | 'idpEntityId' | 'idpMetadata' | 'idpMetadataUrl' | 'idpSsoUrl' | 'discoveryUrl' | 'authUrl' | 'tokenUrl' | 'userInfoUrl' | 'clientId' | 'clientSecret' | 'redirectUri' | 'acsUrl' | 'spEntityId' | 'web3WalletName' | 'domain';

Static analyzer: Breaking change in type alias FieldId: Type changed: 'acsUrl'|'affiliationEmailAddress'|'allowAdditionalIdentifiers'|'allowIdpInitiated'|'allowSubdomains'|'apiKeyDescriptio… → 'acsUrl'|'affiliationEmailAddress'|'apiKeyDescription'|'apiKeyExpirationDate'|'apiKeyRevokeConfirmation'|'apiKeySecret'…

🤖 AI review (confirmed) (95%): The union members 'syncUserAttributes', 'allowAdditionalIdentifiers', 'allowSubdomains', 'allowIdpInitiated', and 'forceAuthn' were removed from FieldId; consumers who pass or switch on these literal values will have a type error.

Migration: Remove references to the dropped FieldId literals ('syncUserAttributes', 'allowAdditionalIdentifiers', 'allowSubdomains', 'allowIdpInitiated', 'forceAuthn') from any code that uses FieldId.

Changed: ProfileSectionId
- type ProfileSectionId = 'profile' | 'username' | 'emailAddresses' | 'phoneNumbers' | 'connectedAccounts' | 'enterpriseAccounts' | 'web3Wallets' | 'password' | 'passkeys' | 'mfa' | 'danger' | 'activeDevices' | 'organizationProfile' | 'organizationDanger' | 'organizationDomains' | 'manageVerifiedDomains' | 'subscriptionsList' | 'paymentMethods' | 'sso' | 'directorySync' | 'ssoStatus' | 'enableSso' | 'ssoDomain' | 'ssoConfiguration' | 'configureAgain' | 'resetSso' | 'testSsoUrl' | 'testResults' | 'ssoConnectionName' | 'ssoConnectionDomains' | 'ssoConnectionServiceProvider' | 'ssoConnectionIdentityProvider' | 'ssoConnectionSettings' | 'ssoConnectionDangerZone' | 'accountCredits';
+ type ProfileSectionId = 'profile' | 'username' | 'emailAddresses' | 'phoneNumbers' | 'connectedAccounts' | 'enterpriseAccounts' | 'web3Wallets' | 'password' | 'passkeys' | 'mfa' | 'danger' | 'activeDevices' | 'organizationProfile' | 'organizationDanger' | 'organizationDomains' | 'manageVerifiedDomains' | 'subscriptionsList' | 'paymentMethods' | 'sso' | 'directorySync' | 'ssoStatus' | 'enableSso' | 'ssoDomain' | 'ssoConfiguration' | 'configureAgain' | 'resetSso' | 'testSsoUrl' | 'testResults' | 'accountCredits';

Static analyzer: Breaking change in type alias ProfileSectionId: Type changed: 'accountCredits'|'activeDevices'|'configureAgain'|'connectedAccounts'|'danger'|'directorySync'|'emailAddresses'|'enable… → 'accountCredits'|'activeDevices'|'configureAgain'|'connectedAccounts'|'danger'|'directorySync'|'emailAddresses'|'enable…

🤖 AI review (confirmed) (95%): Several string literals ('ssoConnectionName', 'ssoConnectionDomains', 'ssoConnectionServiceProvider', 'ssoConnectionIdentityProvider', 'ssoConnectionSettings', 'ssoConnectionDangerZone') were removed from ProfileSectionId, and since ProfileSectionId feeds into MenuId which is an input type, consumers passing these removed literals will get a compile error.

Migration: Update any code referencing the removed ProfileSectionId literals ('ssoConnectionName', 'ssoConnectionDomains', 'ssoConnectionServiceProvider', 'ssoConnectionIdentityProvider', 'ssoConnectionSettings', 'ssoConnectionDangerZone') to use the remaining valid values or omit them.

🟡 Non-breaking Changes (1)

Modified: __internal_LocalizationResource
Diff (before: 2298 lines, after: 2234 lines). Click to expand. 
// ... 1122 unchanged lines elided ...
          tooltip__noRole: LocalizationValue;
          tooltipLabel: LocalizationValue;
        };
-       connectionPage: {
-         actions: {
-           activate: LocalizationValue;
-           continueSetup: LocalizationValue;
-         };
-         dangerZone: {
-           title: LocalizationValue;
-           deactivateButton: LocalizationValue;
-           removeButton: LocalizationValue;
-         };
-         name: {
-           title: LocalizationValue;
-           editButton: LocalizationValue;
-           form: {
-             title: LocalizationValue;
-           };
-         };
-         domains: {
-           title: LocalizationValue;
-         };
-         serviceProvider: {
-           title: LocalizationValue;
-           acsUrl: LocalizationValue;
-           entityId: LocalizationValue;
-           metadataUrl: LocalizationValue;
-           redirectUri: LocalizationValue;
-         };
-         identityProvider: {
-           title: LocalizationValue;
-           certificateExpires: LocalizationValue;
-           editButton: LocalizationValue;
-           form: {
-             title: LocalizationValue;
-           };
-           clientSecret: {
-             placeholder: LocalizationValue;
-           };
-         };
-         settings: {
-           title: LocalizationValue;
-           syncUserAttributes: {
-             label: LocalizationValue;
-             description: LocalizationValue;
-           };
-           allowAdditionalIdentifiers: {
-             label: LocalizationValue;
-             description: LocalizationValue;
-           };
-           allowSubdomains: {
-             label: LocalizationValue;
-             description: LocalizationValue;
-           };
-           allowIdpInitiated: {
-             label: LocalizationValue;
-             description: LocalizationValue;
-           };
-           forceAuthn: {
-             label: LocalizationValue;
-             description: LocalizationValue;
-           };
-         };
-       };
        directorySyncSection: {
          title: LocalizationValue;
          badge__unconfigured: LocalizationValue;
          badge__ssoRequired: LocalizationValue;
          badge__active: LocalizationValue;
          badge__inactive: LocalizationValue;
          description: LocalizationValue;
          error__load: LocalizationValue;
          primaryButton__startConfiguration: LocalizationValue;
          menuAction__edit: LocalizationValue;
          menuAction__activate: LocalizationValue;
          menuAction__deactivate: LocalizationValue;
          menuAction__remove: LocalizationValue;
          removeDialog: {
            title: LocalizationValue;
            subtitle: LocalizationValue;
            confirmButton: LocalizationValue;
          };
        };
      };
      membersPage: {
        detailsTitle__emptyRow: LocalizationValue;
        action__invite: LocalizationValue;
        action__search: LocalizationValue;
        start: {
          headerTitle__members: LocalizationValue;
          headerTitle__invitations: LocalizationValue;
          headerTitle__requests: LocalizationValue;
        };
        activeMembersTab: {
          tableHeader__user: LocalizationValue;
          tableHeader__joined: LocalizationValue;
          tableHeader__role: LocalizationValue;
          tableHeader__actions: LocalizationValue;
          menuAction__remove: LocalizationValue;
        };
        invitedMembersTab: {
          tableHeader__invited: LocalizationValue;
          menuAction__revoke: LocalizationValue;
        };
        invitationsTab: {
          table__emptyRow: LocalizationValue;
          autoInvitations: {
            headerTitle: LocalizationValue;
            headerSubtitle: LocalizationValue;
            primaryButton: LocalizationValue;
          };
        };
        requestsTab: {
          tableHeader__requested: LocalizationValue;
          menuAction__approve: LocalizationValue;
          menuAction__reject: LocalizationValue;
          table__emptyRow: LocalizationValue;
          autoSuggestions: {
            headerTitle: LocalizationValue;
            headerSubtitle: LocalizationValue;
            primaryButton: LocalizationValue;
          };
        };
        alerts: {
          roleSetMigrationInProgress: {
            title: LocalizationValue;
            subtitle: LocalizationValue;
          };
        };
      };
      billingPage: {
        title: LocalizationValue;
        accountCreditsSection: {
          title: LocalizationValue;
          viewHistory: LocalizationValue;
        };
        creditHistoryPage: {
          title: LocalizationValue;
          tableHeader__amount: LocalizationValue;
          tableHeader__date: LocalizationValue;
        };
        start: {
          headerTitle__payments: LocalizationValue;
          headerTitle__plans: LocalizationValue;
          headerTitle__subscriptions: LocalizationValue;
          headerTitle__statements: LocalizationValue;
        };
        statementsSection: {
          empty: LocalizationValue;
          itemCaption__paidForPlan: LocalizationValue<'plan' | 'period'>;
          itemCaption__proratedCredit: LocalizationValue;
          itemCaption__payerCredit: LocalizationValue;
          itemCaption__subscribedAndPaidForPlan: LocalizationValue<'plan' | 'period'>;
          notFound: LocalizationValue;
          tableHeader__date: LocalizationValue;
          tableHeader__amount: LocalizationValue;
          title: LocalizationValue;
          totalPaid: LocalizationValue;
        };
        switchPlansSection: {
          title: LocalizationValue;
        };
        subscriptionsListSection: {
          tableHeader__plan: LocalizationValue;
          tableHeader__startDate: LocalizationValue;
          tableHeader__edit: LocalizationValue;
          title: LocalizationValue;
          actionLabel__newSubscription: LocalizationValue;
          actionLabel__manageSubscription: LocalizationValue;
          actionLabel__switchPlan: LocalizationValue;
          includedSeatsUsage: LocalizationValue<'includedSeats'>;
          overview: LocalizationValue;
          paidSeatsUsage: LocalizationValue<'seatsQuantity' | 'amount'>;
          seatLimit: LocalizationValue<'seatLimit'>;
          seatLimitAndIncludedSeats: LocalizationValue<'seatLimit' | 'includedSeats'>;
        };
        paymentHistorySection: {
          empty: LocalizationValue;
          notFound: LocalizationValue;
          tableHeader__date: LocalizationValue;
          tableHeader__amount: LocalizationValue;
          tableHeader__status: LocalizationValue;
        };
        paymentMethodsSection: {
          title: LocalizationValue;
          add: LocalizationValue;
          addSubtitle: LocalizationValue;
          cancelButton: LocalizationValue;
          actionLabel__default: LocalizationValue;
          actionLabel__remove: LocalizationValue;
          formButtonPrimary__add: LocalizationValue;
          formButtonPrimary__pay: LocalizationValue;
          removeMethod: {
            title: LocalizationValue;
            messageLine1: LocalizationValue<'identifier'>;
            messageLine2: LocalizationValue;
            successMessage: LocalizationValue<'paymentMethod'>;
          };
          payWithTestCardButton: LocalizationValue;
        };
        subscriptionsSection: {
          actionLabel__default: LocalizationValue;
        };
      };
      plansPage: {
        title: LocalizationValue;
        alerts: {
          noPermissionsToManageBilling: LocalizationValue;
          planMembershipLimitExceeded: LocalizationValue<'count' | 'limit'>;
        };
      };
      apiKeysPage: {
        title: LocalizationValue;
        detailsTitle__emptyRow: LocalizationValue;
      };
    };
    createOrganization: {
      title: LocalizationValue;
      formButtonSubmit: LocalizationValue;
      invitePage: {
        formButtonReset: LocalizationValue;
      };
    };
    organizationList: {
      createOrganization: LocalizationValue;
      title: LocalizationValue<'applicationName'>;
      titleWithoutPersonal: LocalizationValue;
      subtitle: LocalizationValue<'applicationName'>;
      action__invitationAccept: LocalizationValue;
      invitationAcceptedLabel: LocalizationValue;
      action__suggestionsAccept: LocalizationValue;
      suggestionsAcceptedLabel: LocalizationValue;
      action__createOrganization: LocalizationValue;
    };
    oauthConsent: {
      subtitle: LocalizationValue<'applicationName' | 'identifier'>;
      scopeList: {
        privateMetadata: LocalizationValue<'applicationName'>;
        title: LocalizationValue<'applicationName'>;
      };
      action__deny: LocalizationValue;
      action__allow: LocalizationValue;
      warning: LocalizationValue<'applicationName' | 'domainAction'>;
      redirectNotice: LocalizationValue<'domainAction'>;
      offlineAccessNotice: LocalizationValue;
      viewFullUrl: LocalizationValue;
      redirectUriModal: {
        title: LocalizationValue;
        subtitle: LocalizationValue<'applicationName'>;
      };
    };
    oauthDeviceVerification: {
      start: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        userCodeLabel: LocalizationValue;
        action__continue: LocalizationValue;
      };
      confirmation: {
        title: LocalizationValue<'applicationName'>;
        subtitle: LocalizationValue<'identifier'>;
        scopeListTitle: LocalizationValue<'applicationName'>;
        warning: LocalizationValue;
        action__deny: LocalizationValue;
        action__approve: LocalizationValue;
      };
      status: {
        approvedTitle: LocalizationValue;
        approvedSubtitle: LocalizationValue;
        alreadyApprovedTitle: LocalizationValue;
        alreadyApprovedSubtitle: LocalizationValue;
        alreadyDecidedTitle: LocalizationValue;
        alreadyDecidedSubtitle: LocalizationValue;
        deniedTitle: LocalizationValue;
        deniedSubtitle: LocalizationValue;
        alreadyDeniedTitle: LocalizationValue;
        alreadyDeniedSubtitle: LocalizationValue;
        consumedTitle: LocalizationValue;
        consumedSubtitle: LocalizationValue;
      };
      error: {
        invalidCode: LocalizationValue;
        unknownCode: LocalizationValue;
        expiredTitle: LocalizationValue;
        expiredSubtitle: LocalizationValue;
        rateLimitedTitle: LocalizationValue;
        rateLimitedSubtitle: LocalizationValue;
        genericTitle: LocalizationValue;
        genericSubtitle: LocalizationValue;
      };
      action__tryAnotherCode: LocalizationValue;
    };
    unstable__errors: UnstableErrors;
    dates: {
      previous6Days: LocalizationValue<'date'>;
      lastDay: LocalizationValue<'date'>;
      sameDay: LocalizationValue<'date'>;
      nextDay: LocalizationValue<'date'>;
      next6Days: LocalizationValue<'date'>;
      numeric: LocalizationValue<'date'>;
    };
    waitlist: {
      start: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        formButton: LocalizationValue;
        actionText: LocalizationValue;
        actionLink: LocalizationValue;
      };
      success: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        message: LocalizationValue;
      };
    };
    configureDirectorySync: {
      navbar: {
        title: LocalizationValue;
      };
      stepper: {
        configure: LocalizationValue;
        attributes: LocalizationValue;
        test: LocalizationValue;
      };
      providers: {
        okta: LocalizationValue;
        entra: LocalizationValue;
        google: LocalizationValue;
        custom: LocalizationValue;
      };
      configureStep: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        error__ssoRequired: {
          title: LocalizationValue;
          subtitle: LocalizationValue;
        };
        warning__googleUnsupported: {
          title: LocalizationValue;
          subtitle: LocalizationValue;
        };
        warning__ssoInactive: LocalizationValue;
        domainsLabel: LocalizationValue;
        instructions: {
          actionLabel__toggle: LocalizationValue;
          okta: {
            step1: LocalizationValue;
            step2: LocalizationValue;
            step3: LocalizationValue;
            step4: LocalizationValue;
          };
          entra: {
            step1: LocalizationValue;
            step2: LocalizationValue;
            step3: LocalizationValue;
            step4: LocalizationValue;
          };
          custom: {
            step1: LocalizationValue;
            step2: LocalizationValue;
            step3: LocalizationValue;
            step4: LocalizationValue;
          };
        };
        formFieldLabel__endpointUrl: LocalizationValue;
        formFieldLabel__token: LocalizationValue;
        formFieldInputPlaceholder__token: LocalizationValue;
        actionLabel__generateToken: LocalizationValue;
        notice__tokenShownOnce: LocalizationValue;
        actionLabel__retry: LocalizationValue;
      };
      attributeMappingStep: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        columns: {
          directoryAttribute: LocalizationValue;
          clerkAttribute: LocalizationValue;
        };
      };
      testStep: {
        title: LocalizationValue;
        subtitle: LocalizationValue<'provider'>;
        description: LocalizationValue;
        noteLabel: LocalizationValue;
        note: LocalizationValue;
        empty__waitingForFirstUser: LocalizationValue;
        badge__active: LocalizationValue;
        badge__deprovisioned: LocalizationValue;
        error__loadUsers: LocalizationValue;
        actionLabel__complete: LocalizationValue;
      };
    };
    configureSSO: {
-     connectionScopeBanner: {
-       title__editing: LocalizationValue<'name'>;
-       subtitle__editing: LocalizationValue<'count'>;
-       title__adding: LocalizationValue;
-       subtitle__adding: LocalizationValue<'count'>;
-     };
      missingManageEnterpriseConnectionsPermission: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
      };
      navbar: {
        title: LocalizationValue;
+     };
+     connectionScopeBanner: {
+       title__editing: LocalizationValue<'name'>;
+       subtitle__editing: LocalizationValue<'count'>;
+       title__adding: LocalizationValue;
+       subtitle__adding: LocalizationValue<'count'>;
      };
      resetConnectionDialog: {
        cancelButton: LocalizationValue;
        confirmationFieldLabel: LocalizationValue<'name'>;
        confirmationFieldPlaceholder: LocalizationValue<'name'>;
        resetButton: LocalizationValue;
        subtitle: LocalizationValue<'name'>;
        title: LocalizationValue;
      };
      selectProviderStep: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        saml: {
          groupLabel: LocalizationValue;
          okta: LocalizationValue;
          customSaml: LocalizationValue;
          google: LocalizationValue;
          microsoft: LocalizationValue;
        };
        oidc: {
          groupLabel: LocalizationValue;
          oidcProvider: LocalizationValue;
        };
        warning: LocalizationValue;
      };
      changeProviderDialog: {
        title: LocalizationValue<'provider'>;
        subtitle: LocalizationValue<'provider' | 'currentProvider' | 'name'>;
        cancelButton: LocalizationValue;
        confirmButton: LocalizationValue;
      };
      organizationDomainsStep: {
        title: LocalizationValue;
        subtitle: LocalizationValue;
        formFieldLabel__domain: LocalizationValue;
        formFieldInputPlaceholder__domain: LocalizationValue;
        formButtonPrimary__add: LocalizationValue;
        domainSuggestion: {
          messageLabel: LocalizationValue<'domain'>;
          formButtonPrimary__add: LocalizationValue<'domain'>;
        };
        domainCard: {
          badge__verified: LocalizationValue;
          badge__unverified: LocalizationValue;
          badge__expired: LocalizationValue;
-         badge__claimed: LocalizationValue;
-         checkboxLabel: LocalizationValue<'domain'>;
          verifiedAtLabel: LocalizationValue<'date'>;
          expiredAtLabel: LocalizationValue<'date'>;
          expiredLabel: LocalizationValue;
// ... 720 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) (60%): The before and after snippets are structurally identical at the visible portions; the diff is in the 64 elided lines (2218 vs 2154), suggesting some localization keys were removed. However, __internal_LocalizationResource is used only as a base for LocalizationResource via DeepPartial<DeepLocalizationWithoutObjects<...>>, making all fields optional in the consumer-facing type — so consumers who author localization objects are not required to provide removed keys, and reading side is unaffected. If keys were added (not removed), that would be non-breaking for this output-like usage. Without seeing the exact diff, the risk is low given the DeepPartial wrapper.

@clerk/ui

Current version: 1.33.1
Recommended bump: MINOR → 1.34.0

Subpath ./internal

🟡 Non-breaking Changes (1)

Modified: ElementsConfig
Diff (before: 590 lines, after: 587 lines). Click to expand. 
// ... 199 unchanged lines elided ...
    organizationProfileSecuritySsoDetailRowChip: WithOptions<string>;
    organizationProfileSecuritySsoDetailRowLink: WithOptions<string>;
    organizationProfileSecuritySsoProviderIcon: WithOptions;
-   organizationProfileSecuritySsoConnectionRow: WithOptions;
-   organizationProfileSecuritySsoConnectionPage: WithOptions;
    organizationListPreviewItems: WithOptions;
    organizationListPreviewItem: WithOptions;
    organizationListPreviewButton: WithOptions;
    organizationListPreviewItemActionButton: WithOptions;
    organizationListCreateOrganizationActionButton: WithOptions;
    taskChooseOrganizationPreviewItem: WithOptions;
    taskChooseOrganizationPreviewItems: WithOptions;
    taskChooseOrganizationCreateOrganizationActionButton: WithOptions;
    taskChooseOrganizationPreviewButton: WithOptions;
    taskSetupMfaMethodSelectionItem: WithOptions;
    taskSetupMfaMethodSelectionItems: WithOptions;
    taskSetupMfaPhoneSelectionItems: WithOptions;
    taskSetupMfaPhoneSelectionItem: WithOptions;
    taskSetupMfaPhoneSelectionAddPhoneAction: WithOptions;
    userAvatarBox: WithOptions;
    userAvatarImage: WithOptions;
    userPreview: WithOptions<UserPreviewId>;
    userPreviewAvatarContainer: WithOptions<UserPreviewId>;
    userPreviewAvatarBox: WithOptions<UserPreviewId>;
    userPreviewAvatarImage: WithOptions<UserPreviewId>;
    userPreviewAvatarIcon: WithOptions<UserPreviewId>;
    userPreviewTextContainer: WithOptions<UserPreviewId>;
    userPreviewMainIdentifier: WithOptions<UserPreviewId>;
    userPreviewMainIdentifierText: WithOptions<UserPreviewId>;
    userPreviewSecondaryIdentifier: WithOptions<UserPreviewId>;
    organizationPreview: WithOptions<OrganizationPreviewId>;
    organizationPreviewAvatarContainer: WithOptions<OrganizationPreviewId>;
    organizationPreviewAvatarBox: WithOptions<OrganizationPreviewId>;
    organizationPreviewAvatarImage: WithOptions<OrganizationPreviewId>;
    organizationPreviewTextContainer: WithOptions<OrganizationPreviewId>;
    organizationPreviewMainIdentifier: WithOptions<OrganizationPreviewId>;
    organizationPreviewSecondaryIdentifier: WithOptions<OrganizationPreviewId>;
    organizationAvatarUploaderContainer: WithOptions;
    membersPageInviteButton: WithOptions;
    identityPreview: WithOptions;
    identityPreviewText: WithOptions;
    identityPreviewEditButton: WithOptions;
    identityPreviewEditButtonIcon: WithOptions;
    passkeyIcon: WithOptions<'firstFactor'>;
    accountSwitcherActionButton: WithOptions<'addAccount' | 'signOutAll'>;
    accountSwitcherActionButtonIconBox: WithOptions<'addAccount' | 'signOutAll'>;
    accountSwitcherActionButtonIcon: WithOptions<'addAccount' | 'signOutAll'>;
    pricingTable: WithOptions;
    pricingTableCard: WithOptions<string>;
    pricingTableCardHeader: WithOptions;
    pricingTableCardTitleContainer: WithOptions;
    pricingTableCardTitle: WithOptions;
    pricingTableCardBadge: WithOptions;
    pricingTableCardDescription: WithOptions;
    pricingTableCardFeeContainer: WithOptions;
    pricingTableCardFee: WithOptions;
    pricingTableCardFeePeriod: WithOptions;
    pricingTableCardPeriodToggle: WithOptions;
    pricingTableCardFeePeriodNotice: WithOptions;
    pricingTableCardBody: WithOptions;
    pricingTableCardFeatures: WithOptions;
    pricingTableCardFeaturesList: WithOptions<string>;
    pricingTableCardFeaturesListItem: WithOptions<string>;
    pricingTableCardFeaturesListItemContent: WithOptions;
    pricingTableCardFeaturesListItemTitle: WithOptions;
    pricingTableCardStatusRow: WithOptions;
    pricingTableCardStatus: WithOptions;
    pricingTableCardFooter: WithOptions;
    pricingTableCardFooterButton: WithOptions;
    pricingTableCardFooterNotice: WithOptions;
    pricingTableMatrix: WithOptions;
    pricingTableMatrixTable: WithOptions;
    pricingTableMatrixRowGroup: WithOptions;
    pricingTableMatrixRowGroupHeader: WithOptions;
    pricingTableMatrixRowGroupBody: WithOptions;
    pricingTableMatrixRow: WithOptions;
    pricingTableMatrixRowHeader: WithOptions;
    pricingTableMatrixRowBody: WithOptions;
    pricingTableMatrixColumnHeader: WithOptions;
    pricingTableMatrixCell: WithOptions;
    pricingTableMatrixCellFooter: WithOptions;
    pricingTableMatrixAvatar: WithOptions;
    pricingTableMatrixBadge: WithOptions;
    pricingTableMatrixPlanName: WithOptions;
    pricingTableMatrixFee: WithOptions;
    pricingTableMatrixFeePeriod: WithOptions;
    pricingTableMatrixFeePeriodNotice: WithOptions;
    pricingTableMatrixFeePeriodNoticeInner: WithOptions;
    pricingTableMatrixFeePeriodNoticeLabel: WithOptions;
    pricingTableMatrixFooter: WithOptions;
    planDetailHeader: WithOptions;
    planDetailAvatar: WithOptions;
    planDetailBadgeAvatarTitleDescriptionContainer: WithOptions;
    planDetailBadgeContainer: WithOptions;
    planDetailBadge: WithOptions;
    planDetailTitle: WithOptions;
    planDetailTitleDescriptionContainer: WithOptions;
    planDetailDescription: WithOptions;
    planDetailAction: WithOptions;
    planDetailFeeContainer: WithOptions;
    planDetailFee: WithOptions;
    planDetailFeePeriod: WithOptions;
    planDetailFeePeriodNotice: WithOptions;
    planDetailFeePeriodNoticeInner: WithOptions;
    planDetailFeePeriodNoticeLabel: WithOptions;
    planDetailCaption: WithOptions;
    planDetailFeatures: WithOptions;
    planDetailFeaturesList: WithOptions<string>;
    planDetailFeaturesListItem: WithOptions<string>;
    planDetailFeaturesListItemContent: WithOptions;
    planDetailFeaturesListItemTitle: WithOptions;
    planDetailFeaturesListItemDescription: WithOptions;
    planDetailPeriodToggle: WithOptions;
    alert: WithOptions<AlertId>;
    alertIcon: WithOptions<AlertId>;
    alertText: WithOptions<AlertId>;
    alertTextContainer: WithOptions<AlertId>;
    tagInputContainer: WithOptions;
    tagPillIcon: WithOptions;
    tagPillContainer: WithOptions;
    tabPanel: WithOptions;
    tabButton: WithOptions;
    tabListContainer: WithOptions;
    tableHead: WithOptions;
    tableBody: WithOptions;
    tableRow: WithOptions;
    tableHeaderCell: WithOptions;
    tableBodyCell: WithOptions;
    paginationButton: WithOptions;
    paginationButtonIcon: WithOptions;
    paginationRowText: WithOptions<'allRowsCount' | 'rowsCount' | 'displaying'>;
    selectButton: WithOptions<SelectId>;
    selectSearchInput: WithOptions<SelectId>;
    selectButtonIcon: WithOptions<SelectId>;
    selectOptionsContainer: WithOptions<SelectId>;
    selectOption: WithOptions<SelectId>;
    paymentMethodRow: WithOptions;
    paymentMethodRowIcon: WithOptions;
    paymentMethodRowText: WithOptions;
    paymentMethodRowType: WithOptions;
    paymentMethodRowValue: WithOptions;
    paymentMethodRowBadge: WithOptions<'default' | 'expired'>;
    statementRoot: WithOptions;
    statementHeader: WithOptions;
    statementHeaderTitle: WithOptions;
    statementHeaderBadge: WithOptions;
    statementBody: WithOptions;
    statementSection: WithOptions;
    statementSectionHeader: WithOptions;
    statementHeaderTitleContainer: WithOptions;
    statementSectionHeaderTitle: WithOptions;
    statementSectionContent: WithOptions;
    statementSectionContentItem: WithOptions;
    statementSectionContentDetailsList: WithOptions;
    statementSectionContentDetailsListItem: WithOptions;
    statementSectionContentDetailsListItemLabelContainer: WithOptions;
    statementSectionContentDetailsListItemLabel: WithOptions;
    statementSectionContentDetailsListItemValue: WithOptions;
    statementSectionContentDetailsHeader: WithOptions;
    statementSectionContentDetailsHeaderItem: WithOptions;
    statementSectionContentDetailsHeaderItemIcon: WithOptions;
    statementSectionContentDetailsHeaderTitle: WithOptions;
    statementSectionContentDetailsHeaderDescription: WithOptions;
    statementSectionContentDetailsHeaderSecondaryTitle: WithOptions;
    statementSectionContentDetailsHeaderSecondaryDescription: WithOptions;
    statementFooter: WithOptions;
    statementFooterLabel: WithOptions;
    statementFooterValueContainer: WithOptions;
    statementFooterCurrency: WithOptions;
    statementFooterValue: WithOptions;
    statementCopyButton: WithOptions;
    menuButton: WithOptions<MenuId>;
    menuButtonEllipsis: WithOptions;
    menuButtonEllipsisBordered: WithOptions;
    menuList: WithOptions<MenuId>;
    menuItem: WithOptions<MenuId>;
    paymentAttemptRoot: WithOptions;
    paymentAttemptHeader: WithOptions;
    paymentAttemptHeaderTitleContainer: WithOptions;
    paymentAttemptHeaderTitle: WithOptions;
    paymentAttemptHeaderBadge: WithOptions;
    paymentAttemptBody: WithOptions;
    paymentAttemptFooter: WithOptions;
    paymentAttemptFooterLabel: WithOptions;
    paymentAttemptFooterValueContainer: WithOptions;
    paymentAttemptFooterCurrency: WithOptions;
    paymentAttemptFooterValue: WithOptions;
    paymentAttemptCopyButton: WithOptions;
    modalBackdrop: WithOptions;
    modalContent: WithOptions;
    modalCloseButton: WithOptions;
    profileSection: WithOptions<ProfileSectionId>;
    profileSectionItemList: WithOptions<ProfileSectionId>;
    profileSectionItem: WithOptions<ProfileSectionId>;
    profileSectionHeader: WithOptions<ProfileSectionId>;
    profileSectionTitle: WithOptions<ProfileSectionId>;
    profileSectionTitleText: WithOptions<ProfileSectionId>;
    profileSectionSubtitle: WithOptions<ProfileSectionId>;
    profileSectionSubtitleText: WithOptions<ProfileSectionId>;
    profileSectionContent: WithOptions<ProfileSectionId>;
    profileSectionPrimaryButton: WithOptions<ProfileSectionId>;
    profileSectionButtonGroup: WithOptions<ProfileSectionId>;
    profilePage: WithOptions<ProfilePageId>;
    profilePageContent: WithOptions;
    formattedPhoneNumber: WithOptions;
    formattedPhoneNumberFlag: WithOptions;
    formattedPhoneNumberText: WithOptions;
    formattedDate: WithOptions<'tableCell'>;
    scrollBox: WithOptions;
    navbar: WithOptions;
    navbarButtons: WithOptions<never, ActiveState>;
    navbarButton: WithOptions<string, ActiveState>;
    navbarButtonIcon: WithOptions<string, ActiveState>;
    navbarButtonText: WithOptions<string, ActiveState>;
    navbarMobileMenuRow: WithOptions;
    navbarMobileMenuButton: WithOptions;
    navbarMobileMenuButtonIcon: WithOptions;
    pageScrollBox: WithOptions;
    page: WithOptions;
    activeDevice: WithOptions<'current'>;
    activeDeviceListItem: WithOptions<'current'>;
    activeDeviceIcon: WithOptions<'mobile' | 'desktop'>;
    impersonationFab: WithOptions;
    impersonationFabIcon: WithOptions;
    impersonationFabIconContainer: WithOptions;
    impersonationFabTitle: WithOptions;
    impersonationFabActionLink: WithOptions;
    tooltip: WithOptions;
    tooltipContent: WithOptions;
    tooltipText: WithOptions;
    invitationsSentIconBox: WithOptions;
    invitationsSentIcon: WithOptions;
    qrCodeRow: WithOptions;
    qrCodeContainer: WithOptions;
    badge: WithOptions<'primary' | 'actionRequired'>;
    notificationBadge: WithOptions;
    buttonArrowIcon: WithOptions;
    spinner: WithOptions;
    apiKeys: WithOptions;
    apiKeysHeader: WithOptions;
    apiKeysSearchBox: WithOptions;
    apiKeysSearchInput: WithOptions;
    apiKeysAddButton: WithOptions;
    apiKeysTable: WithOptions;
    apiKeysCopyButton: WithOptions<string>;
    apiKeysRevealButton: WithOptions<string>;
    apiKeysCreateForm: WithOptions;
    apiKeysCreateFormNameInput: WithOptions;
    apiKeysCreateFormDescriptionInput: WithOptions;
    apiKeysCreateFormExpirationInput: WithOptions;
    apiKeysCreateFormSubmitButton: WithOptions;
    apiKeysCreateFormExpirationCaption: WithOptions;
    apiKeysRevokeModal: WithOptions;
    apiKeysRevokeModalInput: WithOptions;
    apiKeysRevokeModalSubmitButton: WithOptions;
    apiKeysCopyModal: WithOptions;
    apiKeysCopyModalInput: WithOptions;
    apiKeysCopyModalSubmitButton: WithOptions;
    subscriptionDetailsCard: WithOptions;
    subscriptionDetailsCardHeader: WithOptions;
    subscriptionDetailsCardBadge: WithOptions;
    subscriptionDetailsCardTitle: WithOptions;
    subscriptionDetailsCardBody: WithOptions;
    subscriptionDetailsCardFooter: WithOptions;
    subscriptionDetailsCardActions: WithOptions;
    subscriptionDetailsActionButton: WithOptions;
    subscriptionDetailsCancelButton: WithOptions;
    subscriptionDetailsDetailRow: WithOptions;
    subscriptionDetailsDetailRowLabel: WithOptions;
    subscriptionDetailsDetailRowValue: WithOptions;
    enterpriseConnectionsRoot: WithOptions;
    enterpriseConnectionButton: WithOptions;
    enterpriseConnectionButtonText: WithOptions;
    configureSSOConnectionScopeBanner: WithOptions;
    configureSSOHeader: WithOptions;
    configureSSOHeaderBackButton: WithOptions;
    configureSSOMobileNavbar: WithOptions;
    configureSSOStepper: WithOptions;
    configureSSOStepperItem: WithOptions<string, ActiveState>;
    configureSSOStepperItemBullet: WithOptions<string, ActiveState>;
    configureSSOStepperItemLabel: WithOptions<string>;
    configureSSOStepperSeparator: WithOptions;
    configureSSOStep: WithOptions<string>;
    configureSSOStepHeader: WithOptions;
    configureSSOStepHeaderTitle: WithOptions;
    configureSSOStepHeaderDescription: WithOptions;
    configureSSOStepBody: WithOptions;
    configureSSOStepSection: WithOptions;
    configureSSOStepCounter: WithOptions;
    configureSSOFooter: WithOptions;
    configureSSOFooterPreviousButton: WithOptions;
    configureSSOFooterContinueButton: WithOptions;
    configureSSOFooterResetButton: WithOptions;
    configureSSOProviderGroup: WithOptions<string>;
    configureSSOProviderGroupLabel: WithOptions<string>;
    configureSSOProviderGrid: WithOptions;
    configureSSOProviderCard: WithOptions<string, ActiveState>;
    configureSSOProviderCardRadio: WithOptions<string>;
    configureSSOProviderCardIcon: WithOptions<string>;
    configureSSOProviderCardLabel: WithOptions<string>;
    configureSSOVerifyDomainErrorRoot: WithOptions;
    configureSSOVerifyDomainErrorIcon: WithOptions;
    configureSSOVerifyDomainErrorTitle: WithOptions;
    configureSSOVerifyDomainErrorSubtitle: WithOptions;
    configureSSOVerifyDomainList: WithOptions;
    configureSSOVerifyDomainSuggestion: WithOptions;
    configureSSOVerifyDomainCard: WithOptions<'verified' | 'unverified' | 'expired'>;
-   configureSSOVerifyDomainCardBadge: WithOptions<'verified' | 'unverified' | 'expired' | 'claimed'>;
-   configureSSOVerifyDomainCardCheckbox: WithOptions;
+   configureSSOVerifyDomainCardBadge: WithOptions<'verified' | 'unverified' | 'expired'>;
    configureSSOVerifyDomainCardRemoveButton: WithOptions;
    configureSSOVerifyDomainCardTxtRecord: WithOptions;
    configureSSOVerifyDomainCardTxtRecordValue: WithOptions;
// ... 79 unchanged lines elided ...

Static analyzer: Breaking change in type alias ElementsConfig: Type changed: {button:import("@clerk/ui").~WithOptions<string>;input:import("@clerk/ui").~WithOptions;checkbox:import("@clerk/ui").~W… → {button:import("@clerk/ui").~WithOptions<string>;input:import("@clerk/ui").~WithOptions;checkbox:import("@clerk/ui").~W…

🤖 AI review (reclassified as non-breaking) (80%): The diff shows 510 lines elided before vs 507 lines after, indicating a net removal of ~3 keys from ElementsConfig. However, ElementsConfig is only used as the source for the Elements type alias (an output/read type via mapped type), and consumers only read Elements values — they do not construct ElementsConfig objects directly. The removal of a few keys from an output-mapped type means the derived Elements union loses some variants, which is a narrowing of an output union and does not break existing well-typed consumer code that only reads or assigns Elements values. Without the exact keys removed being identifiable (they're in the elided lines), this verdict carries some uncertainty, but the usage site confirms ElementsConfig is consumed only as input to a mapped type producing an output union.

Report generated by Break Check

Last ran on ab6b7cf.

@alexcarpenter alexcarpenter changed the title feat(ui): mirror direction-aware Mosaic icons under rtl feat(mosaic): mirror direction-aware icons under rtl Sep 17, 2026
@alexcarpenter
alexcarpenter enabled auto-merge (squash) September 17, 2026 18:19
@alexcarpenter
alexcarpenter merged commit 67f7387 into main Sep 17, 2026
53 checks passed
@alexcarpenter
alexcarpenter deleted the carp/mosaic-rtl-styles branch September 17, 2026 18:29
@clerk-cookie clerk-cookie mentioned this pull request Sep 17, 2026
Merged

This branch was successfully deployed

2 active deployments
Preview – swingset — d4b2df64 Deployed Sep 17, 2026 by vercel[bot]
View deployment
Preview – clerk-js-sandbox — d4b2df64 Deployed Sep 17, 2026 by vercel[bot]
View deployment
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@maxyinger maxyinger maxyinger approved these changes
@austincalvelage austincalvelage Awaiting requested review from austincalvelage

Assignees

No one assigned

Labels

mosaic ui

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@alexcarpenter @maxyinger