refactor(mosaic): share media sizes and radii between IconFrame and Avatar - #10600

set -eu
printf '%s\n' '--- diff summary ---'
git diff --stat 7569f02043f3984dcce75089e29cb48ac452f6f9 6559499ad9e86e6099cbaf0d8cecccbd122b3754
printf '%s\n' '--- changeset diff ---'
git diff --no-ext-diff --unified=80 7569f02043f3984dcce75089e29cb48ac452f6f9 6559499ad9e86e6099cbaf0d8cecccbd122b3754 -- .changeset/quiet-icons-align.md
printf '%s\n' '--- IconFrame declarations and usages ---'
rg -n -F --glob '*.{ts,tsx,md,json}' -e 'IconFrameProps' -e 'IconFrame' -e '"xl"' -e "'xl'" packages src .changeset 2>/dev/null || true
printf '%s\n' '--- candidate package docs and metadata ---'
find packages -maxdepth 4 \( -iname '*mosaic*' -o -path '*/README.md' -o -iname '*changelog*' \) -print | sort | head -200
printf '%s\n' '--- package README/changelog references ---'
rg -n -i -F --glob 'README*' --glob '*CHANGELOG*' --glob '*.md' -e '@clerk/mosaic' -e 'breaking' -e 'major' -e 'minor' -e 'patch' packages .changeset 2>/dev/null | head -300

set -eu
printf '%s\n' '--- current IconFrame implementation and styles ---'
nl -ba packages/mosaic/src/components/icon/icon-frame.tsx
nl -ba packages/mosaic/src/components/icon/icon-frame.styles.ts
printf '%s\n' '--- base IconFrame implementation and styles ---'
git show 7569f02043f3984dcce75089e29cb48ac452f6f4:packages/mosaic/src/components/icon/icon-frame.tsx | nl -ba
git show 7569f02043f3984dcce75089e29cb48ac452f6f4:packages/mosaic/src/components/icon/icon-frame.styles.ts | nl -ba
printf '%s\n' '--- current media scale and exports ---'
nl -ba packages/mosaic/src/styles/media-size.styles.ts
nl -ba packages/mosaic/src/components/icon/index.ts
nl -ba packages/mosaic/src/styles/index.ts
printf '%s\n' '--- Mosaic package metadata and README ---'
nl -ba packages/mosaic/package.json
nl -ba packages/mosaic/README.md
printf '%s\n' '--- Mosaic changelog beginning and release sections ---'
nl -ba packages/mosaic/CHANGELOG.md | sed -n '1,240p'
printf '%s\n' '--- changesets naming Mosaic and release levels ---'
for f in .changeset/*.md; do
  if grep -q -F "'@clerk/mosaic'" "$f" 2>/dev/null || grep -q -F '"@clerk/mosaic"' "$f" 2>/dev/null; then
    printf '%s\n' "### $f"
    nl -ba "$f"
  fi
done
printf '%s\n' '--- Mosaic IconFrame references with size props ---'
rg -n -F --glob '*.{ts,tsx,md}' -e '<IconFrame' -e 'IconFrame size=' packages/mosaic packages/swingset | head -240

set +e
printf '%s\n' '--- exact PR diff for IconFrame and media styles ---'
git diff --no-ext-diff --unified=100 7569f02043f3984dcce75089e29cb48ac452f6f4 6559499ad9e86e6099cbaf0d8cecccbd122b3754 -- packages/mosaic/src/components/icon/icon-frame.tsx packages/mosaic/src/components/icon/icon-frame.styles.ts packages/mosaic/src/styles/media-size.styles.ts packages/mosaic/src/components/avatar/avatar.styles.ts packages/mosaic/src/components/item/item.styles.ts
printf '%s\n' '--- Mosaic README ---'
nl -ba packages/mosaic/README.md | sed -n '1,180p'
printf '%s\n' '--- Mosaic changelog top ---'
nl -ba packages/mosaic/CHANGELOG.md | sed -n '1,125p'
printf '%s\n' '--- Mosaic release history in available refs ---'
git log --all --oneline --decorate -- packages/mosaic/CHANGELOG.md | head -40
printf '%s\n' '--- changeset history and release-level patterns ---'
git log --all --oneline -- .changeset packages/mosaic/package.json | head -80
printf '%s\n' '--- all Mosaic release headings and explicit breaking/minor entries ---'
rg -n -i -F --glob 'packages/mosaic/CHANGELOG.md' -e '### Minor Changes' -e '### Major Changes' -e 'breaking' -e 'remove' -e 'rename' -e 'default' | head -200

#!/bin/bash
set -e
printf '%s\n' '--- diff ---'
git diff --unified=80 7569f02043f3984dcce75089e29cb48ac452f6f9 6559499ad9e86e6099cbaf0d8cecccbd122b3754 -- packages/mosaic/src/components/avatar/avatar.styles.ts

printf '%s\n' '--- Avatar xstyle callers ---'
rg -n -F --glob '*.{ts,tsx}' 'xstyle=' packages/mosaic/src | grep -E 'Avatar|avatar|RowAvatar|<Avatar' || true
rg -n -F --glob '*.{ts,tsx}' -e '<Avatar' -e 'Avatar ' -e 'Avatar.' packages/mosaic/src || true

printf '%s\n' '--- radius variable references ---'
rg -n -F --glob '*.{ts,tsx,css}' -e '--_cl-avatar-radius' -e '--_cl-media-radius' packages/mosaic/src || true

printf '%s\n' '--- switcher candidates ---'
rg -n -i --glob '*.{ts,tsx}' 'rowavatar|switcher' packages/mosaic/src | head -200 || true

printf '%s\n' '--- relevant file inventory ---'
rg --files packages/mosaic/src | grep -E '(avatar|switch|media|item)' | head -200

#!/bin/bash
set -e
for f in \
  packages/mosaic/src/features/switcher/switcher-avatar.view.tsx \
  packages/mosaic/src/features/switcher/switcher-avatar.styles.ts \
  packages/mosaic/src/features/switcher/switcher.styles.ts \
  packages/mosaic/src/styles/media-size.styles.ts \
  packages/mosaic/src/components/avatar/avatar.tsx \
  packages/mosaic/src/components/avatar/avatar.styles.ts \
  packages/mosaic/src/features/organization-list/organization-list.skeleton.tsx
do
  printf '\n--- %s ---\n' "$f"
  nl -ba "$f" | sed -n '1,240p'
done

printf '\n--- RowAvatar and mediaSizes call sites ---\n'
rg -n -F --glob '*.{ts,tsx}' -e 'RowAvatar' -e 'mediaSizes' -e 'styles.rowAvatar' -e 'size=' packages/mosaic/src/features/switcher packages/mosaic/src/features/organization-list packages/mosaic/src/components/item packages/mosaic/src/components/avatar packages/mosaic/src/features/user-avatar | head -240

#!/bin/bash
set -e
for range in 'packages/mosaic/src/features/switcher/switcher.view.tsx:245,265' 'packages/mosaic/src/features/switcher/switcher.view.tsx:335,355' 'packages/mosaic/src/features/switcher/switcher.view.tsx:558,580' 'packages/mosaic/src/features/switcher/switcher.view.tsx:1110,1130' 'packages/mosaic/src/features/organization-list/organization-list.view.tsx:275,300' 'packages/mosaic/src/features/organization-list/organization-list.view.tsx:315,350'
do
  file=${range%%:*}
  lines=${range#*:}
  printf '\n--- %s:%s ---\n' "$file" "$lines"
  nl -ba "$file" | sed -n "${lines/,/p}"
done

#!/bin/bash
set -e
print_range() {
  file=$1
  start=$2
  end=$3
  printf '\n--- %s:%s-%s ---\n' "$file" "$start" "$end"
  awk -v start="$start" -v end="$end" 'NR >= start && NR <= end { printf "%6d %s\n", NR, $0 }' "$file"
}
print_range packages/mosaic/src/features/switcher/switcher.view.tsx 245 265
print_range packages/mosaic/src/features/switcher/switcher.view.tsx 335 355
print_range packages/mosaic/src/features/switcher/switcher.view.tsx 558 580
print_range packages/mosaic/src/features/switcher/switcher.view.tsx 1110 1130
print_range packages/mosaic/src/features/organization-list/organization-list.view.tsx 275 300
print_range packages/mosaic/src/features/organization-list/organization-list.view.tsx 315 350

#!/bin/bash
set -e
printf '%s\n' '--- SwitcherRow declarations and calls ---'
rg -n -F --glob '*.{ts,tsx}' -e 'function SwitcherRow' -e '<SwitcherRow' -e 'shape=' -e 'shape:' packages/mosaic/src/features/switcher packages/mosaic/src/features/organization-list | head -240

printf '%s\n' '--- lead shape definitions and layout ---'
nl -ba packages/mosaic/src/features/switcher/switcher.view.tsx | awk 'NR >= 200 && NR <= 245 { print }'
nl -ba packages/mosaic/src/features/switcher/switcher.view.tsx | awk 'NR >= 355 && NR <= 475 { print }'
nl -ba packages/mosaic/src/features/switcher/switcher.layout.ts | awk 'NR >= 1 && NR <= 220 { print }'